.media-hero{background:linear-gradient(133deg,#f6f8ff,#effaf8 65%,#f8fbff)}
.media-hero h1 em{color:#644dbe;font-style:normal}.media-card{overflow:hidden}
.media-step{display:flex;gap:13px;align-items:start;margin:8px 0 15px}.media-step>span{display:grid;place-items:center;flex:0 0 33px;height:33px;background:#e7f6f3;color:#087d69;font-weight:800;border-radius:11px}.media-step h2{font-size:1.15rem;margin:0 0 4px;color:#203d55}.media-step p{font-size:.88rem;color:#63738a;margin:0 0 7px}
.media-options{margin-top:16px}.media-tip{border-radius:12px;background:#f1f7ff;border:1px solid #dcebf7;padding:13px 15px;color:#3c5974;font-size:.86rem;line-height:1.6;margin-bottom:20px}.media-drop{min-height:150px}.media-options select{min-width:0}.media-card .server-selected{white-space:normal;word-break:break-word;overflow-wrap:anywhere}.media-card label[hidden]{display:none}.media-card [hidden]{display:none!important}.media-card .server-progress-actions{margin-top:8px}
@media(max-width:540px){.media-options{grid-template-columns:minmax(0,1fr)}.media-step h2{font-size:1.04rem}}

.media-special{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:#f7f9fe;border:1px solid #dfe8f3;border-radius:14px;padding:15px;margin:15px 0}.media-special label{display:grid;gap:7px;font-size:.85rem;color:#35526e;font-weight:700}.media-special input{min-width:0;width:100%;border:1px solid #d5e0ec;border-radius:10px;padding:11px;font:inherit}.media-special small{grid-column:1/-1;color:#667b92;line-height:1.5}.media-special[hidden]{display:none!important}
@media(max-width:540px){.media-special{grid-template-columns:minmax(0,1fr)}}
.media-audio-editor{grid-column:1/-1;display:grid;gap:11px;min-width:0;border-top:1px solid #dce6f0;padding-top:15px}.media-audio-editor[hidden]{display:none!important}
.media-editor-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#254563}.media-editor-heading small{color:#687a90;font-weight:500}
.media-waveform{display:block;width:100%;height:124px;background:#102339;border-radius:12px;max-width:100%}
.media-range-labels{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;color:#496179;font-size:.82rem}.media-range-labels span:nth-child(2){font-weight:800}
.media-manual-time{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.media-manual-time[hidden]{display:none!important}
.media-wave-interactive{position:relative;overflow:visible;width:100%;touch-action:none;user-select:none;cursor:crosshair;border-radius:12px;background:#11283f}
.media-wave-handle{position:absolute;z-index:2;top:0;bottom:0;width:22px;transform:translateX(-50%);background:transparent;border:0;padding:0;cursor:ew-resize;touch-action:none;outline-offset:4px}
.media-wave-handle::before{content:"";position:absolute;top:5px;bottom:5px;left:10px;width:3px;background:#62f5c5;box-shadow:0 0 9px #0ec89d}
.media-wave-handle::after{content:"";position:absolute;top:0;left:3px;border-radius:0 0 6px 6px;width:17px;height:18px;background:#2de1b1;border:2px solid #e0fff5}
.media-wave-end::after{top:auto;bottom:0;border-radius:6px 6px 0 0}
.media-wave-handle:focus-visible{outline:3px solid #f6b94f;border-radius:9px}
.media-wave-help{color:#60788e;line-height:1.5}
.media-audio-editor audio[hidden]{display:none!important}
.media-audio-editor audio{width:100%;min-width:0}.media-preview-button{justify-self:start;font-size:.85rem;padding:10px 14px}
.media-fade-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.media-fade-controls label{display:grid;gap:7px}.media-audio-editor>small{line-height:1.55;color:#647a90}
@media(max-width:540px){.media-fade-controls{grid-template-columns:minmax(0,1fr)}.media-range-labels{font-size:.73rem}}

@media(max-width:540px){.media-manual-time{grid-template-columns:1fr}.media-wave-handle{width:28px}.media-wave-handle::before{left:12px}.media-wave-handle::after{left:5px}}