.editor{--gap:.75rem;--panel:var(--card-tint);--surface:var(--color-surface-raised);--control:2.25rem;--clip-main:color-mix(in oklch, var(--color-text) 14%, var(--color-surface-raised));--clip-text:color-mix(in oklch, var(--accent) 34%, var(--color-surface-raised));--clip-audio:color-mix(in oklch, var(--accent) 16%, var(--color-surface-raised));gap:var(--gap);width:100%;min-width:0;min-height:0;padding:0 var(--gap) var(--gap);background:var(--color-bg);color:var(--color-text-body);font-size:var(--text-sm);letter-spacing:var(--tracking-ui);flex:1;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);line-height:1.45;display:grid;position:relative}.editor .muted{color:var(--color-text-muted)}.editor .small{font-size:var(--text-xs)}.editor .ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor .icon{flex:none;display:inline-flex}.editor .icon svg{width:100%;height:100%}.editor .button{border-radius:var(--radius-pill);background:var(--surface);min-height:2.75rem;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-ui);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:0 1.25rem;line-height:1;display:inline-flex}.editor .button:active:not(:disabled){transform:scale(.98)}.editor .button.primary{background:var(--accent-strong);color:var(--color-on-accent)}.editor .button.primary:hover:not(:disabled){background:var(--accent-hover)}.editor .button.secondary{border-color:var(--color-border-strong);background:var(--surface)}.editor .button.secondary:hover:not(:disabled),.editor .button.ghost:hover:not(:disabled){background:var(--panel)}.editor .button.ghost{background:0 0}.editor .button.small{min-height:var(--control);padding:0 1rem}.editor .button:disabled{opacity:.45;cursor:not-allowed}.editor .icon-button{width:var(--control);height:var(--control);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease);background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.editor .icon-button:hover:not(:disabled){background:var(--surface)}.editor .icon-button[aria-pressed=true]{background:var(--color-text);color:var(--color-bg)}.editor .icon-button:disabled{opacity:.35;cursor:not-allowed}.editor .icon-button.danger:hover:not(:disabled){color:var(--accent-text)}.editor .link-button{color:var(--accent-text);font-size:var(--text-sm);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.editor .link-button:hover:not(:disabled){text-underline-offset:.2em;text-decoration:underline}.editor .link-button:disabled{color:var(--color-text-muted);cursor:default}.topbar{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:4rem;display:flex}.topbar-group{align-items:center;gap:.5rem;min-width:0;display:flex}.topbar .history{border-radius:var(--radius-pill);background:var(--panel);padding:.25rem;display:flex}.topbar .duration{color:var(--color-text);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;align-items:center;gap:.375rem;padding:0 .75rem;display:inline-flex}.local-badge{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);align-items:center;gap:.375rem;padding:.5rem .875rem;display:inline-flex}@media (width<=72rem){.local-badge{display:none}}.workspace{gap:var(--gap);grid-template-columns:minmax(14rem,18rem) minmax(0,1fr) minmax(16rem,20rem);min-height:0;display:grid}.library,.inspector,.preview,.timeline-area{border-radius:var(--radius-lg);background:var(--panel)}.library,.inspector{scrollbar-width:thin;min-height:0;overflow-y:auto}.panel-heading{flex-direction:column;gap:.25rem;padding:1.25rem 1.25rem .75rem;display:flex}.panel-heading.row{flex-direction:row;justify-content:space-between;align-items:center}.panel-title{color:var(--color-text);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.inspector-body{flex-direction:column;gap:.5rem;padding-bottom:1.25rem;display:flex}.inspector-body>.muted{padding:0 1.25rem}.panel-section{border-radius:var(--radius-md);background:var(--surface);flex-direction:column;gap:.875rem;margin:0 .75rem;padding:1rem;display:flex}.panel-section h3{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-ui)}.facts{grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0 .75rem;display:grid}.facts div{border-radius:var(--radius-md);background:var(--surface);padding:.75rem}.facts dt{color:var(--color-text-muted);font-size:var(--text-xs)}.facts dd{color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums}.shortcuts{flex-direction:column;gap:.5rem;display:flex}.shortcuts div{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.shortcuts dd{color:var(--color-text-muted);text-align:right}.editor kbd{background:var(--panel);color:var(--color-text);font-family:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;border-radius:.375rem;padding:.125rem .4375rem}.button-row{flex-wrap:wrap;gap:.25rem;display:flex}.editor .field{border:0;flex-direction:column;gap:.5rem;min-width:0;margin:0;padding:0;display:flex}.editor .field label,.editor .field legend{color:var(--color-text);font-weight:var(--weight-medium)}.field-head{justify-content:space-between;gap:.5rem;display:flex}.field-head output{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.editor input[type=range]{--fill:50%;cursor:pointer;appearance:none;background:0 0;width:100%;height:1.25rem;margin:0}.editor input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--accent) var(--fill), var(--color-border) var(--fill));height:.25rem}.editor input[type=range]::-moz-range-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--accent) var(--fill), var(--color-border) var(--fill));height:.25rem}.editor input[type=range]::-webkit-slider-thumb{background:var(--color-surface-raised);width:1.125rem;height:1.125rem;box-shadow:0 0 0 1px var(--color-border), var(--shadow-md);appearance:none;border:0;border-radius:50%;margin-top:-.4375rem}.editor input[type=range]::-moz-range-thumb{background:var(--color-surface-raised);width:1.125rem;height:1.125rem;box-shadow:0 0 0 1px var(--color-border), var(--shadow-md);border:0;border-radius:50%}.editor input[type=range]:disabled{opacity:.4;cursor:not-allowed}.editor .input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);width:100%;min-height:2.5rem;color:var(--color-text);transition:border-color var(--duration-fast) var(--ease);padding:.5rem .875rem}.editor .input:hover{border-color:var(--color-text-muted)}.editor textarea.input{resize:vertical}.editor input[type=color]{border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-bg);cursor:pointer;width:2.25rem;height:2.25rem;padding:.1875rem}.editor input[type=color]::-webkit-color-swatch-wrapper{padding:0}.editor input[type=color]::-webkit-color-swatch{border-radius:var(--radius-pill);border:0}.segments{border-radius:var(--radius-pill);background:var(--panel);gap:.125rem;padding:.25rem;display:flex}.segment{flex:1;position:relative}.segment input{opacity:0;cursor:pointer;position:absolute;inset:0}.segment span{border-radius:var(--radius-pill);min-height:2rem;color:var(--color-text-muted);font-weight:var(--weight-medium);white-space:nowrap;transition:background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);place-items:center;padding:0 .75rem;display:grid}.segment:hover span{color:var(--color-text)}.segment input:checked+span{background:var(--color-text);color:var(--color-bg)}.segment input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.segmented:disabled{opacity:.5}.toggle{align-items:flex-start;flex-direction:row!important;gap:.75rem!important}.toggle input{border-radius:var(--radius-pill);background:var(--color-border);cursor:pointer;appearance:none;width:2.5rem;height:1.5rem;transition:background-color var(--duration-fast) var(--ease);flex:none;margin:0;position:relative}.toggle input:after{background:var(--color-surface-raised);width:1.125rem;height:1.125rem;box-shadow:var(--shadow-sm);content:"";transition:transform var(--duration-fast) var(--ease);border-radius:50%;position:absolute;top:.1875rem;left:.1875rem}.toggle input:checked{background:var(--color-text)}.toggle input:checked:after{background:var(--color-bg);transform:translate(1rem)}.toggle input:disabled{opacity:.4;cursor:not-allowed}.toggle label{font-weight:var(--weight-medium);cursor:pointer;flex-direction:column;padding-top:.125rem;display:flex}.toggle .hint{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-regular)}.toggle input:disabled+label{opacity:.5}.colors{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.swatch{border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;width:1.75rem;height:1.75rem}.swatch[aria-pressed=true]{outline:2px solid var(--color-text);outline-offset:2px}.filters{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.filter{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0;flex-direction:column;gap:.375rem;padding:0;display:flex}.filter[aria-checked=true]{color:var(--color-text)}.filter-swatch{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent) 0%, var(--color-text-muted) 55%, var(--card-tint) 100%);height:2.75rem;transition:box-shadow var(--duration-fast) var(--ease)}.filter[aria-checked=true] .filter-swatch{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--color-text)}.filter-noir-et-blanc .filter-swatch{filter:grayscale()contrast(1.1)}.filter-chaud .filter-swatch{filter:sepia(.4)saturate(1.4)}.filter-froid .filter-swatch{filter:hue-rotate(-40deg)saturate(1.1)brightness(1.05)}.filter-vintage .filter-swatch{filter:sepia(.65)contrast(.85)brightness(1.1)}.filter-vif .filter-swatch{filter:saturate(1.8)contrast(1.15)}.library-empty{padding:var(--space-4) var(--space-2);border:1.5px dashed var(--color-border);border-radius:var(--radius-md);background:var(--surface);color:var(--color-text);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) var(--ease);flex-direction:column;align-items:center;gap:.5rem;margin:0 .75rem;display:flex}.library-empty:hover{border-color:var(--accent)}.library-empty strong{font-size:var(--text-md);letter-spacing:var(--tracking-heading)}.library-empty span{color:var(--color-text-muted);font-size:var(--text-xs)}.media-list{flex-direction:column;gap:.25rem;padding:0 .5rem .75rem;list-style:none;display:flex}.media-item{border-radius:var(--radius-md);cursor:grab;transition:background-color var(--duration-fast) var(--ease);grid-template-columns:4.5rem minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.5rem;display:grid}.media-item:hover{background:var(--surface)}.media-item.pending{cursor:default}.media-thumb{aspect-ratio:16/10;border-radius:var(--radius-sm);background:var(--surface);width:4.5rem;color:var(--color-text-muted);place-items:center;display:grid;position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%}.media-duration{border-radius:var(--radius-pill);background:color-mix(in oklch, var(--color-bg) 78%, transparent);color:var(--color-text);font-size:.6875rem;font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;padding:0 .3125rem;position:absolute;bottom:.25rem;right:.25rem}.media-text{flex-direction:column;min-width:0;display:flex}.media-name{color:var(--color-text);font-weight:var(--weight-semibold)}.media-text .muted{font-size:var(--text-xs)}.media-actions{opacity:.6;transition:opacity var(--duration-fast) var(--ease);display:flex}.media-item:hover .media-actions,.media-actions:focus-within{opacity:1}.media-actions .icon-button{--control:1.875rem}.preview{flex-direction:column;min-width:0;min-height:0;display:flex}.preview-stage{flex:1;place-items:center;min-height:0;padding:1.25rem 1.25rem .5rem;display:grid;container-type:size}.preview-frame{width:min(100cqw, 100cqh * var(--ratio));border-radius:var(--radius-md);max-height:100cqh;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.preview-canvas{width:100%;height:100%;display:block}.preview-overlay{touch-action:none;position:absolute;inset:0}.preview-overlay.can-drag{cursor:move}.preview-empty{inset:auto var(--space-2) 50% var(--space-2);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);text-align:center;pointer-events:none;padding:.875rem 1.125rem;position:absolute;transform:translateY(50%)}.transport{align-items:center;gap:var(--space-2);grid-template-columns:1fr auto 1fr;padding:.5rem 1.25rem 1rem;display:grid}.transport-buttons{align-items:center;gap:.375rem;display:flex}.timecode{color:var(--color-text);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums}.transport .timecode:last-child{text-align:right}.play-button{border-radius:var(--radius-pill);background:var(--color-text);width:3rem;height:3rem;color:var(--color-bg);cursor:pointer;transition:transform var(--duration-fast) var(--ease);border:0;place-items:center;display:grid}.play-button:active:not(:disabled){transform:scale(.95)}.play-button:disabled{opacity:.35;cursor:not-allowed}.timeline{user-select:none;flex-direction:column;padding:.5rem .75rem .75rem;display:flex}.timeline-toolbar{align-items:center;gap:.25rem;padding-bottom:.5rem;display:flex}.timeline-toolbar .separator{background:var(--color-border);width:1px;height:1.25rem;margin:0 .5rem}.timeline-toolbar .spacer{flex:1}.editor .timeline-toolbar .zoom{width:8rem}.timeline-body{border-radius:var(--radius-md);background:var(--surface);min-height:0;display:flex;overflow:hidden}.track-heads{flex:none;width:6rem}.ruler-head{height:1.75rem}.track-head{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-semibold);align-items:center;gap:.5rem;padding:0 .875rem;display:flex}.timeline-scroll{scrollbar-width:thin;flex:1;min-width:0;overflow:auto hidden}.timeline-content{min-height:100%;position:relative}.ruler{cursor:pointer;height:1.75rem;position:relative}.tick{border-left:1px solid var(--color-border);color:var(--color-text-muted);font-size:.6875rem;font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:.3125rem;position:absolute;top:.375rem;bottom:.25rem}.ruler-end{background:var(--color-text-muted);opacity:.4;border-radius:1px;width:2px;position:absolute;top:0;bottom:0}.track{position:relative}.track-hint{top:50%;left:var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);pointer-events:none;position:absolute;transform:translateY(-50%)}.clip{background:var(--clip-main);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-text) 10%, transparent);cursor:grab;touch-action:none;border-radius:.625rem;position:absolute;top:.25rem;bottom:.25rem;overflow:hidden}.clip:active{cursor:grabbing}.clip-text{background:var(--clip-text)}.clip-audio{background:var(--clip-audio)}.clip.selected{z-index:2;box-shadow:inset 0 0 0 2px var(--color-text)}.clip:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.strip{pointer-events:none;position:absolute;inset:0}.thumb{object-fit:cover;max-width:none;height:100%;position:absolute;top:0}.image-strip{background-repeat:repeat-x;background-size:auto 100%}.waveform{height:100%;color:color-mix(in oklch, var(--accent-text) 70%, var(--color-text));pointer-events:none;position:absolute;top:0}.clip-label{border-radius:var(--radius-pill);background:color-mix(in oklch, var(--color-bg) 72%, transparent);max-width:calc(100% - 1rem);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);pointer-events:none;align-items:center;gap:.25rem;padding:.0625rem .4375rem;display:flex;position:absolute;top:.3125rem;left:.5rem}.clip-text .clip-label{background:0 0;top:50%;transform:translateY(-50%)}.badge{border-radius:var(--radius-pill);background:var(--color-text);color:var(--color-bg);font-size:.625rem;font-weight:var(--weight-bold);padding:0 .3125rem}.clip-handle{z-index:3;cursor:ew-resize;width:.625rem;position:absolute;top:0;bottom:0}.clip-handle.start{border-radius:.625rem 0 0 .625rem;left:0}.clip-handle.end{border-radius:0 .625rem .625rem 0;right:0}.clip:hover .clip-handle,.clip.selected .clip-handle{background:var(--color-text)}.clip.selected .clip-handle:after,.clip:hover .clip-handle:after{background:var(--color-bg);content:"";border-radius:1px;width:2px;height:.875rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.transition-mark{z-index:4;background:linear-gradient(90deg, color-mix(in oklch, var(--accent) 10%, transparent), color-mix(in oklch, var(--accent) 45%, transparent));color:var(--color-text);pointer-events:none;border-radius:.5rem;place-items:center;display:grid;position:absolute;top:.25rem;bottom:.25rem}.playhead{z-index:10;background:var(--accent);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;left:-1px}.playhead-knob{background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:.125rem;left:-5px}.snap-guide,.insert-marker{z-index:9;border-left:2px dashed var(--accent);pointer-events:none;width:0;position:absolute;top:1.75rem;bottom:0}.insert-marker{border-left-style:solid;border-left-width:3px}.export-panel{top:4.25rem;right:var(--gap);z-index:30;width:min(25rem, calc(100% - 2 * var(--gap)));border-radius:var(--radius-xl);background:var(--color-surface-raised);box-shadow:0 0 0 1px var(--color-border), var(--shadow-lg);flex-direction:column;gap:1rem;padding:1.5rem;display:flex;position:absolute}.export-panel:focus{outline:none}.export-panel .panel-heading{padding:0}.export-panel .panel-title{font-size:var(--text-2xl)}.export-panel .segments{background:var(--panel)}.export-panel .button.primary{min-height:3rem;font-size:var(--text-base)}.export-progress{flex-direction:column;gap:.625rem;display:flex}.export-progress p:first-child{color:var(--color-text);font-weight:var(--weight-semibold)}.export-progress progress{border-radius:var(--radius-pill);background:var(--panel);appearance:none;border:0;width:100%;height:.5rem;overflow:hidden}.export-progress progress::-webkit-progress-bar{border-radius:var(--radius-pill);background:var(--panel)}.export-progress progress::-webkit-progress-value{border-radius:var(--radius-pill);background:var(--accent)}.export-progress progress::-moz-progress-bar{border-radius:var(--radius-pill);background:var(--accent)}.export-done ul{padding-left:var(--space-2);flex-direction:column;gap:.25rem;margin-top:.5rem;display:flex}.export-done p,.export-panel .small{align-items:center;gap:.375rem;display:flex}.export-error{flex-direction:column}.export-error details{font-size:var(--text-xs)}.export-error summary{cursor:pointer;font-weight:var(--weight-semibold)}.export-error code{overflow-wrap:anywhere;margin-top:.375rem;font-family:ui-monospace,SF Mono,Menlo,monospace;display:block}.notices{z-index:40;width:min(34rem, calc(100% - 2 * var(--gap)));pointer-events:none;flex-direction:column;gap:.5rem;display:flex;position:absolute;top:4.5rem;left:50%;transform:translate(-50%)}.notice{border-radius:var(--radius-md);background:var(--color-surface-raised);color:var(--color-text);box-shadow:0 0 0 1px var(--color-border), var(--shadow-lg);pointer-events:auto;align-items:flex-start;gap:.75rem;padding:.875rem .875rem .875rem 1.125rem;display:flex}.notice p{flex:1}.notice.error{background:var(--accent-soft);box-shadow:0 0 0 1px color-mix(in oklch, var(--accent) 40%, transparent), var(--shadow-lg)}.notice.error .icon{color:var(--accent-text)}.export-panel .notice{box-shadow:0 0 0 1px color-mix(in oklch, var(--accent) 40%, transparent)}.drop-overlay{inset:var(--gap);z-index:50;justify-content:center;align-items:center;gap:var(--space-1);border:2px dashed var(--accent);border-radius:var(--radius-lg);background:color-mix(in oklch, var(--color-bg) 88%, transparent);color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-heading);pointer-events:none;flex-direction:column;display:flex;position:absolute}.spinner{border:2px solid color-mix(in oklch, currentColor 25%, transparent);border-top-color:var(--accent);border-radius:50%;width:1.25rem;height:1.25rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}