:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-app:#060a0e;--color-panel:#0c1217;--color-panel-2:#13191f;--color-panel-3:#20272e;--color-ink:#e6ecf2;--color-muted:#9fa9b3;--color-rule:#303941;--color-accent:#00bfcf;--color-accent-strong:#00d7e8;--color-accent-ink:#040a11;--color-danger:#f05f5a;--color-warning:#e4a339;--color-success:#62c37a;--color-checker-a:#0c1217;--color-checker-b:#1a2026;--font-display:Arial, Helvetica, sans-serif;--font-body:Arial, Helvetica, sans-serif;--font-mono:Arial, Helvetica, sans-serif;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--radius-sm:.375rem;--radius-md:.5rem;--rule-thin:1px solid var(--color-rule);--focus:0 0 0 2px var(--color-accent);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s}@supports (color:lab(0% 0 0)){:root{--color-app:lab(2.47464% -.619024 -2.1181);--color-panel:lab(5.26155% -1.22075 -4.04525);--color-panel-2:lab(8.35225% -1.78917 -5.05275);--color-panel-3:lab(15.3146% -1.96664 -5.41129);--color-ink:lab(93.0436% -1.36667 -3.44628);--color-muted:lab(68.6829% -2.39038 -6.16667);--color-rule:lab(23.4356% -2.24558 -6.10103);--color-accent:lab(69.9582% -43.9581 -23.4607);--color-accent-strong:lab(78.1662% -46.9525 -25.0487);--color-accent-ink:lab(2.46396% -.86154 -3.783);--color-danger:lab(59.9345% 56.6336 33.2526);--color-warning:lab(72.0461% 18.396 61.7206);--color-success:lab(71.6219% -42.0726 27.5213);--color-checker-a:lab(5.26155% -1.22075 -4.04525);--color-checker-b:lab(11.8355% -1.72456 -4.73639)}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-app:#fff;--color-panel:#fff;--color-panel-2:#fff;--color-panel-3:#eee;--color-stage:#fff;--color-ink:#000;--color-muted:#555;--color-rule:#000;--color-accent:#000;--color-accent-strong:#000;--color-accent-ink:#fff;--color-danger:#000;--color-warning:#000;--color-success:#000;--color-checker-a:#fff;--color-checker-b:#ddd;--font-display:Arial, Helvetica, sans-serif;--font-body:Arial, Helvetica, sans-serif;--font-mono:Arial, Helvetica, sans-serif;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--radius-sm:0;--radius-md:0;--rule-thin:1px solid var(--color-rule);--focus:0 0 0 2px var(--color-panel), 0 0 0 4px var(--color-accent);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s}*{box-sizing:border-box}html,body{background:var(--color-app);height:100%;color:var(--color-ink);font-family:var(--font-body);letter-spacing:0;margin:0;font-size:14px;font-weight:400;overflow:clip}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{box-shadow:var(--focus);outline:none}h1,h2{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);margin:0;font-style:normal;font-weight:400;line-height:1.12}h1{font-size:1.05rem}h2{font-size:1rem}.kicker{margin:0 0 var(--space-2xs);color:var(--color-muted);text-transform:none;font-size:.72rem;font-weight:400}strong,b{font-weight:400}.editor-shell{background:var(--color-app);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:25rem minmax(0,1fr);width:100%;height:100dvh;min-height:100dvh;display:grid;position:fixed;inset:0;overflow:clip}.editor-loading{background:var(--color-app);color:var(--color-muted);place-items:center;display:grid;position:fixed;inset:0}.editor-loading p{margin:0}.editor-sidebar,.editor-main,.export-drawer{min-width:0;min-height:0}.editor-sidebar{border-inline-end:var(--rule-thin);background:var(--color-panel);grid-row:1/3}.editor-main{grid-column:2;grid-template-rows:minmax(0,1fr) auto;gap:0;padding:0;display:grid}.timeline-head,.dialog-head,.row-actions,.playback-controls,.dialog-actions{align-items:center;gap:var(--space-xs);display:flex}.row-actions,.playback-controls{flex-wrap:wrap}.inspector .row-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.375rem;display:grid}.inspector .row-actions .quiet-button{width:100%;padding-inline:var(--space-2xs)}.preview-pane,.timeline,.export-drawer,.export-dialog,.export-panel{border:var(--rule-thin);border-radius:var(--radius-md);background:var(--color-panel)}.preview-pane{border-width:0 0 1px;border-radius:0;grid-template-rows:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.canvas-wrap{background:var(--color-stage);place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.export-frame{background:var(--color-stage);max-width:100%;max-height:100%;position:relative;overflow:hidden}.canvas-wrap canvas{z-index:1;display:block;position:relative;width:100%!important;height:100%!important}.canvas-wrap .export-preview-canvas{z-index:2;pointer-events:none;visibility:hidden;position:absolute;inset:0}.bg-media{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.export-frame-guide{z-index:3;pointer-events:none;border:1px solid color-mix(in oklch, var(--color-ink) 62%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-app) 72%, transparent), 0 0 0 1px color-mix(in oklch, var(--color-app) 56%, transparent);position:absolute;inset:0}.export-frame-guide span{inset:auto auto var(--space-xs) var(--space-xs);border:var(--rule-thin);border-radius:var(--radius-sm);background:color-mix(in oklch, var(--color-app) 86%, transparent);color:var(--color-ink);padding:var(--space-2xs) var(--space-xs);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.72rem;line-height:1;position:absolute}.canvas-tools{z-index:4;top:var(--space-sm);right:var(--space-sm);align-items:stretch;gap:var(--space-xs);flex-direction:column;display:flex;position:absolute}.camera-gizmo{z-index:4;right:var(--space-sm);bottom:var(--space-sm);width:6rem;height:6rem;position:absolute}.transform-toolbar,.view-toolbar{gap:var(--space-2xs);flex-direction:column;display:flex}.view-toolbar{border-top:var(--rule-thin);padding-top:var(--space-xs)}.canvas-tools .icon-button{background:color-mix(in oklch, var(--color-panel) 92%, transparent)}.canvas-tools .icon-button.selected,.canvas-tools .icon-button[aria-pressed=true]{background:var(--color-ink);color:var(--color-panel)}.canvas-settings-popover{top:0;right:calc(100% + var(--space-xs));border:var(--rule-thin);background:var(--color-panel);width:min(18rem,100vw - 5rem);max-height:calc(100dvh - 10rem);position:absolute;overflow:auto}.canvas-settings-head{border-bottom:var(--rule-thin);min-height:3rem;padding-left:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.canvas-settings-head .icon-button{border-width:0 0 0 1px;flex:0 0 3rem;width:3rem;height:3rem;min-height:3rem}.canvas-settings-body{gap:var(--space-sm);padding:var(--space-sm);display:grid}.canvas-reset-button{width:100%}.inspector-menu-button,.inspector-close-button{top:var(--space-sm);left:var(--space-md);position:absolute}.inspector-menu-button{z-index:5;background:color-mix(in oklch, var(--color-panel) 92%, transparent)}.inspector-close-button{z-index:6;background:var(--color-panel)}.mobile-project-actions{z-index:4;top:var(--space-sm);right:calc(var(--space-sm) + 2.75rem + var(--space-2xs));max-width:calc(100% - 2 * var(--space-sm));gap:var(--space-2xs);position:absolute}.mobile-project-actions .quiet-button,.mobile-project-actions .primary-button{min-height:2.75rem;padding-inline:var(--space-xs);background-color:color-mix(in oklch, var(--color-panel) 92%, transparent);font-size:.78rem}.mobile-project-actions .primary-button{background-color:var(--color-accent)}.canvas-settings-group{gap:var(--space-xs);border:0;border-top:var(--rule-thin);min-width:0;padding:var(--space-sm) 0 0;margin:0;display:grid}.canvas-settings-group:first-child{border-top:0;padding-top:0}.canvas-settings-group legend{color:var(--color-ink);padding:0;font-size:.78rem;font-weight:400}.checkerboard{background-color:var(--color-checker-a);background-image:linear-gradient(45deg, var(--color-checker-b) 25%, transparent 25%), linear-gradient(-45deg, var(--color-checker-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-checker-b) 75%), linear-gradient(-45deg, transparent 75%, var(--color-checker-b) 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px}.inspector{scrollbar-color:var(--color-ink) var(--color-panel);scrollbar-width:thin;height:100%;overflow:auto}.inspector::-webkit-scrollbar{width:9px}.inspector::-webkit-scrollbar-track{background:var(--color-panel)}.inspector::-webkit-scrollbar-thumb{background:var(--color-ink);border:0;border-radius:0}.export-select-menu::-webkit-scrollbar{-webkit-appearance:none;width:9px}.export-select-menu::-webkit-scrollbar-track{background:var(--color-panel)}.export-select-menu::-webkit-scrollbar-thumb{background:var(--color-ink);border:0;border-radius:0!important}.export-select-menu::-webkit-scrollbar-button{display:none}.inspector-actions,.timeline-head,.dialog-head{border-bottom:var(--rule-thin);min-height:3rem;padding:var(--space-xs) var(--space-sm);justify-content:space-between}.inspector-header{z-index:4;border-bottom:var(--rule-thin);background:var(--color-panel);grid-template-columns:minmax(0,1fr);display:grid;position:sticky;top:0}.inspector-actions{justify-content:stretch;gap:var(--space-xs);min-height:auto;padding:0 var(--space-md) var(--space-xs);border:0;display:flex}.inspector-actions .quiet-button,.inspector-actions .primary-button,.home-support-link{width:auto;padding:0 var(--space-xs);flex:1;font-size:.78rem}.inspector-actions .quiet-button svg,.home-support-link svg{width:1rem;height:1rem}.product-mark{align-content:center;gap:var(--space-xs);min-height:3.75rem;padding:var(--space-sm) var(--space-md) var(--space-2xs);display:grid}.product-mark-row{align-items:center;display:flex}.product-wordmark{color:var(--color-ink);font-family:var(--font-display);white-space:nowrap;margin:0;font-size:1.32rem;font-weight:400;line-height:1.15;display:block}.product-wordmark sup{font-size:.7em;line-height:0}.product-description{max-width:75ch;color:var(--color-muted);margin:0;font-size:.8rem;line-height:1.4}.product-description a{color:inherit;text-underline-offset:.14em;text-decoration:underline;text-decoration-thickness:1px}.inspector-section+.inspector-section{border-top:var(--rule-thin)}.artwork-section-header{justify-content:space-between;align-items:center;gap:var(--space-xs);background:var(--color-panel);min-height:2.75rem;color:var(--color-ink);padding:var(--space-xs) var(--space-md);display:flex}.artwork-section-header small{color:var(--color-muted);font-size:.72rem}.artwork-section .section-body{padding:.375rem var(--space-md) var(--space-xs);gap:.375rem}.section-trigger{align-items:center;gap:var(--space-xs);width:100%;color:var(--color-ink);min-height:2.75rem;padding:.375rem var(--space-md);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto;display:grid}.section-trigger[aria-expanded=true]{background:var(--color-panel-2);box-shadow:inset 2px 0 0 var(--color-accent)}.section-trigger span{font-weight:400}.section-trigger small{min-width:0;color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.section-body{gap:var(--space-2xs);padding:.375rem var(--space-md) var(--space-sm);background:color-mix(in oklch, var(--color-panel-2) 34%, var(--color-panel));display:grid}.dimension-grid{gap:var(--space-2xs) var(--space-xs);grid-template-columns:6rem minmax(0,1fr) 6rem minmax(0,1fr);display:grid}.field-note{margin:var(--space-2xs) 0 0;color:var(--color-muted);font-size:.72rem}.field{gap:var(--space-2xs);color:var(--color-muted);font-size:.79rem;display:grid}.inspector .section-body>.field,.inspector .dimension-unit .field{align-items:center;gap:var(--space-xs);grid-template-columns:6rem minmax(0,1fr)}.inspector .field>.error-text{grid-column:2}.inspector .dimension-grid .field{grid-column:span 2;grid-template-columns:subgrid;align-items:center;gap:var(--space-xs)}.inspector .dimension-grid .field>span:first-child{align-items:center;min-height:0;line-height:1.15;display:flex}.inspector .dimension-grid .field>.error-text{grid-column:1/-1}.slider-field,.color-field{align-items:center;gap:var(--space-xs);grid-template-columns:6rem minmax(0,1fr)}.field input,.field select,.compact-field input{border:var(--rule-thin);border-radius:var(--radius-sm);background:var(--color-panel-2);width:100%;min-height:2.25rem;color:var(--color-ink);padding:.375rem var(--space-xs)}.field input[type=text],.field input[type=number],.field select{font-family:var(--font-mono)}.field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23000' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right var(--space-xs) center;background-repeat:no-repeat;padding-right:1.75rem}.slider-control input[type=range],.compact-field input[type=range],.duration-field>input[type=range]{appearance:none;background:0 0;border:0;min-height:1.75rem;margin:0;padding:0}.slider-control input[type=range]::-webkit-slider-runnable-track{background:var(--color-ink);height:.25rem}.compact-field input[type=range]::-webkit-slider-runnable-track{background:var(--color-ink);height:.25rem}.duration-field>input[type=range]::-webkit-slider-runnable-track{background:var(--color-ink);height:.25rem}.slider-control input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-ink);border:0;border-radius:0;width:1rem;height:1rem;margin-top:-.375rem}.compact-field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-ink);border:0;border-radius:0;width:1rem;height:1rem;margin-top:-.375rem}.duration-field>input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-ink);border:0;border-radius:0;width:1rem;height:1rem;margin-top:-.375rem}.slider-control input[type=range]::-moz-range-track{background:var(--color-ink);border:0;border-radius:0;height:.25rem}.compact-field input[type=range]::-moz-range-track{background:var(--color-ink);border:0;border-radius:0;height:.25rem}.duration-field>input[type=range]::-moz-range-track{background:var(--color-ink);border:0;border-radius:0;height:.25rem}.slider-control input[type=range]::-moz-range-thumb{background:var(--color-ink);border:0;border-radius:0;width:1rem;height:1rem}.compact-field input[type=range]::-moz-range-thumb{background:var(--color-ink);border:0;border-radius:0;width:1rem;height:1rem}.duration-field>input[type=range]::-moz-range-thumb{background:var(--color-ink);border:0;border-radius:0;width:1rem;height:1rem}.color-control{gap:var(--space-xs);grid-template-columns:2.25rem minmax(0,1fr);display:grid;position:relative}.color-swatch{border:var(--rule-thin);background:var(--color-panel);cursor:pointer;width:2.25rem;min-height:2.25rem;padding:.25rem}.color-swatch span{border:var(--rule-thin);width:100%;height:100%;min-height:1.5rem;display:block}.color-control input[type=text]{text-transform:uppercase}.color-popover{z-index:12;top:calc(100% + var(--space-xs));gap:var(--space-sm);border:var(--rule-thin);background:var(--color-panel);width:min(18rem,100vw - 4rem);padding:var(--space-sm);grid-template-columns:minmax(0,1fr) 1rem;display:grid;position:absolute;right:0}.color-picker-plane{aspect-ratio:1;cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);position:relative}.color-picker-cursor{border:2px solid var(--color-panel);outline:1px solid var(--color-ink);pointer-events:none;border-radius:50%;width:1rem;height:1rem;position:absolute;transform:translate(-50%,-50%)}.color-hue-track{cursor:ns-resize;touch-action:none;background:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);width:1rem;min-height:100%;position:relative}.color-control .color-hue{opacity:0;writing-mode:vertical-lr;pointer-events:none;direction:rtl;border:0;width:1rem;min-height:100%;padding:0;position:absolute;inset:0}.color-hue-track:focus-within{outline:2px solid var(--color-ink);outline-offset:3px}.color-hue-cursor{border:3px solid var(--color-panel);outline:1px solid var(--color-ink);pointer-events:none;background:0 0;border-radius:50%;width:1.5rem;height:1.5rem;position:absolute;left:50%;transform:translate(-50%,-50%)}.field.wide{grid-column:1/-1}.slider-control{align-items:center;gap:var(--space-xs);grid-template-columns:minmax(0,1fr) 3rem auto;display:grid}.slider-control output,.timecode{color:var(--color-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.75rem}.invalid{border-color:var(--color-danger)!important}.error-text,.warning-text,.success-text{margin:0;font-size:.78rem}.error-text{color:var(--color-danger)}.warning-text{color:var(--color-warning)}.success-text{color:var(--color-success)}.segmented-field{align-items:center;gap:var(--space-xs);color:var(--color-muted);border:0;grid-template-columns:6rem minmax(0,1fr);margin:0;padding:0;font-size:.79rem;display:grid}.segmented-label{grid-area:1/1;margin:0;line-height:1.25}.segmented-control{border:var(--rule-thin);border-radius:var(--radius-sm);background:var(--color-panel-2);grid-area:1/2;display:grid;overflow:hidden}.segmented-control button{border:0;border-inline-start:var(--rule-thin);min-height:2.25rem;color:var(--color-muted);padding:0 var(--space-2xs);cursor:pointer;background:0 0;font-size:.78rem}.inspector .dimension-format .segmented-field:has(.segmented-control button:nth-child(4)){gap:var(--space-xs);grid-template-columns:6rem minmax(0,1fr)}.segmented-control:has(button:nth-child(4)) button{padding-inline:.375rem;font-size:.72rem}.segmented-control button:first-child{border-inline-start:0}.segmented-control button.selected{background:var(--color-accent);color:var(--color-accent-ink);font-weight:400}.advanced-disclosure{gap:var(--space-2xs);border-top:var(--rule-thin);margin-top:var(--space-2xs);padding-top:var(--space-2xs);display:grid}.advanced-trigger{align-items:center;gap:var(--space-2xs);color:var(--color-muted);padding:var(--space-2xs) 0;text-align:left;cursor:pointer;background:0 0;border:0;font-size:.75rem;display:flex}.advanced-trigger:hover{color:var(--color-ink)}.advanced-body{gap:var(--space-2xs);display:grid}.inspector .advanced-body>.field{align-items:center;gap:var(--space-xs);grid-template-columns:6rem minmax(0,1fr)}.upload-field{border:var(--rule-thin);border-radius:var(--radius-sm);background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.375rem;padding:.375rem;display:grid}.upload-main{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;gap:.375rem;width:100%;padding:0;display:grid}.upload-main:disabled{cursor:progress;opacity:.65}.upload-main:focus-visible{box-shadow:none;background:var(--color-panel-3)}.upload-main img,.upload-main video,.upload-placeholder{border:var(--rule-thin);border-radius:var(--radius-sm);background:var(--color-panel-3);object-fit:cover;place-items:center;width:2.25rem;height:2.25rem;display:grid}.upload-placeholder svg{width:1rem;height:1rem}.upload-main strong{line-height:1.2;display:block}.upload-main small{color:var(--color-muted);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;display:block;overflow:hidden}.upload-remove{width:2rem;min-height:2rem}.upload-field .error-text{grid-column:1/-1}.pdf-upload-field .field-note,.pdf-import-progress{grid-column:1/-1;width:100%}.pdf-import-progress{border:var(--rule-thin);background:var(--color-panel);height:.45rem;accent-color:var(--color-ink)}.quiet-button,.primary-button,.icon-button,.mini-button{border:var(--rule-thin);border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:var(--space-xs);background:var(--color-panel-2);min-height:2.25rem;color:var(--color-ink);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-short) var(--ease-out);text-decoration:none;display:inline-flex}.quiet-button,.primary-button{padding:0 var(--space-sm)}.icon-button{width:2.25rem;padding:0}.loop-toggle[aria-pressed=false]{color:var(--color-muted)}.loop-toggle[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.loop-field .loop-toggle{justify-self:start}.mini-button{min-height:1.75rem;padding:0 var(--space-xs);font-size:.72rem}.primary-button{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink);font-weight:400}.primary-button.full{width:100%}.quiet-button.selected,.quiet-button[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}@media (hover:hover) and (pointer:fine){.section-trigger:hover{background:var(--color-panel-2)}.quiet-button:hover,.primary-button:hover,.icon-button:hover,.mini-button:hover{background:var(--color-panel-3)}.primary-button:hover,.loop-toggle[aria-pressed=true]:hover{background:var(--color-accent-strong)}}.quiet-button:active,.icon-button:active,.mini-button:active{background:var(--color-panel-3)}.primary-button:active,.quiet-button.selected:active,.quiet-button[aria-pressed=true]:active{background:var(--color-accent-strong);color:var(--color-accent-ink)}button:disabled,.primary-button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.primary-button[aria-disabled=true]:hover{background:var(--color-accent)}.timeline{border-width:0;border-radius:0;min-height:9rem;overflow:hidden}.compact-field{align-items:center;gap:var(--space-xs);color:var(--color-muted);font-size:.8rem;display:flex}.compact-field input{width:8rem}.timeline-restart{margin-inline-start:var(--space-xs)}.duration-field{align-items:center;gap:var(--space-xs);color:var(--color-muted);grid-template-columns:6rem minmax(0,1fr) auto;font-size:.8rem;display:grid}.duration-field>input{width:100%;min-width:0}.duration-field .field{align-items:center;gap:var(--space-2xs);display:flex;position:relative}.duration-field .field span{pointer-events:none;position:absolute;right:.5rem}.duration-field .field input{width:4rem;padding-right:1.25rem}.timeline-head .duration-field{grid-template-columns:auto minmax(3rem,8rem) auto}.ruler{padding:var(--space-xs) var(--space-sm) var(--space-2xs);color:var(--color-muted);font-family:var(--font-mono);grid-template-columns:repeat(7,minmax(0,1fr));font-size:.72rem;display:grid}.ruler span:last-child{text-align:right}.track-wrap{padding:0 var(--space-sm) var(--space-sm);position:relative}.timeline-range{z-index:3;inset:0 var(--space-sm);opacity:0;cursor:pointer;position:absolute}.timeline-range:focus-visible+.track{box-shadow:var(--focus)}.track{border:var(--rule-thin);border-radius:var(--radius-sm);background:var(--color-panel);height:3.25rem;position:relative}.track:before{content:"";border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:color-mix(in oklch, var(--color-accent) 18%, var(--color-panel-2));height:1rem;position:absolute;top:50%;left:6%;right:6%;transform:translateY(-50%)}.playhead,.marker{width:2px;position:absolute}.playhead{background:var(--color-accent-strong);top:-.25rem;bottom:-.25rem}.marker{top:var(--space-xs);bottom:var(--space-xs);background:var(--color-ink)}.marker.start{left:6%}.marker.end{right:6%}.export-drawer{z-index:20;width:100%;padding:var(--space-lg);box-shadow:none;background:#000000b8;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.project-type-scrim{z-index:40;padding:var(--space-md);background:#000000b8;place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.project-type-dialog{border:1px solid var(--color-rule);background:var(--color-panel);width:min(34rem,100%);max-width:none;color:var(--color-ink);padding:var(--space-md);border-radius:0;margin:0;position:static}.project-type-options{gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-type-option{gap:var(--space-xs);color:var(--color-ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:0;grid-template-rows:auto auto;padding:0;display:grid}.project-type-option:focus-visible{box-shadow:none}.project-type-preview{aspect-ratio:1;border:1px solid var(--color-rule);transition:box-shadow var(--dur-micro) var(--ease-out), filter var(--dur-micro) linear;display:block;overflow:hidden}.project-type-preview img{object-fit:cover;width:100%;height:100%;display:block}.project-type-preview-icon{background:#f4f1e8;place-items:center;display:grid}.project-type-option:hover .project-type-preview,.project-type-option:focus-visible .project-type-preview{box-shadow:0 0 0 2px var(--color-ink)}.project-type-option:active .project-type-preview{filter:brightness(1.15);box-shadow:0 0 0 3px var(--color-ink)}.project-type-option strong{text-align:center;font-size:1rem}.export-panel{width:min(46rem,100%);max-height:calc(100dvh - 3rem);overflow:auto}.export-dialog{height:100%;overflow:auto}.export-grid{gap:var(--space-sm);padding:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.export-select-field select{background-color:var(--color-panel);cursor:pointer;border-radius:0}.export-note,.progress-block{gap:var(--space-2xs);margin:0 var(--space-sm) var(--space-sm);border:var(--rule-thin);border-radius:var(--radius-sm);background:var(--color-panel-2);color:var(--color-muted);padding:var(--space-xs);display:grid}.progress-block{grid-template-columns:minmax(0,1fr) auto;align-items:center}.progress-block progress{appearance:none;border:var(--rule-thin);background:var(--color-panel);border-radius:0;width:100%;height:.75rem;overflow:hidden}.progress-block progress::-webkit-progress-bar{background:var(--color-panel)}.progress-block progress::-webkit-progress-value{background:var(--color-ink)}.progress-block progress::-moz-progress-bar{background:var(--color-ink)}.dialog-actions{border-top:var(--rule-thin);background:var(--color-panel);padding:var(--space-sm);justify-content:end;position:sticky;bottom:0}.export-panel .error-text,.export-panel .warning-text,.export-panel .success-text{margin:0 var(--space-sm) var(--space-xs)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mobile-only{display:none}@media (max-width:70rem){.editor-shell{grid-template-columns:25rem minmax(0,1fr)}}@media (max-width:52rem){.editor-shell{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100dvh;overflow:hidden}.editor-sidebar{z-index:15;border-inline-end:var(--rule-thin);visibility:hidden;width:100vw;transition:transform var(--dur-short) var(--ease-out), visibility 0s linear var(--dur-short);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.editor-sidebar.open{visibility:visible;transition-delay:0s;transform:translate(0)}.editor-main{grid-area:1/1;min-height:0;padding:0}.timeline{min-height:0}.timeline-head{align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-xs);flex-flow:wrap}.timeline-head .compact-field{display:none}.timeline-head .timecode{text-align:right;white-space:nowrap;flex-basis:100%;margin-left:auto}.playback-controls{gap:var(--space-2xs);flex-wrap:nowrap}.timeline-head .duration-field{flex:1;grid-template-columns:minmax(1.5rem,1fr) auto;min-width:5.5rem}.timeline-head .duration-field>label:not(.field){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.duration-field .field input{width:3.5rem}.ruler{padding:var(--space-2xs) var(--space-xs) 0}.track-wrap{padding:0 var(--space-xs) var(--space-xs)}.timeline-range{inset-inline:var(--space-xs)}.track{height:2rem}.track:before{height:.625rem}.marker{top:var(--space-2xs);bottom:var(--space-2xs)}.canvas-settings-popover{top:calc(2.75rem + var(--space-2xs));right:calc(100% + var(--space-2xs));max-height:calc(100dvh - 8rem)}.canvas-tools .icon-button{width:2.75rem;min-height:2.75rem}.canvas-wrap{min-height:0}.export-grid{grid-template-columns:1fr}.export-drawer{padding:var(--space-xs)}.export-panel{max-height:calc(100dvh - 1rem)}.field input,.field select,.compact-field input{font-size:16px}.product-mark{min-height:3.75rem;padding:var(--space-sm) var(--space-md) var(--space-2xs)}.product-mark-row{min-height:2.75rem;padding-left:4rem}.product-wordmark{flex:none}.inspector-actions{gap:var(--space-2xs)}.inspector-actions .primary-button{width:auto;padding:0 var(--space-xs);font-size:.78rem}.mobile-only{display:inline-flex}}@media (max-width:26rem){.project-type-options{gap:var(--space-xs)}.project-type-option{gap:var(--space-xs);padding:var(--space-xs)}.playback-controls .frame-step{display:none}}@media (pointer:coarse){.quiet-button,.primary-button,.icon-button,.section-trigger,.segmented-control button,.field input,.field select,.compact-field input,.upload-main{min-height:2.75rem}.icon-button{width:2.75rem}.mini-button,.color-swatch{width:2.75rem;min-height:2.75rem}.track-wrap{min-height:2.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}}html:has(.legal-page){height:auto;overflow:visible}html:has(.legal-page) body{height:auto;overflow:visible}.legal-page{background:var(--color-app)}.legal-body{padding:0 0 calc(var(--space-lg) * 3);text-align:left;margin:0}.legal-content{max-width:68ch;padding:var(--space-lg) var(--space-md) 0;margin:0 auto}.legal-head{border-bottom:var(--rule-thin);padding-bottom:var(--space-md)}.legal-head h1{margin:0 0 var(--space-sm);text-transform:uppercase;letter-spacing:.02em;font-size:1.6rem;font-weight:400}.legal-lede{margin:0;font-size:.95rem;line-height:1.55}.legal-meta{margin:var(--space-md) 0 0;color:var(--color-muted);font-size:.78rem}.legal-body section{margin-top:var(--space-lg)}.legal-body h2,.legal-body h3{text-transform:uppercase;letter-spacing:.06em;font-weight:400}.legal-body h2{margin:0 0 var(--space-xs);font-size:.9rem}.legal-body h3{margin:var(--space-md) 0 var(--space-2xs);color:var(--color-muted);font-size:.8rem}.legal-body p,.legal-body li{color:var(--color-muted);font-size:.85rem;line-height:1.6}.legal-body p{margin:0 0 var(--space-xs)}.legal-body ul{margin:0 0 var(--space-xs);padding-left:1.1rem}.legal-body li{margin-bottom:var(--space-2xs)}.legal-body code{font-family:var(--font-mono);color:var(--color-ink);border-bottom:1px dotted var(--color-rule);font-size:.8rem}.legal-body a{color:var(--color-ink);text-underline-offset:.14em;overflow-wrap:anywhere;text-decoration:underline;text-decoration-thickness:1px}.legal-foot{margin-top:calc(var(--space-lg) * 1.5);border-top:var(--rule-thin);padding-top:var(--space-md);font-size:.85rem}.legal-foot a{color:var(--color-ink);text-underline-offset:.14em;text-decoration:underline;text-decoration-thickness:1px}.legal-mark{min-height:0;padding:var(--space-sm) var(--space-md) 0}.legal-mark .product-mark-row{min-height:0;padding-left:0}.legal-mark a{color:inherit;text-decoration:none;display:block}.legal-block{line-height:1.7}.legal-block strong{color:var(--color-ink)}.legal-nav{align-items:baseline;gap:var(--space-xs) var(--space-md);flex-wrap:wrap;display:flex}.legal-nav .legal-back{color:var(--color-muted)}.inspector-footer{padding:var(--space-sm) var(--space-md) var(--space-lg)}.more-menu{position:relative}.more-menu-trigger{align-items:center;gap:var(--space-xs);color:var(--color-muted);padding:var(--space-2xs) 0;cursor:pointer;background:0 0;border:0;font-size:.8rem;display:flex}.more-menu-trigger:hover,.more-menu-trigger[aria-expanded=true]{color:var(--color-ink)}.more-menu-panel{bottom:calc(100% + var(--space-2xs));z-index:6;border:var(--rule-thin);background:var(--color-panel);min-width:12rem;display:grid;position:absolute;left:0}.more-menu-panel a,.more-menu-panel a:visited{align-items:center;gap:var(--space-2xs);color:var(--color-ink);padding:var(--space-xs) var(--space-sm);font-size:.8rem;text-decoration:none;display:flex}.more-menu-panel a+a{border-top:var(--rule-thin)}.more-menu-panel a:hover{background:var(--color-ink);color:var(--color-panel)}.more-menu-panel svg{flex:none}.more-menu-version{justify-content:space-between;gap:var(--space-sm);border-top:var(--rule-thin);background:var(--color-panel-3);color:var(--color-muted);padding:var(--space-xs) var(--space-sm);margin:0;font-size:.8rem;display:flex}.artwork-privacy-note{margin:var(--space-2xs) 0 0;color:var(--color-muted);font-size:.72rem;line-height:1.4}.export-disclaimer{gap:.2rem;font-size:.68rem;line-height:1.28}.export-disclaimer strong{color:var(--color-ink);font-size:.72rem;line-height:1.2}.export-disclaimer a{color:inherit;text-underline-offset:.14em;text-decoration:underline;text-decoration-thickness:1px}.export-done .dialog-head{padding-block:var(--space-2xs)}.export-done .export-grid{gap:var(--space-xs);padding-block:var(--space-xs)}.export-done .export-grid .field{gap:.125rem}.export-done .success-text{margin-bottom:var(--space-2xs)}.export-done .support-note{padding-block:var(--space-xs)}.export-done .support-note .support-link{margin-top:var(--space-2xs)}.support-aside{margin:calc(var(--space-sm) * -.5) var(--space-sm) var(--space-sm);color:var(--color-muted);text-wrap:balance;font-size:.94rem;line-height:1.34}.support-credit{margin-top:0;margin-bottom:var(--space-sm);text-align:center;font-size:.96rem}.support-aside .support-link{color:var(--color-ink);text-underline-offset:.16em;text-decoration:underline;text-decoration-thickness:1px}.support-note{gap:var(--space-2xs);margin:0 var(--space-sm) var(--space-sm);border:2px solid var(--color-rule);background:var(--color-panel);padding:var(--space-sm);color:var(--color-ink);font-size:.92rem;line-height:1.38;display:grid}.support-note strong{font-size:1.14rem;line-height:1.2}.support-note .support-link{margin-top:var(--space-xs);min-height:2.75rem;font-size:1.08rem}.support-link:focus-visible{box-shadow:var(--focus);outline:none}.export-consent{align-items:center;gap:var(--space-xs);margin:0 var(--space-sm) var(--space-sm);border:var(--rule-thin);background:var(--color-panel-2);padding:var(--space-xs) var(--space-sm);cursor:pointer;font-size:.75rem;line-height:1.35;display:flex}.export-consent input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--color-ink);cursor:pointer;flex:none;margin:0}.export-consent a{color:inherit;text-underline-offset:.14em;text-decoration:underline;text-decoration-thickness:1px}@media (max-width:52rem){.color-popover{top:auto;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:100;width:min(18rem,100vw - 2rem,100dvh - 4rem);position:fixed}}.home-support-link{width:auto;margin:var(--space-xs) var(--space-md);justify-self:stretch;text-decoration:none}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-app:#000;--color-panel:#000;--color-panel-2:#000;--color-panel-3:#181818;--color-stage:#000;--color-ink:#f4f4f5;--color-muted:#b4b4bc;--color-rule:#8b8b93;--color-accent:#f4f4f5;--color-accent-strong:#fff;--color-accent-ink:#000;--color-danger:#f4f4f5;--color-warning:#f4f4f5;--color-success:#f4f4f5;--color-checker-a:#181818;--color-checker-b:#303030}.theme-toggle span{align-items:center;gap:var(--space-xs);display:inline-flex}.theme-toggle .theme-light{display:none}:root[data-theme=dark] .theme-toggle .theme-light{display:inline-flex}:root[data-theme=dark] .theme-toggle .theme-dark{display:none}:root[data-theme=dark] .field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%23f4f4f5' stroke-width='1.5'/%3E%3C/svg%3E")}