.media-workspace{--media-wave-before:var(--color-accent);--media-wave-after:#1f9d6b;--media-warn:#b4441f}:root[data-theme=dark] .media-workspace{--media-wave-after:#4fd1a1;--media-warn:#ff9f7a}.media-workspace [hidden]{display:none!important}.media-workspace .workbench-input,.media-workspace .workbench-result{gap:16px;min-width:0}.media-workspace button,.media-workspace select,.media-workspace input:not([type=checkbox]):not([type=radio]):not([type=color]){min-height:44px}.media-workspace .btn{white-space:normal;justify-content:center;height:auto}.media-workspace select,.media-workspace input[type=number],.media-workspace textarea{border:var(--rule);background:var(--color-surface);width:100%;min-width:0;color:var(--color-ink);border-radius:8px;padding:8px 10px;font-size:16px}.media-workspace textarea{resize:vertical;min-height:150px;line-height:1.5}.media-workspace input[type=range]{width:100%;accent-color:var(--color-accent)}.media-workspace input[aria-invalid=true]{border-color:var(--media-warn)}.media-mono{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate}.media-icon{width:44px;min-width:44px;padding:10px}.media-slot{gap:8px;display:grid}.media-picker{text-align:center;border:1px dashed var(--color-rule);background:var(--color-surface);cursor:pointer;border-radius:12px;align-content:center;justify-items:center;gap:8px;min-height:168px;padding:24px 16px;display:grid;position:relative}.media-picker svg{color:var(--color-accent)}.media-picker span{color:var(--color-muted);font-size:13px}.media-picker input{opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px;position:absolute;inset:0}.media-picker:focus-within{outline:2px solid var(--color-focus);outline-offset:3px}.media-drop.dragging .media-picker{border-color:var(--color-accent);background:var(--color-accent-wash)}.media-drop.disabled .media-picker{opacity:.55;cursor:wait}.media-file-row{border:var(--rule);background:var(--color-surface);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.media-file-text{min-width:0}.media-file-text strong{overflow-wrap:anywhere;font-size:14px;display:block}.media-file-text p{margin:4px 0 0;font-size:13px;min-height:0!important}.media-field{gap:8px;min-width:0;display:grid}.media-field>label,.media-field>span:first-child,.media-label{justify-content:space-between;gap:8px;font-size:14px;font-weight:600;display:flex}.media-field output{color:var(--color-muted);font-weight:400}.media-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.media-row-end{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.media-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.media-triple{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.media-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.media-inline{gap:8px;display:flex}.media-inline input{flex:1}.media-scale{color:var(--color-muted);justify-content:space-between;gap:8px;font-size:12px;display:flex}.media-chips{flex-wrap:wrap;gap:8px;display:flex}.media-chips .btn,.media-segment .btn,.media-grid-2 .btn{gap:6px;font-size:13px}.media-workspace [aria-pressed=true]{background:var(--color-accent-wash);border-color:var(--color-accent);color:var(--color-accent-ink)}.media-segment{gap:4px;display:inline-flex}.media-check{cursor:pointer;align-items:flex-start;gap:10px;min-height:44px;font-size:14px;display:flex}.media-check input{width:20px;height:20px;accent-color:var(--color-accent);flex-shrink:0;margin-top:2px}.media-check span{gap:2px;display:grid}.media-check .helper{min-height:0!important}.media-color{align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.media-color input{border:var(--rule);background:var(--color-surface);border-radius:8px;width:44px;height:44px;padding:2px}.media-subhead{margin:0;font-size:14px;font-weight:600}.media-group,.editor-panel,.scroll-settings,.gif-maker,.gif-editor,.cut-editor,.norm-settings,.merge-box,.addaudio-settings,.editor-crop{gap:16px;min-width:0;display:grid}.media-group{gap:8px}.media-place{border:var(--rule);border-radius:10px;gap:8px;margin:0;padding:12px;display:grid}.media-place legend{padding:0 4px;font-size:14px;font-weight:600}.media-warning{color:var(--media-warn)}.media-workspace .helper{min-height:0}.media-run{flex-wrap:wrap;gap:8px;display:flex}.media-run [data-media-run]{flex:200px}.media-source-video,.editor-stage video,.addaudio-stage video{background:#000;border-radius:10px;width:100%;max-height:320px;display:block}.editor-stage{background:#000;border-radius:10px;overflow:hidden}.editor-stage video{transition:transform .2s}.media-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.media-stats>div{border:var(--rule);background:var(--color-surface);border-radius:8px;min-width:0;padding:10px}.media-stats dt{color:var(--color-muted);font-size:12px}.media-stats dd{overflow-wrap:anywhere;margin:4px 0 0;font-weight:600}.media-stats dd[data-band=hot]{color:var(--media-warn)}.media-stats dd[data-band=safe]{color:var(--media-wave-after)}.media-wave{border-radius:8px;width:100%;height:64px;display:block}.editor-effects ul{gap:4px;margin:8px 0 0;padding-inline-start:18px;font-size:14px;display:grid}.editor-effects li.helper{margin-inline-start:-18px;list-style:none}[data-state=paused] .glyph-pause,[data-state=playing] .glyph-play{display:none}.cut-transport{align-items:center;gap:12px;display:flex}.cut-bar{background:var(--color-paper-3);cursor:pointer;touch-action:none;border-radius:8px;height:44px;margin-inline:14px;position:relative}.cut-fill,.cut-selection{top:0;bottom:0;pointer-events:none;border-radius:8px;position:absolute;inset-inline-start:0}.cut-fill{background:color-mix(in srgb, var(--color-accent) 25%, transparent)}.cut-selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent);border:2px solid var(--color-accent)}.cut-handle{background:var(--color-surface);border:2px solid var(--color-accent);cursor:grab;touch-action:none;border-radius:8px;width:28px;height:44px;margin-inline-start:-14px;position:absolute;top:0}.cut-handle:after{content:"";border-inline:2px solid var(--color-accent);position:absolute;inset:10px 11px}.cut-handle:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.cut-preview{border:var(--rule);background:var(--color-surface);border-radius:10px;gap:8px;padding:12px;display:grid}.cut-preview audio,.norm-analysis audio{width:100%}.norm-analysis{gap:8px;display:grid}.merge-list,.gif-frames{margin:0;padding:0;list-style:none}.merge-list{gap:8px;display:grid}.merge-item{border:var(--rule);background:var(--color-surface);border-radius:10px;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.merge-index{text-align:center;color:var(--color-accent-ink);font-weight:600}.merge-info{min-width:0;display:grid}.merge-info strong{overflow-wrap:anywhere;font-size:14px}.merge-info small{color:var(--color-muted)}.merge-actions{gap:4px;display:flex}.gif-frames-box{gap:8px;display:grid}.gif-frames{grid-template-columns:repeat(auto-fill,minmax(min(100%,88px),1fr));gap:8px;display:grid}.gif-frame{aspect-ratio:1;border:2px solid var(--color-rule);background:var(--color-surface);border-radius:8px;position:relative;overflow:hidden}.gif-frame[data-current=true]{border-color:var(--color-accent)}.gif-frame img{object-fit:cover;width:100%;height:100%}.gif-frame-index{bottom:4px;color:#fff;background:#000000b3;border-radius:4px;padding:0 6px;font-size:12px;position:absolute;inset-inline-start:4px}.gif-frame-remove{top:0;color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:44px;height:44px;display:grid;position:absolute;inset-inline-end:0}.gif-frame-remove svg{background:#000000b3;border-radius:50%;width:26px;height:26px;padding:6px}.scroll-templates{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.scroll-template{text-align:start;gap:10px;justify-content:flex-start!important}.scroll-template span:last-child{display:grid}.scroll-template small{color:var(--color-muted)}.scroll-swatch{border-radius:6px;flex-shrink:0;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.scroll-canvas{border:var(--rule);border-radius:10px;width:auto;max-width:100%;max-height:420px;margin:0 auto;display:block}.addaudio-stage{gap:8px;display:grid}.addaudio-stage .btn{justify-self:start;gap:6px}.media-result-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.media-result-head .workbench-label{margin:0}.media-card{border:var(--rule);background:var(--color-surface);border-radius:12px;align-content:center;gap:12px;min-width:0;min-height:240px;padding:16px;display:grid}.media-progress{gap:8px;display:grid}.media-progress progress{width:100%;height:10px;accent-color:var(--color-accent)}.media-preview{justify-items:center;display:grid}.media-preview audio{width:100%}.media-preview video,.media-preview img{border-radius:8px;max-width:100%;max-height:420px}.media-preview-image img{image-rendering:auto;background:repeating-conic-gradient(var(--color-paper-3) 0 25%, var(--color-surface) 0 50%) 0 0 / 16px 16px}.media-placeholder{text-align:center}.media-result-info{overflow-wrap:anywhere}.media-status.error{color:var(--media-warn)}.media-details summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;font-size:14px;font-weight:600;display:flex}.media-details[open] summary svg{transform:rotate(180deg)}.media-notes{color:var(--color-ink-2);gap:6px;margin:0;padding-inline-start:18px;font-size:13px;line-height:1.6;display:grid}@media (width<=767px){.media-triple,.media-stats{grid-template-columns:minmax(0,1fr)}.media-pair{gap:8px}.media-file-row{flex-direction:column;align-items:stretch}.media-segment{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;width:100%;display:grid}.media-row-end{margin-inline-start:0}.merge-item{grid-template-columns:28px minmax(0,1fr)}.merge-actions{grid-column:1/-1;justify-content:flex-end}.scroll-templates{grid-template-columns:minmax(0,1fr)}.media-card{min-height:200px}}@media (width<=380px){.media-pair{grid-template-columns:minmax(0,1fr)}}.media-workspace[data-kind=text-scroll] .media-card{min-height:0}