@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:500;src:url(./space-grotesk-latin-500-normal-lFbtlQH6.woff2)format("woff2"),url(./space-grotesk-latin-500-normal-CNSSEhBt.woff)format("woff")}@font-face{font-family:Space Grotesk;font-style:normal;font-display:swap;font-weight:600;src:url(./space-grotesk-latin-600-normal-DjKNqYRj.woff2)format("woff2"),url(./space-grotesk-latin-600-normal-BflQw4A9.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-sans-latin-400-normal-CDDApCn2.woff2)format("woff2"),url(./ibm-plex-sans-latin-400-normal-CYLoc0-x.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-sans-latin-500-normal-6ng42L7E.woff2)format("woff2"),url(./ibm-plex-sans-latin-500-normal-BgVn5rGT.woff)format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(./ibm-plex-sans-latin-600-normal-CuJfVYMP.woff2)format("woff2"),url(./ibm-plex-sans-latin-600-normal-Cu4Hd6ag.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(./ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(./ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff")}:root{--background:#eef0f3;--foreground:#11151a;--card:#f9fafb;--muted:#e2e5ea;--muted-foreground:#4d5663;--primary:#0b57d0;--primary-foreground:#fff;--secondary:#e0e4ea;--accent:#dbe7fb;--accent-foreground:#0a3d91;--border:#11151a24;--input:#11151a4d;--ring:#0b57d0;--destructive:#b3261e;--success:#1b7a46;--font-sans:"IBM Plex Sans", sans-serif;--font-display:"Space Grotesk", sans-serif;--font-mono:"IBM Plex Mono", monospace;--radius:2px;--radius-lg:3px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--duration-fast:.12s;--duration-spring:.2s;--ease:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.dark{--background:#0f1216;--foreground:#e9edf2;--card:#161a20;--muted:#1f242c;--muted-foreground:#9aa5b4;--primary:#6ea2ff;--primary-foreground:#06101f;--secondary:#232932;--accent:#17284a;--accent-foreground:#cfe0ff;--border:#ffffff1a;--input:#ffffff2e;--ring:#8ab4ff;--destructive:#ff8077;--success:#55d28a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--background);color:var(--foreground);font:400 15px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:500;line-height:1.2}h1{letter-spacing:-.035em;font-size:clamp(29px,2.4vw,36px);font-weight:600}h2{letter-spacing:-.025em;font-size:20px}h3{letter-spacing:-.01em;font-size:17px}svg{vertical-align:middle;flex-shrink:0}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ring);outline-offset:3px}::selection{background:var(--primary);color:var(--primary-foreground)}.mono,kbd,output,input[type=number]{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.small,small{font-size:13px;line-height:1.5}.muted-text{color:var(--muted-foreground)}.eyebrow,.nav-section-label,.tool-category,.tool-card-bottom,.catalog-stamp,.local-label,.build-label,.app-statusbar{font:500 10px/1.5 var(--font-mono);letter-spacing:.07em}.eyebrow{color:var(--muted-foreground);margin-bottom:12px}.app{min-height:100dvh;display:flex}.app-sidebar{border-right:1px solid var(--border);background:var(--card);z-index:20;flex-direction:column;flex-shrink:0;width:216px;padding:0 12px;display:flex;position:fixed;inset:0 auto 0 0}.brand{font:600 22px/1.1 var(--font-display);letter-spacing:-.04em;align-items:center;gap:12px;padding:25px 12px 40px;display:flex}.brand-mark{border:1px solid var(--input);width:34px;height:34px;font:600 30px/1 var(--font-display);place-content:center;display:grid;position:relative}.brand-mark>span{color:var(--primary);font-size:19px;position:absolute;bottom:3px;right:3px}.brand-caption{font:400 7px/1.6 var(--font-mono);letter-spacing:.12em;margin-top:7px;display:block}.nav-section-label{color:var(--muted-foreground);margin-bottom:12px;padding:0 12px;font-size:9px}.sidebar-nav{flex-direction:column;gap:4px;display:flex}.sidebar-nav button{width:100%;min-height:44px;color:var(--muted-foreground);text-align:left;border-radius:var(--radius);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;display:flex}.sidebar-nav button:hover{background:var(--muted);color:var(--foreground)}.sidebar-nav button[aria-current=page]{background:var(--accent);color:var(--primary);border-color:color-mix(in srgb, var(--primary) 18%, transparent);position:relative}.sidebar-nav button[aria-current=page]:before{content:"";left:-1px;background:var(--primary);width:2px;position:absolute;inset-block:12px}.sidebar-divider{background:var(--border);height:1px;margin:24px 12px}.sidebar-bottom{margin-top:auto;padding:32px 12px 16px}.privacy-note{font-size:13px}.privacy-note>svg{color:var(--muted-foreground);margin-bottom:12px}.privacy-note strong{font-weight:500;line-height:1.5;display:block}.privacy-note p{color:var(--muted-foreground);margin-top:8px;font-size:12px}.build-label{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;margin-top:32px;padding-top:16px;font-size:8px;display:flex}.app-main{flex-direction:column;width:calc(100% - 216px);min-width:0;margin-left:216px;display:flex}.app-topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;height:68px;padding:0 32px;display:flex}.breadcrumb{color:var(--muted-foreground);gap:14px;font-size:12px;display:flex}.breadcrumb strong{color:var(--foreground);text-transform:capitalize;font-weight:500}.topbar-actions{align-items:center;gap:8px;display:flex}.local-indicator{color:var(--muted-foreground);align-items:center;gap:6px;margin-right:16px;font-size:11px;display:flex}.topbar-actions .btn{padding:0 10px}.btn{border:1px solid var(--input);border-radius:var(--radius);background:var(--card);white-space:nowrap;min-width:44px;min-height:44px;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.btn:not(:disabled):active{background:var(--accent)}.btn.primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.btn.ghost{background:0 0;border-color:#0000}.btn.danger{color:var(--destructive);border-color:var(--border);background:0 0}.btn:not(:disabled):hover{border-color:var(--primary);background:var(--accent);color:var(--primary)}.btn.primary:not(:disabled):hover{background:color-mix(in srgb, var(--primary) 90%, var(--foreground));color:var(--primary-foreground)}kbd{border:1px solid var(--border);color:var(--muted-foreground);border-radius:2px;padding:1px 5px;font-size:10px}main{outline:none;flex:1;min-width:0}.catalog{max-width:1264px;margin:auto;padding:42px 40px 32px}.catalog-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.catalog-heading p{color:var(--muted-foreground);margin-top:10px;font-size:14px}.catalog-stamp{color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:8px;font-size:8px;display:flex}.catalog-search{background:var(--card);border:1px solid var(--input);border-radius:var(--radius);align-items:center;gap:14px;height:56px;padding:0 16px;display:flex}.catalog-search:focus-within{outline:2px solid var(--ring);outline-offset:2px}.catalog-search svg{color:var(--muted-foreground)}.catalog-search input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:15px}.catalog-search input:focus-visible{outline:none}.catalog-search kbd{text-align:center;width:23px}.catalog-filter{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:24px;display:flex}.tabs{gap:24px;display:flex}.tabs button{min-height:48px;color:var(--muted-foreground);transition:color var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:0 0 10px;font-size:13px}.tabs button[aria-selected=true]{border-bottom-color:var(--primary);color:var(--foreground);font-weight:500}.result-count{color:var(--muted-foreground);letter-spacing:.05em;font-size:9px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.tool-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);min-height:244px;transition:border-color var(--duration-fast) var(--ease);flex-direction:column;padding:22px 22px 0;display:flex}.tool-card:hover{border-color:var(--primary)}.tool-card-top{align-items:center;gap:12px;margin-bottom:24px;display:flex}.tool-icon{border:1px solid var(--border);border-radius:var(--radius);background:var(--background);place-items:center;width:42px;height:42px;display:grid}.tool-category{color:var(--muted-foreground);font-size:9px}.tool-arrow{color:var(--muted-foreground);margin-left:auto}.tool-card h2{letter-spacing:-.025em;margin-bottom:10px;font-size:19px}.tool-card p{color:var(--muted-foreground);max-width:31ch;margin-bottom:20px;font-size:13px;line-height:1.6}.tool-card-bottom{border-top:1px solid var(--border);min-height:42px;color:var(--muted-foreground);justify-content:space-between;align-items:center;margin-top:auto;font-size:8px;display:flex}.tool-card:hover .tool-card-bottom svg,.tool-card:hover .tool-arrow{color:var(--primary)}.tool-card .tool-arrow{transition:transform var(--duration-spring) var(--ease-spring)}.tool-card:hover .tool-arrow{transform:translate(2px)}.local-banner{border:1px solid var(--border);border-radius:var(--radius-lg);background:0 0;align-items:center;gap:16px;margin-top:24px;padding:20px 24px;display:flex}.banner-icon{border-right:1px solid var(--border);color:var(--muted-foreground);padding-right:20px}.local-banner h3{font-family:var(--font-sans);margin-bottom:5px;font-size:14px;font-weight:500}.local-banner p{color:var(--muted-foreground);font-size:12px}.local-label{white-space:nowrap;color:var(--muted-foreground);align-items:center;gap:6px;margin-left:auto;font-size:8px;display:flex}.catalog-footer{color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;margin-top:24px;font-size:10px;display:flex}.catalog-footer a:hover{text-decoration:underline}.app-statusbar{border-top:1px solid var(--border);min-height:30px;color:var(--muted-foreground);justify-content:space-between;gap:24px;margin-top:auto;padding:6px 24px;font-size:8px;display:flex}.app-statusbar>span{align-items:center;gap:8px;display:flex}.status-square{background:var(--success);width:5px;height:5px}.skip-link{z-index:100;background:var(--primary);color:var(--primary-foreground);padding:12px 16px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}.no-results{text-align:center;padding:64px 24px}.no-results h2{margin:16px 0 8px}.no-results .btn{margin-top:24px}.loading{padding:48px}.command-dialog{background:var(--card);width:min(560px,100% - 32px);max-height:80dvh;color:var(--foreground);border:1px solid var(--input);border-radius:3px;padding:0}.command-dialog[open]{animation:dialog-enter var(--duration-spring) var(--ease-spring) both}@keyframes dialog-enter{0%{opacity:0}to{opacity:1}}.command-dialog::backdrop{background:#11151a73}.command-head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:8px 16px;display:flex}.command-head input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:44px}.command-dialog [role=listbox]{max-height:55dvh;padding:8px;overflow:auto}.command-dialog [role=option]{text-align:left;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;width:100%;min-height:60px;padding:10px 12px;display:flex}.command-dialog [role=option][aria-selected=true]{background:var(--accent);border-color:var(--border)}.command-dialog small{color:var(--muted-foreground);font-size:12px;display:block}.command-foot{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;padding:12px 16px;font-size:11px;display:flex}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0}.panel-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:0 16px;font-size:12px;font-weight:500;display:flex}.panel-head>span{align-items:center;gap:8px;display:flex}.panel-head small{color:var(--muted-foreground);font-size:10px;font-weight:400}.panel-head .mono{color:var(--muted-foreground);font-size:10px}.editor{max-width:1800px;margin:auto;padding:24px}.editor-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.compression-layout{grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:16px;display:grid}.compression-preview{place-items:center;min-height:240px;padding:16px;display:grid}.compression-preview img{object-fit:contain;max-width:100%;max-height:60vh;display:block}.compression-source-info{padding:0 16px 16px}.compression-settings{padding:16px}.compression-settings h2{margin-bottom:16px;font-size:18px}.compression-settings fieldset{border:0;min-width:0;padding:0}.compression-actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.compression-result{overflow-wrap:anywhere;margin:16px 0}.file-drop-area.drag-active{outline:2px solid var(--ring);outline-offset:-2px;background:var(--accent)}.batch-drop-area{text-align:center;margin-bottom:16px;padding:24px}.track-lane.file-drop-track{background:var(--accent)}.timeline-file-drop{background:var(--primary);z-index:8;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.timeline-file-drop span{white-space:nowrap;background:var(--primary);width:max-content;color:var(--primary-foreground);padding:4px 8px;font-size:12px;display:block}.batch-settings{padding:16px}.batch-settings h2{font-size:18px}.batch-settings fieldset{border:0;min-width:0;max-width:480px;padding:0}.batch-results{gap:12px;margin:16px 0;padding:0;list-style:none;display:grid}.batch-result{justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.batch-result>div{min-width:0}.batch-result h2{overflow-wrap:anywhere;font-size:15px}.batch-result p{overflow-wrap:anywhere}.batch-file-actions{flex-wrap:wrap;flex-shrink:0;gap:8px;display:flex}@media (width<=860px){.compression-layout{grid-template-columns:minmax(0,1fr)}.image-compressor .editor-title,.batch-image-converter .editor-title,.batch-result{flex-wrap:wrap}}.editor-title h1{font-size:27px}.title-row{align-items:center;gap:8px;display:flex}.editor-title .eyebrow{margin-bottom:5px;font-size:8px}.editor-actions{align-items:center;gap:8px;display:flex}.icon-group{align-items:center;gap:0;display:flex}.icon-group .btn{padding:0 10px}.editor-grid{grid-template-columns:176px minmax(0,1fr) 248px;grid-template-areas:"assets preview inspector""timeline timeline timeline";align-items:start;gap:12px;display:grid}.assets-panel{grid-area:assets}.preview-panel{grid-area:preview}.editor-grid>.timeline{grid-area:timeline;margin-top:0}.inspector{flex-direction:column;grid-area:inspector;min-height:0;display:flex;overflow:hidden}.inspector>.panel-head,.inspector>.segmented{flex-shrink:0}.inspector-scroll{overscroll-behavior-y:contain;scrollbar-gutter:stable;min-height:0;scroll-padding:16px;overflow-y:auto}.clip-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:12px;display:flex}.clip-actions .btn{padding:0 10px;font-size:12px}.clip-actions small{color:var(--muted-foreground);flex-basis:100%;font-size:12px}.inspector .clip-actions{border-top:0;border-bottom:1px solid var(--border)}.inspector .clip-actions .btn{flex:100%}.media-tools{margin-top:12px}.media-tools-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start;display:grid}.media-tools-grid>*{min-width:0}.media-tools-grid>.frame-export{border-top:0;margin:16px;padding:0}.media-tools-grid .mirage-panel{border-top:0}.preview-toolbar>.icon-button{width:44px;height:44px;padding:0}.asset-content{flex-direction:column;gap:12px;padding:12px;display:flex}.asset-content>.btn{width:100%;padding:0 8px}.asset-row{border-bottom:1px solid var(--border);padding:8px 0 12px;overflow:hidden}.asset-type{font:500 8px var(--font-mono);color:var(--primary)}.asset-row strong{text-overflow:ellipsis;font-size:12px;font-weight:500;display:block;overflow:hidden}.asset-row small{color:var(--muted-foreground);margin-top:6px;font-size:9px;display:block}.asset-row .waveform{height:28px;margin-top:8px}.preview-stage{background:var(--background);justify-content:center;align-items:center;min-height:390px;padding:32px;display:flex;overflow:hidden}.preview-stage.has-media{scrollbar-gutter:stable both-edges;height:clamp(260px,52dvh,540px);min-height:0;display:block;position:relative;overflow:auto}.preview-workspace{flex-shrink:0;justify-content:center;align-items:center;min-width:100%;display:flex}.preview-zoom{flex-shrink:0;align-items:center;gap:2px;display:flex}.preview-zoom-field{min-height:44px;color:var(--muted-foreground);font:12px var(--font-mono);border:0;align-items:center;gap:2px;padding-inline:6px;display:inline-flex}.preview-zoom-field input{width:6ch;min-width:0;color:var(--foreground);text-align:right;font:inherit;background:0 0;border:0;padding:0}.preview-zoom-field input:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.preview-zoom .btn{min-width:44px;height:44px;font:12px var(--font-mono);padding:0 6px}.preview-panel>.panel-head:has(.preview-zoom){flex-wrap:wrap;gap:4px}.preview-coverage{color:var(--muted-foreground);border-top:1px solid var(--border);flex-shrink:0;padding:2px 12px;font-size:11px}.frame-contacts{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.frame-contacts line,.frame-contacts circle{stroke:var(--primary);stroke-width:2px;fill:var(--card)}.frame-contact-label{background:var(--card);color:var(--primary);border:1px solid var(--primary);font:11px var(--font-mono);z-index:5;pointer-events:none;padding:2px 5px;position:absolute;top:4px;left:4px}.empty-preview{text-align:center}.empty-preview h2{font-size:20px}.empty-icon{border:1px solid var(--input);width:64px;height:64px;color:var(--muted-foreground);place-items:center;margin:0 auto 24px;display:grid}.empty-preview p{color:var(--muted-foreground);margin:12px 0 24px;font-size:13px}.empty-preview small{color:var(--muted-foreground);margin-top:16px;font-size:10px;display:block}.canvas-frame{touch-action:none;flex:none;width:100%;position:relative}.canvas-frame canvas{object-fit:contain;background:var(--card);background-image:conic-gradient(var(--muted) 25%, transparent 0 50%, var(--muted) 0 75%, transparent 0);background-size:16px 16px;width:100%;height:100%;display:block}.preview-workspace.is-fit .rotate-handle:before,.transform-box.is-fit .rotate-handle:before{display:none}.preview-workspace.is-fit .transform-box .resize-handle,.preview-workspace.is-fit .transform-box .rotate-handle{width:24px;min-width:24px;height:24px;min-height:24px}.preview-workspace.is-fit .transform-box .rotate-handle{top:-36px;left:calc(50% - 12px)}.transform-box{border:1px solid var(--primary);cursor:move;touch-action:none;transform-origin:50%;position:absolute}.transform-move{cursor:move;touch-action:none;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.transform-handle{touch-action:none;min-width:44px;min-height:44px;color:var(--primary);background:0 0;border:0;place-items:center;display:grid;position:absolute}.resize-handle{width:44px;height:44px;padding:0;transform:translate(-50%,-50%)}.resize-nw,.resize-se{cursor:nwse-resize}.resize-ne,.resize-sw{cursor:nesw-resize}.resize-n,.resize-s{cursor:ns-resize}.resize-e,.resize-w{cursor:ew-resize}.resize-handle span{background:var(--card);border:1px solid var(--primary);width:10px;height:10px}.rotate-handle{top:-48px;left:calc(50% - 22px)}.rotate-handle:before{content:"";background:var(--primary);width:1px;height:10px;position:absolute;bottom:0}.preview-toolbar{border-top:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:8px;min-height:60px;padding:8px 12px;display:grid}.preview-toolbar:has(>input){grid-template-columns:44px 44px max-content minmax(40px,1fr)}.timecode-field{min-width:0;color:var(--muted-foreground);flex-direction:column;gap:2px;font-size:11px;display:flex}.timecode-field>input{min-height:44px;color:var(--foreground);background:0 0;border:0;border-radius:2px;padding:0 4px;font-size:12px}.timecode-field>input:hover:not(:disabled){background:var(--muted)}.timecode-field>input[aria-invalid=true]{outline:2px solid var(--destructive)}.timecode-error{white-space:normal;max-width:22ch;color:var(--destructive);font-size:12px}.preview-toolbar:not(:has(>input)){align-items:center}.preview-toolbar>.small{text-align:center;justify-content:center;align-items:center;gap:8px;display:flex}.preview-toolbar>.small svg{flex-shrink:0}@media (width<=520px){.preview-toolbar:not(:has(>input)){grid-template-columns:minmax(0,1fr) auto}.preview-toolbar:not(:has(>input))>.magnet-button{justify-self:start}.preview-toolbar:not(:has(>input))>.small{grid-area:2/1/auto/-1}}.magnet-button[aria-pressed=true]{color:var(--primary);border-color:var(--primary);background:var(--accent)}.magnet-button span{font-size:10px}.magnet-button{padding:0 10px}.snap-guide{pointer-events:none;z-index:4;background:var(--primary);position:absolute}.snap-guide-x{width:1px;top:0;bottom:0}.snap-guide-y{height:1px;left:0;right:0}.snap-guide span,.snap-angle,.timeline-snap span{background:var(--card);color:var(--primary);border:1px solid var(--primary);font:400 9px var(--font-mono);white-space:nowrap;padding:2px 5px;position:absolute}.snap-angle{top:4px;left:4px}.snap-guide-x span{top:0;left:4px}.snap-guide-y span{top:4px;right:0}.timeline-snap{border-left:1px dashed var(--primary);z-index:5;pointer-events:none;position:absolute;top:20px;bottom:0}.timeline-snap span{top:0;left:4px}.trim-handle{z-index:2;touch-action:none;cursor:ew-resize;width:44px;min-height:44px;color:var(--primary);background:0 0;border:0;align-items:center;padding:0 4px;display:flex;position:absolute;top:7px}.trim-handle span{background:currentColor;width:3px;height:20px}.trim-out{justify-content:flex-end}input[type=range]{appearance:none;cursor:pointer;background:0 0}input[type=range]::-webkit-slider-runnable-track{background:var(--secondary);border:1px solid var(--input);border-radius:1px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--primary);border:2px solid var(--card);border-radius:2px;width:18px;height:18px;margin-top:-8px}input[type=range]::-moz-range-track{background:var(--secondary);border:1px solid var(--input);border-radius:1px;height:4px}input[type=range]::-moz-range-thumb{background:var(--primary);border:2px solid var(--card);border-radius:2px;width:16px;height:16px}input:disabled{opacity:.45;cursor:not-allowed}.preview-toolbar>span{align-items:center;gap:8px;font-size:11px;display:flex}.preview-toolbar .field{flex:0 0 100px;gap:2px;font-size:9px}.preview-toolbar .field input{padding:0 8px}.preview-toolbar>input{flex:1;min-width:40px}.segmented{background:var(--muted);border:1px solid var(--border);border-radius:2px;margin:12px;padding:4px;display:flex}.segmented button{min-height:44px;color:var(--muted-foreground);transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);background:0 0;border:1px solid #0000;flex:1;font-size:12px}.segmented [aria-checked=true]{background:var(--card);color:var(--foreground);border-color:var(--border)}.inspector-content{border:0;flex-direction:column;gap:16px;min-width:0;margin:0;padding:4px 16px 16px;display:flex}.inspector-content h3{padding-top:4px;font-size:13px;font-weight:500}.mirage-panel{border-top:1px solid var(--border);flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.mirage-panel h3{font-size:13px}.mirage-panel audio{width:100%;max-width:100%}.selfie-result{background:var(--muted);border:1px solid var(--border);width:100%;height:auto}.mirage-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;font:12px/1.5 var(--font-mono);background:var(--muted);margin:0;padding:12px;overflow:auto}.inspector-content .btn{padding:0 8px;font-size:12px}.field{color:var(--muted-foreground);flex-direction:column;gap:6px;min-width:0;font-size:11px;display:flex}.field input:not([type=range]),.field select{border:1px solid var(--input);background:var(--card);width:100%;min-height:44px;color:var(--foreground);border-radius:2px;min-width:0;padding:0 10px;font-size:12px}.field select{padding-right:4px}.field-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field small{font-size:10px}.range-field>div{justify-content:space-between;align-items:center;display:flex}.range-field output{color:var(--foreground);font-size:11px}input[type=range]{accent-color:var(--primary);width:100%;min-height:44px;margin:0}.switch-field{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.switch{background:0 0;border:0;min-width:48px;min-height:44px;position:relative}.switch:before{content:"";background:var(--muted);border:1px solid var(--input);border-radius:2px;position:absolute;inset:10px 0}.switch>span{background:var(--muted-foreground);width:16px;height:16px;transition:background var(--duration-fast) var(--ease), transform var(--duration-spring) var(--ease-spring);border-radius:1px;position:absolute;top:14px;left:4px}.switch[aria-checked=true]:before{background:var(--primary);border-color:var(--primary)}.switch[aria-checked=true]>span{background:var(--primary-foreground);transform:translate(24px)}details summary{cursor:pointer;min-height:44px;color:var(--primary);align-items:center;font-size:11px;display:flex}.frame-export{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding-top:16px;display:flex}.frame-export small,.inspector-content>small{color:var(--muted-foreground);font-size:10px}.editor-status{color:var(--muted-foreground);align-items:center;gap:10px;min-height:52px;padding:14px 0;font-size:12px;display:flex}.editor-status>span{color:var(--success);font-weight:600}.editor-status.error,.editor-status.error>span{color:var(--destructive)}.editor-status progress{max-width:120px}.timeline{min-width:0;margin-top:12px;position:relative;overflow:visible}.timeline-resizer{cursor:ns-resize;touch-action:none;z-index:7;place-items:center;width:100%;height:24px;display:grid;position:absolute;top:-12px;left:0}.timeline-resizer>span{background:var(--muted-foreground);border-radius:2px;width:48px;height:3px}.timeline-resizer:hover>span,.timeline-resizer:focus-visible>span{background:var(--primary)}.timeline-heading{flex-wrap:wrap;align-items:baseline;gap:4px 12px;display:flex}.timeline-heading strong{font-weight:600}.timeline-zoom{text-align:center;min-width:46px;font-size:12px}.timeline .panel-head{flex-wrap:wrap;gap:12px}.timeline .panel-head .icon-button-group{margin-left:auto}.timeline-track-heading{z-index:4;background:var(--card);border-right:1px solid var(--border);border-bottom:1px solid var(--border);width:128px;height:44px;font:500 11px var(--font-mono);color:var(--muted-foreground);align-items:center;margin-bottom:-44px;padding:0 12px;display:flex;position:relative}.timeline-scroll{overscroll-behavior-x:contain;overflow-x:auto}.timeline-content{min-height:110px;position:relative}.timeline-ruler{border-bottom:1px solid var(--border);cursor:crosshair;touch-action:none;height:44px;position:relative}.timeline-ruler:active{cursor:ew-resize}.timeline-ruler>span{font:400 12px var(--font-mono);color:var(--muted-foreground);border-left:1px solid var(--input);padding-left:6px;position:absolute;top:12px}.timeline-row{border-bottom:1px solid var(--border);min-height:72px;display:flex}.track-label{background:var(--card);z-index:3;border-right:1px solid var(--border);flex:0 0 128px;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex;position:relative}.track-label>span{align-items:center;gap:4px;display:flex}.track-label{grid-template-rows:28px 44px;grid-template-columns:minmax(0,1fr) 44px;gap:0 4px;padding:0 6px;display:grid}.track-label .track-name{grid-area:1/1;gap:4px;font-size:12px}.track-label .track-mute{grid-area:1/2/3;align-self:center;width:44px;height:44px;padding:0}.track-label>input{grid-area:2/1;width:100%;min-width:0;height:44px;padding:0}.timeline-row[data-track-kind=video] .track-name{grid-row:1/3}.timeline-row[data-track-kind=audio]{min-height:72px}.timeline-clip-group{pointer-events:none;position:absolute;inset:0}.timeline-clip-group>button{pointer-events:auto}.timeline-clip>span svg{vertical-align:middle}.timeline-track-actions{gap:4px;margin-left:auto;display:flex}.timeline-track-actions .btn{color:var(--muted-foreground);background:0 0;border-color:#0000;gap:4px;padding:0 8px;font-size:12px}.timeline-track-actions .btn:not(:disabled):hover{background:var(--muted);color:var(--foreground);border-color:#0000}.timeline-track-actions .btn:disabled{opacity:.62}.timeline .icon-group .btn[aria-pressed=true]{background:var(--accent);color:var(--primary)}.image-flip-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.image-flip-actions .btn{gap:4px;min-width:0;padding-inline:6px;font-size:12px}.track-drop-feedback{background:var(--accent);max-width:calc(100% - 128px);color:var(--accent-foreground);pointer-events:none;z-index:7;padding:8px;font-size:12px;position:sticky;bottom:0;left:128px}@media (width<=860px){.timeline-track-actions .btn>span{display:none}.timeline .panel-head{gap:4px;padding-inline:8px}}.track-lane{background:var(--background);flex:1;position:relative}.timeline-clip{background:var(--secondary);border:1px solid var(--input);text-align:left;touch-action:pan-y;height:58px;color:var(--foreground);border-radius:2px;padding:4px 8px;position:absolute;top:6px;overflow:hidden}.timeline.razor-mode .timeline-clip{cursor:crosshair}.timeline-clip[aria-pressed=true]{background:var(--accent);border-color:var(--primary);color:var(--primary)}.timeline-clip>span{z-index:1;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;position:relative;overflow:hidden}.timeline-clip .waveform{opacity:.6;width:100%;height:25px;position:absolute;inset:26px 0 0}.muted-clip{opacity:.6;text-decoration:line-through}.playhead{border-left:1px solid var(--primary);z-index:2;pointer-events:none;position:absolute;top:35px;bottom:0}.playhead:before{content:"";background:var(--primary);width:7px;height:7px;position:absolute;top:0;left:-4px}.playhead-handle{pointer-events:auto;touch-action:none;cursor:ew-resize;background:0 0;border:0;width:44px;height:44px;padding:0;position:absolute;top:-35px;left:-22px}.timeline-hint{border-top:1px solid var(--border);color:var(--muted-foreground);margin:0;padding:12px 16px;padding-block:0;font-size:13px}.timeline-hint>summary{cursor:pointer;min-height:44px;padding-block:10px}.timeline-hint>p{padding-bottom:12px}.editor-shortcuts{border-top:1px solid var(--border);margin-top:16px;padding:16px}.editor-shortcuts h2{margin:0 0 8px;font-size:16px}.editor-shortcuts p{margin:0 0 12px}.editor-shortcuts summary{cursor:pointer;min-height:44px;padding-block:10px;font-size:13px}.editor-shortcuts dl{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px 24px;margin:12px 0 0;display:grid}.editor-shortcuts dt{font-size:13px}.editor-shortcuts dd{color:var(--muted-foreground);margin:4px 0 0;font-size:13px}kbd{font:400 12px var(--font-mono);background:var(--muted);border:1px solid var(--input);border-radius:2px;padding:2px 4px}.waveform{width:100%;height:100px;color:var(--primary)}.audio-preview{text-align:center;flex-direction:column;align-items:center;width:100%;max-height:100%;display:flex}.audio-preview .waveform{flex:0 100px;min-height:0}.audio-preview .mono{color:var(--muted-foreground);flex-shrink:0;margin-top:24px;font-size:12px}.settings-page{max-width:1050px;margin:auto;padding:40px}.settings-page>p{max-width:75ch;color:var(--muted-foreground);margin-top:16px;font-size:14px}.storage-card{margin-top:24px;padding:24px}.storage-card h2{margin:12px 0}.storage-card p{color:var(--muted-foreground);margin:12px 0;font-size:13px}.storage-card .btn{margin:12px 12px 0 0}.ai-notice{border:1px solid var(--input);background:var(--card);gap:12px;margin:24px 0;padding:16px;font-size:13px;display:flex}.model-list{grid-template-columns:1fr 1fr;gap:16px;display:grid}.model-card{padding:20px}.model-card header{justify-content:space-between;align-items:start;gap:12px;display:flex}.model-card h2{font-size:17px}.blocked-label{font:500 8px var(--font-mono);border:1px solid var(--border);padding:4px 5px}.model-card p{color:var(--muted-foreground);margin-top:12px;font-size:12px}.model-card .mono{margin-top:12px;font-size:11px}.model-card .blocker{border-top:1px solid var(--border);gap:8px;padding-top:12px;display:flex}.model-card a{color:var(--primary);margin-top:12px;font-size:11px;display:inline-block}.compare-modal{background:var(--card);width:min(900px,100% - 32px);max-height:90dvh;color:var(--foreground);border:0;padding:0}.compare-modal[open]{animation:dialog-enter var(--duration-spring) var(--ease-spring) both}.compare-modal::backdrop{background:#11151a8c}.compare-modal>.panel{width:min(900px,100%);max-height:90dvh;overflow:auto}.compare-modal .panel-head{padding-right:0}.compare-modal .panel-head>button{border-radius:0;align-self:stretch;margin-left:auto}.compare-modal .panel-head>button:focus-visible{outline-offset:-4px}.compare-wrap{padding:16px}.compare{aspect-ratio:16/10;touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize;background:var(--muted);position:relative;overflow:hidden}.compare img{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.compare-line{background:var(--primary);pointer-events:none;place-items:center;width:1px;display:grid;position:absolute;top:0;bottom:0}.compare-line svg{background:var(--card);border:1px solid var(--primary);width:44px;height:44px;padding:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.before-label,.after-label{background:var(--card);border:1px solid var(--border);padding:4px 8px;font-size:11px;position:absolute;top:12px;left:12px}.after-label{left:auto;right:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>=1500px){.editor-grid{grid-template-columns:200px minmax(0,1fr) 280px}.preview-stage{min-height:500px}}@media (width<=1200px){.catalog{padding:32px 24px}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-stamp{display:none}.editor-grid{grid-template-columns:minmax(0,1fr) 240px;grid-template-areas:"assets assets""preview inspector""timeline timeline"}.assets-panel{grid-area:assets}.asset-content{flex-flow:wrap;align-items:center}.asset-content>.btn{width:auto}.asset-content>.small{max-width:240px;margin-left:auto;font-size:10px}.asset-row{display:none}.preview-stage{min-height:360px;padding:28px}.local-label{display:none}}@media (width<=860px){.editor-grid:has(>.timeline) .timeline>.panel-head{grid-template-columns:1fr auto;gap:0;padding-block:0;display:grid}.editor-grid:has(>.timeline) .timeline-heading{grid-column:1;gap:8px;display:flex}.editor-grid:has(>.timeline) .timeline-heading small{display:inline}.editor-grid:has(>.timeline) .timeline-track-actions{grid-area:1/2;margin-left:0}.editor-grid:has(>.timeline) .timeline .icon-group{grid-area:2/2}.editor-grid:has(>.timeline) .timeline .icon-group[aria-label=Timeline\ tools]{grid-column:1}.app{flex-direction:column}.app-sidebar{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;gap:16px;width:100%;height:68px;padding:0 16px;position:static}.brand{gap:8px;padding:0;font-size:20px}.brand-mark{width:30px;height:30px;font-size:26px}.brand-caption,.nav-section-label,.sidebar-divider,.sidebar-bottom,.app-sidebar>.sidebar-nav:last-of-type{display:none}.app-sidebar>.sidebar-nav{flex-direction:row;flex:1;justify-content:flex-end;gap:2px}.sidebar-nav button{justify-content:center;width:44px;padding:10px}.sidebar-nav button span{display:none}.app-main{width:100%;margin:0}.app-topbar{height:52px;padding:0 20px}.local-indicator{margin-right:4px;font-size:10px}.topbar-actions{gap:0}.topbar-actions kbd{display:none}.topbar-actions .btn{padding:0 10px}.breadcrumb{gap:8px;font-size:10px}.catalog{padding:28px 20px}.catalog-heading{margin-bottom:24px}.catalog-heading p{max-width:34ch;font-size:13px}.catalog-heading .eyebrow{font-size:9px}.tool-card{min-height:240px;padding:20px 20px 0}.app-statusbar{gap:12px;padding:8px 20px;font-size:7px}.app-statusbar>span:nth-child(2){display:none}.editor{padding:20px 16px}.editor-title{flex-wrap:wrap;gap:12px;margin-bottom:16px}.editor-title h1{font-size:24px}.editor-title .title-row>.btn{display:none}.editor-actions{margin-left:auto}.editor-actions>.btn:not(.primary){padding:0 10px}.editor-actions>.btn:not(.primary)>span{display:none}.editor-grid{grid-template-columns:1fr;grid-template-areas:"assets""preview""timeline""inspector"}.asset-content{gap:4px;padding:8px}.asset-content>.small{display:none}.preview-stage{min-height:300px;padding:32px}.inspector-content{grid-template-columns:1fr 1fr;gap:16px;display:grid}.inspector-content h3,.inspector-content>p,.inspector-content>details,.inspector-content>.frame-export{grid-column:1/-1}.inspector-content>.field-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.inspector-content>.field-grid:has(.field:nth-child(3)){grid-template-columns:repeat(4,minmax(0,1fr))}.inspector>.segmented{max-width:320px}.field-grid{gap:12px}.editor-status{flex-wrap:wrap;font-size:11px}.settings-page{padding:28px 20px}.settings-page h1{font-size:28px}.model-list{grid-template-columns:1fr}.timeline .panel-head>span,.timeline .panel-head small{display:block}.timeline .panel-head{padding-right:8px}}@media (width<=520px){.tool-grid{grid-template-columns:1fr;gap:12px}.tool-card{min-height:226px}.tool-card-top{margin-bottom:20px}.tool-card p{max-width:40ch}.tabs{gap:22px}.tabs button{font-size:12px}.catalog-filter .result-count{font-size:8px}.catalog-footer{flex-direction:column;align-items:flex-start}.local-banner{gap:12px;padding:16px}.banner-icon{padding-right:12px}.local-banner h3{font-size:12px}.local-banner p{font-size:11px}.brand-caption{display:none}.app-sidebar{gap:8px}.app-sidebar>.sidebar-nav{gap:0}.brand{font-size:18px}.brand-mark{width:28px;height:28px}.local-indicator span{display:none}.app-topbar{padding-inline:16px}.preview-stage{min-height:260px;padding:28px}.editor-title{align-items:center}.editor-actions{gap:0}.editor-actions .btn{padding:0 10px}.editor-actions .primary{padding:0 12px}.editor-actions>.btn:not(.primary){display:inline-flex}:is(.inspector-content>.field-grid,.inspector-content>.field-grid:has(.field:nth-child(3))){grid-template-columns:1fr 1fr}.preview-toolbar{gap:6px;padding:8px}.preview-toolbar .btn{padding:0 10px}.preview-toolbar>.field{flex-basis:90px}.preview-toolbar>span{font-size:10px}.editor-title h1{font-size:22px}.title-row .eyebrow{font-size:7px}.catalog h1{font-size:29px}.model-card header{flex-direction:column;gap:8px}.settings-page>.small{font-size:12px}}@media (width<=1200px){.preview-toolbar:has(>input){grid-template-columns:44px 44px max-content}.preview-toolbar:has(>input)>.magnet-button{grid-column:auto}.preview-toolbar:has(>input)>input{grid-column:1/-1}}@media (width>=861px){.editor-grid:has(>.timeline){grid-template:"assets preview inspector"minmax(0,1fr)"timeline timeline timeline"/144px minmax(0,1fr) 240px;height:calc(100dvh - 184px);min-height:440px}.editor-grid:has(>.timeline)>.assets-panel{overscroll-behavior-y:contain;grid-column:auto;max-height:100%;overflow-y:auto}.editor-grid:has(>.timeline) .asset-content{flex-direction:column;align-items:stretch}.editor-grid:has(>.timeline)>.preview-panel{flex-direction:column;height:100%;min-height:0;display:flex}.editor-grid:has(>.timeline) .preview-panel>.panel-head{flex-shrink:0}.editor-grid:has(>.timeline) .preview-toolbar{flex-shrink:0}.editor-grid:has(>.timeline) .preview-stage{flex:1;min-height:0;padding:16px}.editor-grid:has(>.timeline) .audio-preview{min-height:0}.editor-grid:has(>.timeline) .timeline-scroll{max-height:200px;overflow:auto}}@media (width<=860px){.editor:has(.editor-grid>.timeline .timeline-clip){padding-top:8px}.editor:has(.editor-grid>.timeline .timeline-clip) .editor-title{gap:8px;margin-bottom:8px}.editor:has(.editor-grid>.timeline .timeline-clip) .editor-title .eyebrow{display:none}.editor:has(.editor-grid>.timeline .timeline-clip) .editor-title h1{font-size:20px}.editor-grid:has(>.timeline .timeline-clip){grid-template-areas:"preview""timeline""inspector""assets"}.editor-grid:has(>.timeline .timeline-clip) .preview-panel{flex-direction:column;height:clamp(180px,100dvh - 580px,480px);display:flex}.editor-grid:has(>.timeline .timeline-clip) .preview-panel>.panel-head{flex-shrink:0;min-height:40px}.editor-grid:has(>.timeline .timeline-clip) .preview-stage{flex:1;min-height:0;padding:12px 28px}.editor-grid:has(>.timeline .timeline-clip) .audio-preview .waveform{height:40px}.editor-grid:has(>.timeline .timeline-clip) .audio-preview .mono{margin-top:4px}.editor-grid:has(>.timeline .timeline-clip) .preview-toolbar{flex-shrink:0;grid-template-columns:44px 44px max-content minmax(40px,1fr)}.editor-grid:has(>.timeline .timeline-clip) .preview-toolbar>input{grid-column:auto}.editor-grid:has(>.timeline .timeline-clip) .timeline-scroll{max-height:184px;overflow:auto}.editor-grid:has(>.timeline .timeline-clip) .timeline-row{min-height:56px}.editor-grid:has(>.timeline .timeline-clip) .track-label{grid-template-rows:20px 44px}.editor-grid:has(>.timeline .timeline-clip) .timeline-row[data-track-kind=video] .track-label{grid-template-rows:1fr}:is(.editor-grid:has(>.timeline .timeline-clip) .timeline-row[data-track-kind=video] .track-name,.editor-grid:has(>.timeline .timeline-clip) .timeline-row[data-track-kind=video] .track-mute){grid-row:1}.editor-grid:has(>.timeline .timeline-clip) .timeline-clip{height:44px;top:5px}.editor-grid:has(>.timeline .timeline-clip) .timeline-clip .waveform{height:20px;inset-block-start:18px}}@media (width<=360px){.app-sidebar{gap:4px;padding-inline:8px}.editor-grid:has(>.timeline .timeline-clip) .preview-panel>.panel-head{flex-wrap:nowrap;padding-inline:4px}.editor-grid:has(>.timeline .timeline-clip) .preview-panel>.panel-head>span{font-size:11px;display:block}.editor-grid:has(>.timeline .timeline-clip) .preview-panel>.panel-head small{white-space:nowrap;font-size:8px;display:block}.editor-grid:has(>.timeline .timeline-clip) .preview-toolbar{gap:4px}.editor-grid:has(>.timeline .timeline-clip) .timecode-field{flex-direction:row;align-items:center;font-size:9px}.editor-grid:has(>.timeline .timeline-clip) .preview-stage{padding-block:4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}