@property --board-inverse-zoom{syntax:"<number>";inherits:true;initial-value:1}@font-face{font-family:Inter;src:url(./Inter-VF2RPR_K.ttf)format("truetype");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Manrope;src:url(./Manrope-DIRNzeTG.ttf)format("truetype");font-style:normal;font-weight:200 800;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#111112;--canvas-gap:#111112;--surface:#0b0b0c;--surface-raised:#1b1b1d;--surface-soft:#252527;--stroke:#2b2b2e;--stroke-soft:#202022;--text:#f0f0f2;--muted:#96969b;--subtle:#6f6f75;--accent:#a1a1aa;--accent-strong:#f0f0f2;--action-bg:#f0f0f2;--action-text:#111112;--selection-bg:#252630;--selection-text:#d9d9f5;--selection-border:#74758e;--media-outline:#ffffff24;--panel-bg:#141416;--card-bg:#19191b;--input-bg:#1d1d1f;--playback-bg:#131315;--playback-border:#242426;--playtime-text:#a3a3a7;--seek-track:#414145;--seek-fill:#f0f0f2;--seek-thumb:#19191b;--play-button-bg:#f0f0f2;--play-button-text:#111112;--ease-standard:cubic-bezier(.2, .75, .25, 1);--ease-emphasized:cubic-bezier(.2, .9, .25, 1);--motion-fast:.16s;--motion-normal:.22s;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-theme=light],:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root[data-theme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--app-bg:#fff;--canvas-gap:#eee;--media-outline:#00000024;--surface:#fff;--surface-raised:#f7f7f8;--surface-soft:#eee;--stroke:#e5e5e5;--stroke-soft:#eee;--text:#0d0d0d;--muted:#5d5d5d;--subtle:#8a8a8a;--accent:#007aff;--accent-strong:#007aff;--action-bg:#007aff;--action-text:#fff;--selection-bg:#eaf3ff;--selection-text:#06c;--selection-border:#007aff;--panel-bg:#f7f7f8;--card-bg:#fff;--input-bg:#f7f7f8;--playback-bg:#f7f7f8;--playback-border:#e5e5e5;--playtime-text:#5d5d5d;--seek-track:#d0d0d0;--seek-fill:#0d0d0d;--seek-thumb:#f7f7f8;--play-button-bg:#007aff;--play-button-text:#fff}@media (prefers-color-scheme:light){:root[data-theme=system]{--canvas-gap:#eee;--media-outline:#00000024;--app-bg:#fff;--surface:#fff;--surface-raised:#f7f7f8;--surface-soft:#eee;--stroke:#e5e5e5;--stroke-soft:#eee;--text:#0d0d0d;--muted:#5d5d5d;--subtle:#8a8a8a;--accent:#007aff;--accent-strong:#007aff;--action-bg:#007aff;--action-text:#fff;--selection-bg:#eaf3ff;--selection-text:#06c;--selection-border:#007aff;--panel-bg:#f7f7f8;--card-bg:#fff;--input-bg:#f7f7f8;--playback-bg:#f7f7f8;--playback-border:#e5e5e5;--playtime-text:#5d5d5d;--seek-track:#d0d0d0;--seek-fill:#0d0d0d;--seek-thumb:#f7f7f8;--play-button-bg:#007aff;--play-button-text:#fff}}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--app-bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:13px}button,input,select{font:inherit}button{color:inherit}.app-shell{background:var(--app-bg);flex-direction:column;height:100vh;display:flex;position:relative}.app-shell.is-loading>:not(.app-loading-screen){visibility:hidden}.app-loading-screen{z-index:30;background:var(--app-bg);color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;inset:0}.topbar{border-bottom:1px solid var(--stroke-soft);background:var(--surface);-webkit-app-region:drag;flex:0 0 66px;align-items:center;gap:16px;height:66px;padding:0 28px 0 86px;display:flex}.topbar button,.topbar input{-webkit-app-region:no-drag}.brand-lockup{letter-spacing:-.25px;white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:650;display:flex}.brand-mark{place-items:center;width:24px;height:24px;display:grid}.brand-mark-icon{object-fit:contain;width:24px;height:24px;display:block}.topbar-divider{background:var(--stroke);width:1px;height:24px;margin-left:5px}.project-name{width:340px;min-width:300px;color:var(--muted);background:0 0;border:0;outline:0;flex:0 340px;font-size:13px}.project-name:focus{color:var(--text)}.topbar-spacer{flex:1}.quiet-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:9px 11px;transition:color .15s,background .15s}.quiet-button:hover{background:var(--surface-raised);color:var(--text)}.export-button{color:var(--action-text);background:var(--action-bg);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:8px;padding:10px 15px;font-weight:600;transition:filter .15s;display:flex}.export-button:hover{filter:brightness(1.09)}.export-actions{align-items:stretch;display:flex;position:relative}.export-actions .export-button{border-radius:9px 0 0 9px}.export-menu-toggle{background:var(--action-bg);width:34px;color:var(--action-text);cursor:pointer;border:0;border-left:1px solid #00000024;border-radius:0 9px 9px 0;place-items:center;display:grid}.export-menu-toggle:hover{filter:brightness(1.08)}.export-menu{z-index:12;border:1px solid var(--stroke);background:var(--surface);border-radius:10px;width:230px;padding:5px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0000003d}.export-menu button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;flex-direction:column;gap:4px;width:100%;padding:10px;display:flex}.export-menu button:hover{background:var(--surface-raised)}.export-menu strong{color:var(--text);font-size:11px;font-weight:600}.export-menu small{color:var(--muted);font-size:10px}.icon{fill:currentColor;flex:0 0 16px;width:16px;height:16px}.icon-library{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.workspace{flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:248px minmax(0,1fr) 252px;min-width:0;min-height:0;display:grid;position:relative}.workspace>*{transition:filter .16s,opacity .16s}.app-shell.media-drop-active:not(.media-drop-targeting) .workspace>*{filter:blur(1.25px);opacity:.76}.app-shell.media-drop-active:not(.media-drop-targeting) .workspace:after{z-index:20;border:1px solid var(--stroke);background:var(--card-bg);color:var(--text);content:"Drop media to add";pointer-events:none;border-radius:999px;padding:11px 16px;font-size:12px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 28px #00000038}.app-shell.media-drop-targeting .source-card:not(.external-drop-target),.app-shell.media-drop-targeting .sources-panel>:not(.source-list-viewport),.app-shell.media-drop-targeting .canvas-stage,.app-shell.media-drop-targeting .settings-panel{filter:blur(1px);opacity:.66}.app-shell.media-drop-targeting .source-card.external-drop-target{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 36%, transparent)}.app-shell.media-drop-targeting .compare-pane.external-drop-target{outline:2px solid var(--accent);outline-offset:3px}.app-shell.media-drop-targeting:has(.compare-pane.external-drop-target) .sources-panel{filter:blur(1px);opacity:.66}.app-shell.media-drop-targeting:has(.compare-pane.external-drop-target) .settings-panel{filter:blur(1px);opacity:.66}.app-shell.media-drop-targeting:has(.compare-pane.external-drop-target) .playback-bar{filter:blur(1px);opacity:.66}.app-shell.media-drop-targeting:has(.compare-pane.external-drop-target) .compare-pane:not(.external-drop-target){filter:blur(1px);opacity:.66}.sources-panel,.settings-panel{background:var(--panel-bg);min-width:0;min-height:0;overflow:auto}.sources-panel{--sources-right-inset:17px;padding:25px var(--sources-right-inset) 20px 17px;border-right:1px solid var(--stroke-soft);grid-template-rows:auto auto auto minmax(0,1fr) auto;display:grid;overflow:hidden}.frame-navigator{border-bottom:1px solid var(--stroke-soft);min-height:0;margin-bottom:14px;padding-bottom:14px}.frame-navigator-heading{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.frame-navigator-heading button{border:1px solid var(--stroke-soft);background:var(--surface);width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:7px;place-items:center;padding:0;display:grid;position:relative}.frame-navigator-heading button svg{width:14px;height:14px;display:block}.frame-navigator-heading button:hover:not(:disabled){background:var(--surface-raised)}.frame-navigator-heading button:disabled{opacity:.45;cursor:not-allowed}.frame-navigator-heading button:after{content:attr(data-tooltip);z-index:20;border:1px solid var(--stroke);background:var(--surface-raised);color:var(--text);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:500;line-height:1.2;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-3px);box-shadow:0 3px 10px #0003}.frame-navigator-heading button:hover:not(:disabled):after,.frame-navigator-heading button:focus-visible:after{opacity:1;visibility:visible;transform:translateY(0)}.frame-navigator-list{min-width:0;min-height:60px;max-height:min(60vh,280px);margin-right:calc(-1 * var(--sources-right-inset));padding-right:var(--sources-right-inset);scrollbar-width:thin;scrollbar-color:var(--stroke) transparent;gap:5px;display:grid;overflow:hidden auto}.frame-navigator-list[data-scroll-up=true]{-webkit-mask-image:linear-gradient(#0000 0%,#000 22px 100%);mask-image:linear-gradient(#0000 0%,#000 22px 100%)}.frame-navigator-list[data-scroll-down=true]{-webkit-mask-image:linear-gradient(#000 0% calc(100% - 22px),#0000 100%);mask-image:linear-gradient(#000 0% calc(100% - 22px),#0000 100%)}.frame-navigator-list[data-scroll-up=true][data-scroll-down=true]{-webkit-mask-image:linear-gradient(#0000 0%,#000 22px calc(100% - 22px),#0000 100%);mask-image:linear-gradient(#0000 0%,#000 22px calc(100% - 22px),#0000 100%)}.frame-navigator-item{background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;min-width:0;height:50px;display:flex}.frame-navigator-item:not(.is-active){transition:background var(--motion-fast) ease, border-color var(--motion-fast) ease}.frame-navigator-item:not(.is-active):hover,.frame-navigator-item:not(.is-active):focus-within{border-color:var(--stroke-soft);background:var(--surface-raised)}.frame-navigator-item.is-active{border-color:var(--stroke);background:var(--surface-raised)}.frame-select-button{min-width:0;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;justify-content:flex-start;align-items:center;gap:9px;padding:6px 7px;font-size:12px;display:flex;overflow:hidden}.frame-select-copy{flex:1;gap:2px;min-width:0;display:grid;overflow:hidden}.frame-select-copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.frame-select-button small{color:var(--muted);font-size:10px}.frame-thumbnail{grid-template-columns:repeat(var(--thumbnail-panels,2), minmax(0, 1fr));border:1px solid var(--stroke-soft);background:var(--stroke-soft);border-radius:5px;flex:0 0 48px;gap:1px;width:48px;height:36px;display:grid;overflow:hidden}.frame-thumbnail.layout-stacked{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--thumbnail-panels,2), minmax(0, 1fr))}.frame-thumbnail.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(0,1fr)}.frame-thumbnail-panel{background:#080808;min-width:0;min-height:0;overflow:hidden}.frame-thumbnail-panel:empty{background:linear-gradient(135deg, color-mix(in srgb, var(--muted) 18%, transparent), transparent 78%)}.frame-thumbnail-panel img,.frame-thumbnail-panel video{object-fit:cover;width:100%;height:100%;display:block}.frame-select-editing{flex:1;align-items:center;gap:9px;min-width:0;padding:4px 7px;display:flex}.frame-navigator-item input{border:1px solid var(--stroke);background:var(--panel-bg);min-width:0;color:var(--text);font:inherit;border-radius:5px;flex:1;margin:0;padding:5px 6px;font-size:12px}.frame-delete-button,.frame-rename-button{width:24px;height:24px;color:var(--muted);opacity:0;cursor:pointer;background:0 0;border:0;border-radius:5px;flex:0 0 24px;place-items:center;margin-right:4px;padding:0;display:grid;position:relative}.frame-delete-button svg,.frame-rename-button svg{width:16px;height:16px;display:block}.frame-navigator-item:hover .frame-delete-button,.frame-navigator-item:hover .frame-rename-button,.frame-delete-button:focus-visible,.frame-rename-button:focus-visible{opacity:1}.frame-delete-button:hover,.frame-rename-button:hover{background:var(--panel-bg);color:var(--text)}.frame-rename-button:after{content:attr(data-tooltip);z-index:22;border:1px solid var(--stroke);background:var(--surface-raised);color:var(--text);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:500;line-height:1.2;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-3px);box-shadow:0 3px 10px #0003}.frame-rename-button:hover:after,.frame-rename-button:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)}.frame-delete-button:after{content:attr(data-tooltip);z-index:20;border:1px solid var(--stroke);background:var(--surface-raised);color:var(--text);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:500;line-height:1.2;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:50%;right:calc(100% + 8px);transform:translate(3px,-50%);box-shadow:0 3px 10px #0003}.frame-delete-button:hover:after,.frame-delete-button:focus-visible:after{opacity:1;visibility:visible;transform:translateY(-50%)}.source-list-viewport{min-height:0;margin-right:calc(-1 * var(--sources-right-inset));position:relative;overflow:hidden}.source-list-viewport:before,.source-list-viewport:after{z-index:2;content:"";opacity:0;pointer-events:none;height:24px;transition:opacity .16s;position:absolute;left:0;right:0}.source-list-viewport:before{background:linear-gradient(to bottom, var(--panel-bg), transparent);top:0}.source-list-viewport:after{background:linear-gradient(to top, var(--panel-bg), transparent);bottom:0}.source-list-viewport[data-scroll-up=true]:before,.source-list-viewport[data-scroll-down=true]:after{opacity:1}.source-list{height:100%;padding-right:var(--sources-right-inset);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--stroke) transparent;overflow-y:auto}.source-list::-webkit-scrollbar{width:5px}.source-list::-webkit-scrollbar-thumb{background:var(--stroke);border-radius:99px}.settings-panel{border-left:1px solid var(--stroke-soft);min-height:0;padding:0;position:relative;overflow:hidden}.settings-scroll-area{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--stroke) transparent;min-height:0;padding:25px 19px 22px;position:absolute;inset:0;overflow:auto}.settings-scroll-area::-webkit-scrollbar{width:5px}.settings-scroll-area::-webkit-scrollbar-thumb{background:var(--stroke);border-radius:99px}.settings-panel:before,.settings-panel:after{z-index:5;content:"";opacity:0;pointer-events:none;height:24px;transition:opacity .16s;position:absolute;left:0;right:0}.settings-panel:before{background:linear-gradient(to bottom, var(--panel-bg), transparent);top:0}.settings-panel:after{background:linear-gradient(to top, var(--panel-bg), transparent);bottom:0}.settings-panel[data-scroll-up=true]:before,.settings-panel[data-scroll-down=true]:after{opacity:1}.panel-heading{letter-spacing:-.15px;justify-content:space-between;align-items:center;padding:0 2px;font-size:14px;font-weight:600;display:flex}.subtle-icon-button{background:0 0}.panel-hint{color:var(--muted);margin:7px 2px 22px;font-size:11.5px}.add-media-button{border:1px dashed var(--stroke);background:var(--panel-bg);width:100%;min-height:40px;color:var(--muted);font:inherit;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:8px 12px;font-size:12px;transition:border-color .15s,background .15s,color .15s;display:flex}.add-media-button:hover{border-color:var(--text);background:var(--surface-raised);color:var(--text)}.add-media-button:focus-visible{outline:2px solid var(--text);outline-offset:2px}.add-media-button .icon{width:15px;height:15px}.icon-button{border:1px solid var(--stroke);background:var(--surface-raised);width:29px;height:29px;color:var(--muted);cursor:pointer;border-radius:8px;place-items:center;display:grid}.icon-button:hover{color:var(--text);background:var(--surface-soft)}.source-card{border:1px solid var(--stroke-soft);background:var(--card-bg);transition:border-color var(--motion-normal) var(--ease-standard), background-color var(--motion-normal) var(--ease-standard), box-shadow var(--motion-normal) var(--ease-standard), filter var(--motion-normal) var(--ease-standard), opacity var(--motion-normal) var(--ease-standard);border-radius:12px;margin-bottom:16px;padding:12px;position:relative}.source-card.has-media{cursor:grab}.source-card.dragging{opacity:.5;cursor:grabbing}.source-card.drag-target{border-color:var(--text);background:var(--surface-raised)}.source-card:focus-within,.source-card.active{border-color:#777}.source-heading,.source-label{display:none}.source-media-wrap{position:relative}.source-media-wrap .remove-source{z-index:2;border:1px solid var(--stroke);background:var(--surface-raised);width:23px;height:23px;color:var(--muted);cursor:pointer;opacity:0;pointer-events:none;border-radius:50%;place-items:center;padding:0;transition:opacity .14s,transform .14s,background .14s,color .14s,border-color .14s,box-shadow .14s;display:grid;position:absolute;top:-9px;bottom:auto;right:-9px;transform:scale(.92)}.source-media-wrap:hover .remove-source,.source-media-wrap:focus-within .remove-source,.source-media-wrap .remove-source:focus-visible{opacity:1;pointer-events:auto;transform:scale(1)}.source-media-wrap .remove-source:hover{color:#fff;background:#e5484d;border-color:#e5484d;transform:scale(1.08);box-shadow:0 3px 10px #e5484d61}.source-media-wrap .remove-source:active{transform:scale(.96);box-shadow:0 1px 4px #e5484d4d}.source-media-wrap .remove-source:focus-visible{outline:2px solid var(--text);outline-offset:2px}.source-media-wrap .remove-source .icon{width:12px;height:12px}.source-media-wrap .remove-source:after{content:attr(data-tooltip);z-index:8;border:1px solid var(--stroke);background:var(--surface-raised);color:var(--text);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:500;line-height:1.2;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:50%;left:auto;right:calc(100% + 8px);transform:translate(3px,-50%);box-shadow:0 3px 10px #0003}.source-media-wrap .remove-source:hover:after,.source-media-wrap .remove-source:focus-visible:after{opacity:1;visibility:visible;transform:translateY(-50%)}.source-label-options{grid-template-rows:34px 28px;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px;margin-top:10px;display:grid}.source-label-options .source-label-toggle{color:var(--muted);white-space:nowrap;cursor:pointer;grid-column:1;align-items:center;gap:7px;font-size:11px;display:flex}.source-label-options .remove-panel{width:58px;height:28px;color:var(--subtle);font:inherit;opacity:0;pointer-events:none;background:0 0;border:1px solid #0000;border-radius:7px;grid-area:2/2;justify-self:end;padding:0 8px;font-size:10px;font-weight:550;transition:opacity .14s,border-color .14s,background-color .14s,color .14s}.source-card:hover .remove-panel,.source-card:focus-within .remove-panel,.source-label-options .remove-panel:focus-visible{opacity:1;pointer-events:auto}.source-label-options .remove-panel:not(:disabled){background:var(--surface-raised);color:var(--muted);border-color:#0000}.source-label-options .remove-panel:not(:disabled):hover{color:#ff6259;background:#ff453a1a;border-color:#0000}.source-label-options .remove-panel:focus-visible{outline-offset:2px;outline:2px solid #ff453a}.source-label-options input[type=checkbox].media-label-toggle{appearance:none;border:1px solid var(--stroke);background:var(--surface-soft);cursor:pointer;border-radius:99px;flex:0 0 29px;width:29px;height:17px;margin:0;transition:background .16s,border-color .16s;position:relative}.source-label-options input[type=checkbox].media-label-toggle:before{background:var(--muted);content:"";border-radius:50%;width:11px;height:11px;transition:transform .16s,background .16s;position:absolute;top:2px;left:2px}.source-label-options input[type=checkbox].media-label-toggle:checked{border-color:var(--text);background:var(--text)}.source-label-options input[type=checkbox].media-label-toggle:checked:before{background:var(--panel-bg);transform:translate(12px)}.source-label-options input[type=checkbox].media-label-toggle:focus-visible{outline:2px solid var(--text);outline-offset:2px}.source-label-input{min-width:0}.media-label-input{box-sizing:border-box;border:1px solid var(--stroke-soft);background:var(--surface);width:100%;min-width:0;height:34px;color:var(--text);border-radius:8px;outline:0;grid-column:1;padding:0 10px;font-size:12px}.media-label-input:focus{border-color:var(--stroke)}.media-label-color-trigger{box-sizing:border-box;border:1px solid var(--stroke-soft);background:var(--surface);cursor:pointer;border-radius:9px;justify-self:end;place-items:center;width:34px;height:34px;padding:4px;display:grid}.media-label-color-trigger span{background:var(--label-color,#fff);border:1px solid #80808038;border-radius:5px;width:100%;height:100%}.media-label-color-trigger:hover{border-color:var(--stroke);background:var(--surface-raised)}.media-label-color-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.label-auto-color-option{border-top:1px solid var(--stroke-soft);min-height:30px;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 0;padding-top:10px;font-size:11px;display:flex}.label-auto-color-option input{appearance:none;border:1px solid var(--stroke);background:var(--surface-soft);cursor:pointer;border-radius:99px;flex:0 0 30px;width:30px;height:18px;margin:0;transition:background .16s,border-color .16s;position:relative}.label-auto-color-option input:before{background:var(--muted);content:"";border-radius:50%;width:12px;height:12px;transition:transform .16s,background .16s;position:absolute;top:2px;left:2px}.label-auto-color-option input:checked{border-color:var(--text);background:var(--text)}.label-auto-color-option input:checked:before{background:var(--panel-bg);transform:translate(12px)}.label-auto-color-option input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dropzone{text-align:left;border:1px dashed var(--stroke);cursor:pointer;background:0 0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:70px;padding:9px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover,.dropzone.drag-over{border-color:var(--accent);background:var(--surface-raised)}.drop-preview{background:var(--surface-raised);width:48px;height:48px;color:var(--muted);border-radius:6px;flex:0 0 48px;place-items:center;display:grid;position:relative;overflow:hidden}.drop-preview .source-thumb{object-fit:cover;width:100%;height:100%}.placeholder-icon{fill:currentColor;flex:0 0 18px;width:18px;height:18px}.drop-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.drop-copy strong{text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:11px;font-weight:500;overflow:hidden}.drop-copy small{color:var(--subtle);font-size:10px}.editor-area{flex-direction:column;min-width:0;min-height:0;padding:0;display:flex}.canvas-stage{background-color:var(--app-bg);cursor:grab;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='2' cy='2' r='.8' fill='%23252527'/%3E%3C/svg%3E");background-repeat:repeat;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;padding:0;display:flex;position:relative;overflow:hidden}.canvas-stage.is-panning{cursor:grabbing}.canvas-stage.frame-board-stage{overflow:hidden}.canvas-stage.frame-board-stage.camera-transitioning .frame-board{transition:transform .28s cubic-bezier(.22,.61,.36,1),--board-inverse-zoom .28s cubic-bezier(.22,.61,.36,1)}.annotation-toolbar{z-index:9;border:1px solid var(--stroke);background:color-mix(in srgb, var(--surface-raised) 94%, transparent);color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:scale(var(--annotation-toolbar-scale,1));transform-origin:0 0;border-radius:999px;align-items:center;gap:3px;padding:5px 7px;transition:transform .16s;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 5px 18px #00000047}.annotation-toolbar button{width:34px;min-width:34px;height:34px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:6px 8px;transition:background-color .14s,color .14s,transform .14s;display:grid;position:relative}.annotation-toolbar button:after{content:attr(data-tooltip);z-index:30;border:1px solid var(--stroke);background:var(--surface-raised);color:var(--text);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:500;line-height:1.2;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-3px);box-shadow:0 3px 10px #0003}.annotation-toolbar button:hover:after,.annotation-toolbar button:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)}.annotation-toolbar>button:first-child{border-radius:50% 8px 8px 50%}.annotation-toolbar>button:last-child{border-radius:8px 50% 50% 8px}.annotation-toolbar button:hover{background:var(--surface-soft);color:var(--text)}.annotation-toolbar button:active{transform:scale(.94)}.annotation-toolbar button.is-active{color:#fff;background:#1677ff}.annotation-toolbar button svg{width:18px;height:18px}.annotation-toolbar button>img{object-fit:contain;width:12px;height:12px}.annotation-toolbar button.annotation-counter-tool svg{width:19px;height:19px}.annotation-toolbar .annotation-counter-icon-number{fill:var(--surface-raised);font-family:Inter,sans-serif;font-size:10.5px;font-weight:700}.annotation-toolbar button.is-active .annotation-counter-icon-number{fill:#1677ff}.annotation-toolbar .annotation-text-glyph{letter-spacing:-.06em;font-family:Inter,sans-serif;font-size:16px;font-weight:600;line-height:1}.annotation-color-picker{width:34px;min-width:34px;height:34px;position:relative}.annotation-toolbar button.annotation-color-trigger{border-radius:8px 50% 50% 8px;width:34px;min-width:34px;height:34px;padding:0 4px 0 0}.annotation-color-picker.is-open .annotation-color-trigger:after{display:none}.annotation-color-swatch{border:2px solid #ffffffe0;border-radius:6px;width:18px;height:18px;box-shadow:0 0 0 1px #0000006b}.annotation-color-trigger:focus-visible{outline-offset:1px;outline:2px solid #1687ff}.annotation-color-popover{z-index:50;border:1px solid var(--stroke);background:var(--surface-raised);width:232px;color:var(--text);border-radius:12px;padding:12px;position:absolute;top:calc(100% + 9px);right:-7px;box-shadow:0 12px 32px #0000006b}.annotation-color-popover.label-color-popover{width:232px;position:fixed;top:auto;right:auto}.annotation-color-popover-heading{justify-content:space-between;align-items:center;margin-bottom:11px;font-size:11px;display:flex}.annotation-color-popover-heading strong{font-size:12px;font-weight:650}.annotation-color-popover-heading span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.annotation-color-palette{grid-template-columns:repeat(8,1fr);gap:5px;padding:2px 1px 11px;display:grid}.annotation-color-popover button.annotation-color-option{background:var(--swatch-color);border:1px solid #fff3;border-radius:6px;width:20px;height:20px;padding:0;min-width:20px!important}.annotation-toolbar button.annotation-color-option:after{display:none}.annotation-color-popover button.annotation-color-option:hover{box-shadow:0 0 0 2px var(--surface-raised), 0 0 0 3px #ffffff8c;transform:none}.annotation-color-popover button.annotation-color-option.is-selected{box-shadow:0 0 0 2px var(--surface-raised), 0 0 0 3px #1687ff}.annotation-color-hex-field{border-top:1px solid var(--stroke-soft);color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding-top:10px;font-size:11px;display:flex}.annotation-color-hex-field input{box-sizing:border-box;border:1px solid var(--stroke);background:var(--input-bg);width:112px;height:30px;color:var(--text);border-radius:7px;outline:0;padding:0 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.annotation-color-hex-field input:focus{border-color:#1687ff;box-shadow:0 0 0 2px #1687ff33}.label-color-popover.is-auto .annotation-color-palette,.label-color-popover.is-auto .annotation-color-hex-field{opacity:.45;pointer-events:none}.label-color-popover .annotation-color-option:disabled{cursor:default}.annotation-toolbar-divider{background:var(--stroke);width:1px;height:20px;margin:0 3px}.annotation-shape-tools{align-items:center;gap:2px;display:flex;position:relative}.annotation-shape-tools.has-stroke-popover>button:after{display:none}.annotation-toolbar button.annotation-stroke-trigger{justify-content:center;align-items:center;gap:4px;width:46px;min-width:46px;padding:0 5px;display:flex}.annotation-toolbar button.annotation-stroke-trigger>span{background:currentColor;border-radius:999px;width:16px;display:block}.annotation-toolbar button.annotation-stroke-trigger svg{width:12px;height:12px}.annotation-stroke-popover{z-index:50;box-sizing:border-box;border:1px solid var(--stroke);background:var(--surface-raised);border-radius:13px;flex-direction:column;gap:2px;width:60px;padding:5px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0000006b}.annotation-toolbar button.annotation-stroke-option{box-sizing:border-box;width:48px;min-width:48px;height:46px;min-height:46px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.annotation-toolbar button.annotation-stroke-option:after{display:none}.annotation-toolbar button.annotation-stroke-option>span{background:currentColor;border-radius:999px;width:24px;transition:background-color .12s;display:block}.annotation-toolbar button.annotation-stroke-option:hover{background:var(--surface);color:var(--text)}.annotation-toolbar button.annotation-stroke-option.is-selected{color:#fff;background:#1677ff}.annotation-toolbar button.annotation-stroke-option:focus-visible{outline-offset:1px;outline:2px solid #8cc4ff}.frame-annotation{z-index:8;box-sizing:border-box;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.frame-annotation:hover,.frame-annotation:focus-within{z-index:12}.frame-annotation.is-selected{outline:calc(2px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1)) solid #1687ff;outline-offset:calc(2px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1))}.frame-annotation:active{cursor:grabbing}.annotation-text{color:#fff;text-shadow:0 2px 5px #0009;font-weight:700;line-height:1.1;display:block}.annotation-text>span{white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;-webkit-user-select:text;user-select:text;outline:0;width:max-content;min-width:10px;max-width:100%;display:block}.annotation-text>span[contenteditable=true]:focus{outline-offset:3px;outline:1px dashed #fffc}.annotation-delete-button{z-index:14;width:calc(28px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1));color:#fff;cursor:pointer;opacity:0;visibility:hidden;pointer-events:none;background:#111111e0;border:1px solid #ffffff24;border-radius:50%;place-items:center;display:grid;position:absolute;top:0;right:0;box-shadow:0 3px 12px #00000057;min-width:calc(28px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1))!important;height:calc(28px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1))!important;padding:0!important;transition:none!important;animation:none!important;transform:translate(50%,-50%)!important}.annotation-text:hover .annotation-delete-button{opacity:1;visibility:visible;pointer-events:auto}.annotation-delete-button:hover{background:#303030f5}.annotation-delete-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.annotation-delete-button:active{background:#111111e0;transform:translate(50%,-50%)!important}.annotation-delete-button svg{width:50%;height:50%}.annotation-counter{background:var(--annotation-color);color:#fff;text-shadow:none;border:0;border-radius:50%;place-items:center;font-family:Inter,sans-serif;font-weight:700;line-height:1;display:grid}.annotation-counter:hover,.annotation-counter:focus-visible{box-shadow:0 0 0 calc(3px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1)) #1687ff;outline:none}.annotation-shape{border:var(--annotation-stroke) solid var(--annotation-color)}.annotation-shape.shape-filled{background:var(--annotation-color);border:0}.annotation-shape.shape-circle{background:0 0;border-radius:50%}.annotation-vector-shape{overflow:visible}.annotation-vector-shape>svg{width:100%;height:100%;display:block;overflow:visible}.annotation-vector-shape>svg line,.annotation-vector-shape>svg polyline{fill:none}.annotation-vector-shape>svg line,.annotation-vector-shape>svg polyline,.annotation-vector-shape>svg polygon{pointer-events:visiblePainted;cursor:grab}.annotation-spotlight{z-index:7;cursor:grab;background:0 0;border:0;box-shadow:0 0 0 100vmax #000000ad}.annotation-border{border:var(--annotation-stroke) solid var(--annotation-color);pointer-events:none}.annotation-pixelate{background:0 0;border:0;overflow:visible}.annotation-pixelate-canvas{width:100%;height:100%;image-rendering:pixelated;pointer-events:none;display:block}.annotation-resize-handle{z-index:3;width:calc(12px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1));pointer-events:auto;touch-action:none;cursor:nwse-resize;display:block;position:absolute;box-shadow:0 1px 4px #0006;min-width:calc(12px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1))!important;height:calc(12px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1))!important;border:calc(2px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1)) solid #fff!important;background:#1687ff!important;border-radius:50%!important;padding:0!important}.annotation-resize-handle:hover,.annotation-resize-handle:focus-visible{box-shadow:0 0 0 calc(2px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1)) #1687ff59, 0 1px 4px #0006;outline:0}.annotation-resize-handle.resize-nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.annotation-resize-handle.resize-ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.annotation-resize-handle.resize-sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.annotation-resize-handle.resize-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.frame-annotation.annotation-vector-shape.is-selected{outline:none}.annotation-endpoint-handle{z-index:4;width:calc(12px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1));pointer-events:auto;touch-action:none;cursor:move;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px #0006;min-width:calc(12px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1))!important;height:calc(12px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1))!important;border:calc(2px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1)) solid #fff!important;background:#1687ff!important;border-radius:50%!important;padding:0!important}.annotation-endpoint-handle:hover,.annotation-endpoint-handle:focus-visible{box-shadow:0 0 0 calc(2px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1)) #1687ff59, 0 1px 4px #0006;outline:0}.frame-annotation.is-draft{opacity:.78;pointer-events:none}.frame-annotation.annotation-text.is-draft{border-bottom:1px dashed #fffc}.frame-annotation.annotation-pixelate.is-draft{border:calc(2px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1)) solid #1687ff;box-shadow:0 0 0 calc(1px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1)) #ffffffd1;opacity:1;overflow:visible}.pixelate-guide-handle{z-index:1;width:calc(12px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1));height:calc(12px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1));border:calc(2px * var(--annotation-ui-scale,1) * var(--board-inverse-zoom,1)) solid #fff;pointer-events:none;background:#1687ff;border-radius:50%;display:block;position:absolute;box-shadow:0 1px 4px #00000059}.pixelate-guide-handle.is-nw{top:0;left:0;transform:translate(-50%,-50%)}.pixelate-guide-handle.is-ne{top:0;right:0;transform:translate(50%,-50%)}.pixelate-guide-handle.is-sw{bottom:0;left:0;transform:translate(-50%,50%)}.pixelate-guide-handle.is-se{bottom:0;right:0;transform:translate(50%,50%)}.frame-board{grid-template-columns:repeat(var(--board-columns,1), max-content);transform-origin:50%;will-change:transform;place-content:center;align-items:start;gap:72px 64px;width:max-content;height:max-content;display:grid}.frame-snap-guides{z-index:7;pointer-events:none;background-image:radial-gradient(circle at 2px 2px,#67cdff85 1px,#0000 1.6px);background-position:0 0;background-repeat:repeat;background-size:20px 20px;animation:.16s cubic-bezier(.2,.75,.25,1) both snap-grid-in;position:absolute;inset:0;overflow:hidden}.frame-snap-point{background:#299ce261;border:1px solid #67cdffb8;border-radius:50%;width:3px;height:3px;transition:left .1s cubic-bezier(.2,.75,.25,1),top .1s cubic-bezier(.2,.75,.25,1),width .14s cubic-bezier(.2,.75,.25,1),height .14s cubic-bezier(.2,.75,.25,1),background-color .14s,box-shadow .14s;animation:.2s cubic-bezier(.2,.75,.25,1) both snap-point-in;display:block;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 5px #41b8ff40}.frame-snap-point.is-active{z-index:1;background:#51c8ff;border-color:#fff;width:7px;height:7px;animation:.2s cubic-bezier(.2,.75,.25,1) both snap-point-in,1.15s ease-in-out .2s infinite snap-point-pulse;box-shadow:0 0 0 3px #41b8ff38,0 0 10px #41b8ffcc}.frame-snap-point.is-active:after{border-radius:inherit;content:"";border:1px solid #71d5ffd1;animation:1.15s cubic-bezier(.2,.75,.25,1) .2s infinite snap-point-ripple;position:absolute;inset:-5px}.frame-snap-point.is-active.is-warning{background:#f59e0b;animation:.2s cubic-bezier(.2,.75,.25,1) both snap-point-in,1.15s ease-in-out .2s infinite snap-warning-pulse;box-shadow:0 0 0 3px #f59e0b3d,0 0 10px #f59e0bcc}.frame-snap-point.is-active.is-warning:after{border-color:#ffc352e6;animation-name:snap-warning-ripple}.frame-snap-guide{opacity:.95;background:#51c8ff;border-radius:999px;display:block;position:absolute;box-shadow:0 0 0 1px #1980d226,0 0 9px #41b8ffa6}.frame-snap-guide.is-x{transform-origin:top;width:1.5px;animation:.16s cubic-bezier(.2,.75,.25,1) both snap-guide-vertical-in}.frame-snap-guide.is-y{transform-origin:0;height:1.5px;animation:.16s cubic-bezier(.2,.75,.25,1) both snap-guide-horizontal-in}@keyframes snap-grid-in{0%{opacity:0}to{opacity:1}}@keyframes snap-point-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.35)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes snap-guide-vertical-in{0%{opacity:0;transform:scaleY(.04)}to{opacity:.95;transform:scaleY(1)}}@keyframes snap-guide-horizontal-in{0%{opacity:0;transform:scaleX(.04)}to{opacity:.95;transform:scaleX(1)}}@keyframes snap-point-pulse{0%,to{box-shadow:0 0 0 2px #41b8ff2e,0 0 8px #41b8ffa6}50%{box-shadow:0 0 0 4px #41b8ff4d,0 0 12px #41b8ffe6}}@keyframes snap-point-ripple{0%{opacity:.75;transform:scale(.55)}to{opacity:0;transform:scale(1.5)}}@keyframes snap-warning-pulse{0%,to{box-shadow:0 0 0 2px #f59e0b33,0 0 8px #f59e0b9e}50%{box-shadow:0 0 0 4px #f59e0b57,0 0 12px #f59e0be6}}@keyframes snap-warning-ripple{0%{opacity:.82;transform:scale(.55)}to{opacity:0;transform:scale(1.5)}}@media (prefers-reduced-motion:reduce){.frame-snap-guides,.frame-snap-point,.frame-snap-point.is-active,.frame-snap-point.is-active:after,.frame-snap-guide{transition-duration:.01ms;animation:none}}.frame-board-item{cursor:pointer;touch-action:none;outline:none;width:max-content;max-width:100%}.frame-board-item.is-returning{transition:transform .18s cubic-bezier(.2,.75,.25,1)}.frame-board-preview{flex:none;position:relative}.frame-board-actions{width:100%;height:calc(28px * var(--board-inverse-zoom,1));margin-top:calc(12px * var(--board-inverse-zoom,1));position:relative}.frame-copy-clipboard-button{border:1px solid var(--stroke);background:var(--surface-raised);min-height:28px;color:var(--text);font:inherit;cursor:pointer;transform:scale(var(--board-inverse-zoom,1));transform-origin:100% 0;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:550;display:inline-flex;position:absolute;top:0;right:0}.frame-copy-clipboard-button:hover:not(:disabled){background:var(--surface);border-color:#0000}.frame-copy-clipboard-button:disabled{opacity:.55;cursor:wait}.frame-copy-clipboard-button svg{flex:none;width:14px;height:14px}.frame-copy-clipboard-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.frame-board-title{justify-content:flex-start;align-items:center;gap:calc(7px * var(--board-inverse-zoom,1));width:100%;margin-bottom:calc(10px * var(--board-inverse-zoom,1));color:var(--muted);font-size:calc(12px * var(--board-inverse-zoom,1));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;font-weight:550;display:flex}.frame-board-title>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.frame-board-title>small{margin-left:auto}.frame-board-title:active{cursor:grabbing}.frame-board-title:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.frame-board-title small{color:var(--subtle);font-size:calc(10px * var(--board-inverse-zoom,1));font-weight:400}.frame-canvas-rename{width:calc(18px * var(--board-inverse-zoom,1));height:calc(18px * var(--board-inverse-zoom,1));color:inherit;opacity:0;cursor:pointer;background:0 0;border:0;border-radius:3px;flex:none;place-items:center;padding:0;display:grid}.frame-canvas-rename svg{width:100%;height:100%}.frame-board-title:hover .frame-canvas-rename,.frame-canvas-rename:focus-visible{opacity:1}.frame-board-title input{border:1px solid var(--stroke);background:var(--panel-bg);width:min(50%,220px);min-width:0;color:var(--text);font:inherit;font-size:inherit;-webkit-user-select:text;user-select:text;border-radius:4px;padding:2px 5px}.frame-board-title.is-renaming{cursor:text}.frame-board-item.is-active .frame-board-title{color:var(--text)}.board-comparison{flex:none;max-width:none;max-height:none;transform:none;box-shadow:0 12px 34px #00000038}.frame-board-item:not(.is-active) .board-comparison,.frame-board-item.is-active .compare-pane:not(.has-media){cursor:grab}.frame-board-item:not(.is-active) .board-comparison:active,.frame-board-item.is-active .compare-pane:not(.has-media):active{cursor:grabbing}.frame-board-item.is-active .board-comparison{outline:1px solid var(--accent);outline-offset:4px}.frame-board-item:focus-visible .board-comparison{outline:2px solid var(--accent);outline-offset:5px}.comparison-canvas{width:min(100%,920px);max-height:100%;box-shadow:none;transition:aspect-ratio .22s var(--ease-standard), width .22s var(--ease-standard), height .22s var(--ease-standard), grid-template-columns .22s var(--ease-standard), grid-template-rows .22s var(--ease-standard);transform-origin:50%;will-change:transform;cursor:default;background:#000;border:0;border-radius:0;display:flex;position:relative;overflow:hidden}.comparison-canvas.annotation-tool-active,.comparison-canvas.annotation-tool-active *{cursor:var(--annotation-cursor)!important}.comparison-canvas:after{z-index:6;border-radius:var(--panel-radius,0px);content:"";pointer-events:none;border:1px solid #0000;position:absolute;inset:0}:root[data-theme=light] .comparison-canvas:after{border-color:var(--media-outline)}@media (prefers-color-scheme:light){:root[data-theme=system] .comparison-canvas:after{border-color:var(--media-outline)}}.comparison-canvas{gap:var(--pane-gap,0px)}.comparison-canvas.has-gap,.comparison-canvas.has-radius{background:var(--canvas-gap)}.canvas-resize-frame{z-index:12;pointer-events:none;display:none;position:absolute;inset:0}.comparison-canvas.freeform .canvas-resize-frame{display:block}.canvas-resize-handle{pointer-events:auto;touch-action:none;cursor:nwse-resize;background:#f4f4f4;border:1px solid #777;border-radius:3px;width:14px;height:14px;padding:0;display:block;position:absolute;box-shadow:0 1px 5px #0000008c}.canvas-resize-handle:hover,.canvas-resize-handle:focus-visible{border-color:#388bff;outline:0;box-shadow:0 0 0 3px #388bff47,0 1px 5px #0000008c}.canvas-resize-handle.resize-nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.canvas-resize-handle.resize-ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.canvas-resize-handle.resize-sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.canvas-resize-handle.resize-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.canvas-resize-handle.resize-n,.canvas-resize-handle.resize-s{cursor:ns-resize;border-radius:999px;width:20px;height:8px;left:50%;transform:translate(-50%)}.canvas-resize-handle.resize-n{top:0;transform:translate(-50%,-50%)}.canvas-resize-handle.resize-s{bottom:0;transform:translate(-50%,50%)}@media (hover:hover) and (pointer:fine){.comparison-canvas.freeform .canvas-resize-frame{visibility:hidden;opacity:0;transition:opacity .14s,visibility .14s}.comparison-canvas.freeform:hover .canvas-resize-frame,.comparison-canvas.freeform .canvas-resize-frame:focus-within{visibility:visible;opacity:1}.comparison-canvas.freeform .canvas-resize-handle{pointer-events:none}.comparison-canvas.freeform:hover .canvas-resize-handle,.comparison-canvas.freeform .canvas-resize-frame:focus-within .canvas-resize-handle{pointer-events:auto}}.canvas-view-controls{z-index:8;border:1px solid var(--stroke);background:color-mix(in srgb, var(--surface-raised) 94%, transparent);color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:default;border-radius:999px;align-items:center;gap:4px;padding:5px 7px;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 5px 18px #00000047}.canvas-view-controls button{width:28px;min-width:28px;height:28px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:14px;transition:background-color .14s,color .14s;display:grid}.canvas-view-controls button:hover{background:var(--surface-soft);color:var(--text)}.canvas-view-controls #canvasZoomReset{width:46px;min-width:46px;color:var(--text);font-variant-numeric:tabular-nums;border-radius:8px;font-size:12px}.canvas-view-controls .zoom-icon{width:14px;height:14px}.canvas-controls-divider{background:var(--stroke);width:1px;height:18px;margin:0 1px}.canvas-fit-icon{width:16px;height:16px}.comparison-canvas.ratio-wide{aspect-ratio:16/9}.comparison-canvas.ratio-portrait{aspect-ratio:9/16;width:auto;height:min(100%,650px)}.comparison-canvas.ratio-square{aspect-ratio:1;width:auto;height:min(100%,620px)}.comparison-canvas.layout-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--grid-rows,2), minmax(0, 1fr));display:grid}.comparison-canvas.layout-grid .compare-pane{flex:none;min-width:0;min-height:0}.canvas-stage.freeform-stage{justify-content:center;align-items:center;display:flex;overflow:auto}.comparison-canvas.freeform{aspect-ratio:auto;width:min(100%,920px);height:auto;max-height:none;margin:0 auto;transition:none;overflow:visible}.comparison-canvas.freeform.layout-transitioning:not([data-resizing=true]){transition:width .28s cubic-bezier(.22,.61,.36,1),height .28s cubic-bezier(.22,.61,.36,1),grid-template-columns .28s cubic-bezier(.22,.61,.36,1),grid-template-rows .28s cubic-bezier(.22,.61,.36,1)}.comparison-canvas.freeform[data-resizing=true]{transition:none}.comparison-canvas.freeform.layout-side-by-side{grid-template-columns:repeat(var(--panel-count,2), minmax(0, 1fr));grid-template-rows:minmax(0,1fr);display:grid}.comparison-canvas.freeform.layout-stacked{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--panel-count,2), minmax(0, 1fr));display:grid}.comparison-canvas.freeform.layout-grid{grid-template-rows:repeat(var(--grid-rows,2), minmax(0, 1fr))}.comparison-canvas.freeform .compare-pane{aspect-ratio:auto;flex:none;width:100%;height:100%;min-height:0}.comparison-canvas.freeform .canvas-resize-frame{grid-area:1/1/-1/-1;position:absolute}.compare-pane{border-radius:var(--panel-radius,0px);min-width:0;min-height:0;transition:filter var(--motion-normal) var(--ease-standard), opacity var(--motion-normal) var(--ease-standard);background:#000;flex:1 1 0;position:relative;overflow:hidden}.comparison-canvas.layout-settling .compare-pane{animation:layout-panel-settle .24s var(--ease-standard) both}@keyframes layout-panel-settle{0%{opacity:.82;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.preview-remove-media{z-index:10;top:calc(12px * var(--board-inverse-preview-scale,1));right:calc(12px * var(--board-inverse-preview-scale,1));-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;cursor:pointer;opacity:0;pointer-events:none;width:32px;height:32px;transform:scale(.94);scale:var(--board-inverse-preview-scale,1);transform-origin:100% 0;background-color:#111111d1;background-image:none;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .14s,transform .14s,background-color .14s;display:grid;position:absolute;box-shadow:0 3px 12px #00000057}.compare-pane:hover .preview-remove-media,.compare-pane:focus-within .preview-remove-media,.preview-remove-media:focus-visible{opacity:1;pointer-events:auto;transform:scale(1)}.preview-remove-media:hover{background-color:#303030eb}.preview-remove-media .icon{width:14px;height:14px}.preview-remove-media:focus-visible{outline-offset:2px;outline:2px solid #fff}.preview-remove-media:after{content:attr(data-tooltip);z-index:8;border:1px solid var(--stroke);background:var(--surface-raised);color:var(--text);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;border-radius:6px;padding:6px 8px;font-size:12px;font-weight:500;line-height:1.2;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:50%;right:calc(100% + 8px);transform:translate(3px,-50%);box-shadow:0 3px 10px #0003}.preview-remove-media:hover:after,.preview-remove-media:focus-visible:after{opacity:1;visibility:visible;transform:translateY(-50%)}.layout-stacked{flex-direction:column}.media-placeholder{justify-content:center;align-items:center;gap:calc(8px * var(--board-inverse-preview-scale,1) * var(--board-inverse-zoom,1));appearance:none;color:#b4b4b4;font-size:calc(11px * var(--board-inverse-preview-scale,1) * var(--board-inverse-zoom,1));text-align:center;cursor:pointer;background:#000;border:0;flex-direction:column;padding:0;line-height:1.25;display:flex;position:absolute;inset:0}.compare-pane.selected{box-shadow:none}.compare-pane.drag-target{outline:2px solid var(--text);outline-offset:-2px}.media-placeholder small{color:#8a8a8a;font-size:calc(10px * var(--board-inverse-preview-scale,1) * var(--board-inverse-zoom,1));line-height:1.25}.placeholder-large{width:calc(24px * var(--board-inverse-preview-scale,1) * var(--board-inverse-zoom,1));height:calc(24px * var(--board-inverse-preview-scale,1) * var(--board-inverse-zoom,1));margin-bottom:calc(4px * var(--board-inverse-preview-scale,1) * var(--board-inverse-zoom,1));fill:#8a8a8a}.compare-image,.compare-video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.compare-image.fit-fill,.compare-video.fit-fill{object-fit:cover}.compare-image,.compare-video{transform:scale(var(--media-zoom,1));transform-origin:50%}.pane-controls{z-index:10;right:calc(12px * var(--board-inverse-preview-scale,1));bottom:calc(12px * var(--board-inverse-preview-scale,1));border:1px solid var(--stroke);background:color-mix(in srgb, var(--surface-raised) 94%, transparent);color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);scale:var(--board-inverse-preview-scale,1);transform-origin:100% 100%;opacity:0;pointer-events:none;border-radius:999px;align-items:center;gap:5px;padding:5px 7px;transition:opacity .14s;display:flex;position:absolute;box-shadow:0 5px 18px #00000047}.compare-pane:hover .pane-controls,.compare-pane:focus-within .pane-controls{opacity:1;pointer-events:auto}.zoom-button,.zoom-level{height:28px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;transition:background-color .14s,color .14s;display:grid}.zoom-button{width:28px}.zoom-icon{fill:currentColor;width:14px;height:14px}.zoom-level{min-width:42px;color:var(--text);font-variant-numeric:tabular-nums;padding:0 4px;font-size:11px}.zoom-button:hover,.zoom-level:hover{background:var(--surface-soft);color:var(--text)}.preview-label{z-index:13;color:#fff;letter-spacing:-.2px;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 5px #000000b3;cursor:text;-webkit-user-select:text;user-select:text;background:0 0;border:0;border-radius:0;max-width:calc(100% - 36px);padding:0;font-size:16px;font-weight:700;position:absolute;top:18px;left:50%;overflow:hidden;transform:translate(-50%)}.preview-label:focus-visible{outline:2px solid var(--selection-border);outline-offset:3px;border-radius:3px}.preview-label-tooltip{z-index:8;color:#f5f5f5;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#2d2d2df5;border:1px solid #ffffff1f;border-radius:5px;padding:5px 8px;font-size:11px;font-weight:500;line-height:1.25;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:48px;left:50%;transform:translate(-50%,-3px);box-shadow:0 3px 10px #0000003d}.preview-label:hover+.preview-label-tooltip,.preview-label:focus-visible+.preview-label-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.preview-label.is-editing+.preview-label-tooltip{display:none}.comparison-canvas.labels-bottom .preview-label-tooltip{top:auto;bottom:48px;transform:translate(-50%,3px)}.comparison-canvas.labels-bottom .preview-label:hover+.preview-label-tooltip,.comparison-canvas.labels-bottom .preview-label:focus-visible+.preview-label-tooltip{transform:translate(-50%)}.comparison-canvas.labels-bottom .preview-label{top:auto;bottom:18px}.playback-bar{border:0;border-top:1px solid var(--playback-border);background:var(--playback-bg);width:100%;max-width:none;height:68px;box-shadow:none;border-radius:0;flex:0 0 68px;grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);align-items:center;column-gap:18px;margin:0;padding:0 22px;display:grid}.app-shell:not(.has-video) .playback-bar{display:none}.playback-time{white-space:nowrap;align-items:center;gap:8px;display:flex}.playback-time-divider{color:var(--subtle);font-size:12px}.play-time{color:var(--playtime-text);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:12px;font-weight:500}.playback-time #playTime{color:var(--text)}.transport-controls{justify-content:center;align-items:center;gap:22px;display:flex}.transport-button,.play-button{width:36px;height:36px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 36px;place-items:center;padding:0;transition:transform .15s,background .15s,color .15s;display:grid}.transport-button .icon{width:19px;height:19px}.transport-button:hover,.play-button:hover{background:var(--surface-raised);transform:scale(1.04)}.play-button{flex-basis:40px;width:40px;height:40px}.play-button .icon{width:20px;height:20px}.play-button .play-icon{transform:translate(1px)}.scrubber-wrap{width:min(100%,260px);min-width:100px;height:30px;transform:scaleX(var(--elastic-scale-x,1)) scaleY(var(--elastic-scale-y,1));transform-origin:var(--elastic-origin,center);transition:transform .26s var(--ease-standard);justify-self:end;align-items:center;display:flex;position:relative}.scrubber-wrap:hover:not(.is-elastic-dragging){--elastic-scale-y:1.02}.scrubber-wrap.is-elastic-dragging{transition:none}.seek-track{background:var(--seek-track);pointer-events:none;border-radius:999px;height:5px;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.seek-track span{background:var(--seek-fill);border-radius:999px;width:0;height:100%;transition:width 60ms linear;display:block}.scrubber-wrap input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:30px;margin:0;position:absolute;inset:0}.scrubber-wrap input[type=range]::-webkit-slider-runnable-track{background:0 0;height:5px}.scrubber-wrap input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--seek-fill);background:var(--seek-thumb);border-radius:50%;width:14px;height:14px;margin-top:-4px;box-shadow:0 1px 3px #00000059}.scrubber-wrap input[type=range]::-moz-range-track{background:0 0;height:5px}.scrubber-wrap input[type=range]::-moz-range-thumb{border:2px solid var(--seek-fill);background:var(--seek-thumb);border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #00000059}.scrubber-wrap input[type=range]:focus-visible{outline:0}.scrubber-wrap:has(input[type=range]:focus-visible) .seek-track{box-shadow:0 0 0 2px var(--text)}.status-message{z-index:20;border:1px solid var(--stroke);background:var(--surface);width:max-content;max-width:min(75%,420px);color:var(--text);text-align:center;opacity:0;pointer-events:none;border-radius:9px;padding:10px 14px;font-size:12px;line-height:1.45;transition:opacity .18s,transform .24s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:64px;left:50%;transform:translate(-50%,8px);box-shadow:0 5px 16px #0003}.status-message.is-visible{opacity:1;transform:translate(-50%)}.status-message.is-leaving{opacity:0;transform:translate(-50%,-5px)}.status-text{overflow-wrap:anywhere;min-width:0}.status-message.is-export-progress{text-align:left;justify-content:center;align-items:center;gap:11px;display:flex}.status-message.has-action{pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;display:flex}.status-action{color:var(--accent);text-underline-offset:2px;font-weight:600;text-decoration:underline}.status-action:hover{color:var(--text)}.matrix-dot-loader{flex:0 0 18px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);place-items:center;gap:1px;width:18px;height:18px;display:grid}.matrix-dot-loader i{background:var(--text);opacity:.24;width:3px;height:3px;animation:matrix-dot-random-blink var(--dot-duration,2.2s) ease-in-out var(--dot-delay,0s) infinite;border-radius:50%}@keyframes matrix-dot-random-blink{0%,to{opacity:.24;transform:scale(.9)}50%{opacity:.9;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){.status-message{transition:none}.matrix-dot-loader i{opacity:.72;animation:none}}.settings-heading{margin-bottom:27px}.setting-group{margin-bottom:23px}.gap-setting+.gap-setting{margin-top:0}.gap-setting .setting-label{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;display:flex}.gap-setting output{color:var(--subtle);font-variant-numeric:tabular-nums;background:0 0;border:0;flex:none;padding:0;font-size:11px}.gap-slider{height:30px;transform:scaleX(var(--elastic-scale-x,1)) scaleY(var(--elastic-scale-y,1));transform-origin:var(--elastic-origin,center);transition:transform .26s var(--ease-standard);align-items:center;margin:0 7px;display:flex;position:relative}.gap-slider:hover:not(.is-elastic-dragging){--elastic-scale-y:1.02}.gap-slider.is-elastic-dragging{transition:none}.gap-slider-track{background:var(--seek-track);pointer-events:none;border-radius:999px;height:5px;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.gap-slider-track span{background:var(--seek-fill);border-radius:999px;width:0;height:100%;transition:width 80ms linear;display:block}.gap-slider-ticks{display:none}.gap-slider input[type=range]{z-index:2;appearance:none;cursor:pointer;background:0 0;width:100%;height:30px;margin:0;position:absolute;inset:0}.gap-slider input[type=range]::-webkit-slider-runnable-track{background:0 0;height:5px}.gap-slider input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--seek-fill);background:var(--seek-thumb);border-radius:50%;width:14px;height:14px;margin-top:-4px;box-shadow:0 1px 3px #00000059}.gap-slider input[type=range]::-moz-range-track{background:0 0;height:5px}.gap-slider input[type=range]::-moz-range-thumb{border:2px solid var(--seek-fill);background:var(--seek-thumb);border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #00000059}.gap-slider input[type=range]:focus-visible{outline:0}.gap-slider:has(input[type=range]:focus-visible) .gap-slider-track{box-shadow:0 0 0 2px var(--text)}.gap-scale{color:var(--subtle);justify-content:space-between;margin:4px 7px 0;font-size:10px;display:flex}.setting-label{color:var(--muted);margin:0 0 9px;font-size:13px;font-weight:500;display:block}.layout-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.layout-option{border:1px solid var(--stroke);background:var(--card-bg);min-width:0;color:var(--muted);white-space:nowrap;cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:9px 2px 8px;font-size:10px;transition:background .15s,border-color .15s,color .15s;display:flex}.layout-option-icon-only{justify-content:center;min-height:57px;padding-block:8px}.layout-option:hover{background:var(--surface-raised);color:var(--text)}.layout-option:disabled{opacity:.42;cursor:not-allowed}.layout-option:disabled:hover{background:var(--card-bg);color:var(--muted)}.setting-hint{color:var(--subtle);margin-top:6px;font-size:11px;line-height:1.4;display:block}.layout-option.selected{background:var(--surface-soft);color:var(--text);border-color:#8a8a8a;box-shadow:inset 0 0 0 1px #ffffff0f}.layout-symbol{opacity:.9;fill:currentColor;width:24px;height:24px;display:block}.select-control{border:1px solid var(--stroke);appearance:none;background-color:var(--input-bg);width:100%;height:36px;color:var(--text);cursor:pointer;border-radius:7px;outline:none;padding:0 10px;font-size:12px}.select-control:not(button){padding-right:30px}.select-wrapper{position:relative}.select-chevron{width:14px;height:14px;color:var(--subtle);fill:currentColor;pointer-events:none;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.custom-dropdown{position:relative}.custom-dropdown-native{display:none}.custom-dropdown-trigger{text-align:left;justify-content:space-between;align-items:center;gap:10px;display:flex}.custom-dropdown-trigger>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.custom-dropdown-trigger .icon{width:14px;height:14px;color:var(--subtle);flex:0 0 14px;transition:transform .14s}.custom-dropdown-trigger[aria-expanded=true] .icon{transform:rotate(180deg)}.custom-dropdown-menu{z-index:30;border:1px solid var(--stroke);background:var(--surface);border-radius:9px;max-height:min(260px,100vh - 140px);padding:4px;position:absolute;top:calc(100% + 5px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #00000047}.custom-dropdown-menu.opens-up{top:auto;bottom:calc(100% + 5px)}.custom-dropdown-option{width:100%;min-height:34px;color:var(--text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;padding:7px 33px 7px 9px;font-size:11px;display:flex;position:relative}.custom-dropdown-option:hover,.custom-dropdown-option:focus-visible{background:var(--surface-raised);outline:none}.custom-dropdown-option[aria-selected=true]:after{content:"";background:currentColor;width:14px;height:14px;position:absolute;top:50%;right:10px;transform:translateY(-50%);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M16.704 5.29a1 1 0 010 1.42l-7.25 7.25a1 1 0 01-1.415 0l-3.75-3.75a1 1 0 011.415-1.42l3.043 3.044 6.543-6.544a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='black' fill-rule='evenodd' d='M16.704 5.29a1 1 0 010 1.42l-7.25 7.25a1 1 0 01-1.415 0l-3.75-3.75a1 1 0 011.415-1.42l3.043 3.044 6.543-6.544a1 1 0 011.414 0z' clip-rule='evenodd'/%3E%3C/svg%3E") 50%/contain no-repeat}.ratio-picker{position:relative}.freeform-size{gap:7px;margin-top:11px;display:grid}.freeform-size-heading{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.freeform-size-heading button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:2px 0;font-size:11px}.freeform-size-heading button:hover:not(:disabled){color:var(--selection-border);text-decoration:underline}.freeform-size-heading button:disabled{opacity:.45;cursor:not-allowed}.freeform-dimensions{color:var(--subtle);grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) auto;align-items:center;gap:6px;font-size:11px;display:grid}.freeform-dimensions input{border:1px solid var(--stroke);background:var(--input-bg);width:100%;min-width:0;height:34px;color:var(--text);font:inherit;font-variant-numeric:tabular-nums;border-radius:7px;outline:none;padding:0 8px;font-size:12px}.freeform-dimensions input:focus{border-color:var(--selection-border);box-shadow:0 0 0 2px color-mix(in srgb, var(--selection-border) 20%, transparent)}.freeform-size>small{color:var(--subtle);font-size:10px;line-height:1.4}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.ratio-trigger{text-align:left;justify-content:space-between;align-items:center;display:flex}.ratio-trigger .icon{width:14px;height:14px;color:var(--subtle)}.ratio-menu{z-index:10;border:1px solid var(--stroke);background:var(--surface);border-radius:10px;max-height:min(390px,100vh - 180px);padding:4px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #00000040}.ratio-menu.opens-up{top:auto;bottom:calc(100% + 6px)}.ratio-menu.opens-up:not(.hidden){transform-origin:bottom;animation-name:popover-enter-up}.ratio-menu button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:32px minmax(0,1fr) 14px;align-items:center;gap:9px;padding:9px 7px;display:grid}.ratio-menu button:hover{background:var(--surface-raised)}.ratio-menu button[aria-selected=true]{background:var(--surface-soft)}.ratio-menu button>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.ratio-menu strong{font-size:12px;font-weight:550}.ratio-menu small{color:var(--subtle);font-size:10.5px}.ratio-preview{border:1px solid var(--muted);border-radius:3px;justify-self:center;width:27px;height:18px}.ratio-preview-portrait{width:12px;height:20px}.ratio-preview-square{width:18px;height:18px}.ratio-preview-4-5{width:14px;height:18px}.ratio-preview-3-4{width:13px;height:18px}.ratio-preview-4-3{width:24px;height:18px}.ratio-preview-3-2{width:27px;height:18px}.ratio-preview-2-1{width:30px;height:15px}.ratio-preview-freeform{background:linear-gradient(90deg, transparent 47%, var(--muted) 48%, var(--muted) 52%, transparent 53%);border-style:dashed;width:25px;height:17px}.ratio-check{width:13px;height:13px;color:var(--text);fill:currentColor;opacity:0}.ratio-menu button[aria-selected=true] .ratio-check{opacity:1}.theme-menu{max-height:170px}.theme-menu button{grid-template-columns:minmax(0,1fr) 14px;padding:10px 9px;font-size:11px}.theme-menu button>span:first-child{grid-column:1}.theme-menu .ratio-check{grid-area:1/2;justify-self:center}.select-control:focus,.label-field:focus-within{border-color:#8a8a8a}.segmented-control{border:1px solid var(--stroke);background:var(--surface);border-radius:8px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segment{height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;font-size:12px}.segment.selected{background:var(--surface-soft);color:var(--text);box-shadow:0 1px 4px #0003}.setting-help{color:var(--subtle);margin-top:7px;font-size:11px;line-height:1.45;display:block}.label-settings{padding-top:3px}.label-field{border:1px solid var(--stroke);background:var(--card-bg);border-radius:7px;align-items:center;gap:8px;height:34px;margin-bottom:7px;padding:0 9px;display:flex}.label-color-control{cursor:pointer;flex:0 0 14px;place-items:center;width:14px;height:14px;display:grid;position:relative}.label-color-control input{z-index:1;opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.label-swatch{pointer-events:none;background:#fff;border:1px solid #7f7f7f80;border-radius:50%;width:8px;height:8px}.label-field input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:10.5px}.label-typography{border-top:1px solid var(--stroke-soft);color:var(--muted);margin-top:7px}.label-typography summary{cursor:pointer;justify-content:space-between;align-items:center;padding:11px 2px 8px;font-size:13px;list-style:none;display:flex}.label-typography summary::-webkit-details-marker{display:none}.label-typography[open] .disclosure-chevron{transform:rotate(180deg)}.typography-options{flex-direction:column;gap:10px;padding:5px 0 10px;display:flex}.typography-field{flex-direction:column;gap:6px;display:flex}.typography-field>label,.typography-field>.label-position-title,.typography-size-heading label{color:var(--muted);font-size:12px}.typography-field .select-control{height:34px;font-size:12px}.typography-size-heading{justify-content:space-between;align-items:center;display:flex}.typography-size-heading output{color:var(--muted);font-size:12px}.typography-field input[type=range]{width:100%;accent-color:var(--text);margin:1px 0 0}.typography-toggle{color:var(--muted);cursor:pointer;align-items:center;gap:7px;font-size:12px;display:flex}.typography-toggle input.switch-checkbox{appearance:none;border:1px solid var(--stroke);background:var(--surface-soft);cursor:pointer;border-radius:99px;flex:0 0 29px;width:29px;height:17px;margin:0;transition:background .16s,border-color .16s;position:relative}.typography-toggle input.switch-checkbox:before{background:var(--muted);content:"";border-radius:50%;width:11px;height:11px;transition:transform .16s,background .16s;position:absolute;top:2px;left:2px}.typography-toggle input.switch-checkbox:checked{border-color:var(--text);background:var(--text)}.typography-toggle input.switch-checkbox:checked:before{background:var(--panel-bg);transform:translate(12px)}.typography-toggle input.switch-checkbox:focus-visible{outline:2px solid var(--text);outline-offset:2px}.typography-options>small{color:var(--subtle);font-size:10.5px}.more-options{border-top:1px solid var(--stroke-soft);color:var(--muted);margin-top:4px}.more-options summary{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 2px 10px;font-size:13px;list-style:none;display:flex}.more-options summary::-webkit-details-marker{display:none}.disclosure-chevron{width:14px;height:14px;color:var(--subtle);transition:transform .15s}.more-options[open]>summary .disclosure-chevron,.label-typography[open]>summary .disclosure-chevron{transform:rotate(180deg)}.advanced-options{flex-direction:column;gap:15px;padding:8px 0 12px;display:flex}.advanced-options .label-typography{z-index:1;border:1px solid var(--stroke-soft);background:var(--card-bg);border-radius:9px;margin:0;position:relative}.advanced-options .label-typography[open]{z-index:2}.advanced-options .label-typography summary{color:var(--text);padding:11px 12px;font-size:11px;font-weight:550}.advanced-options .label-typography[open] summary{padding-bottom:10px}.advanced-options .typography-options{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 10px;padding:0 12px 12px;display:grid}.advanced-options .typography-field:first-child{grid-area:1/1/auto/-1}.advanced-options .typography-field:nth-child(2){grid-area:2/1}.advanced-options .typography-field:nth-child(3){grid-area:2/2}.advanced-options .label-position-field{grid-area:3/1/auto/-1}.advanced-options .label-position-control{margin:0}.advanced-options .typography-toggle{grid-area:4/1/auto/-1}.advanced-options .typography-options>small{grid-area:5/1/auto/-1}.advanced-options .typography-field .select-control{height:34px}.advanced-field{flex-direction:column;gap:8px;display:flex}.advanced-field .setting-label{margin:0}.duration-field{color:var(--muted);align-items:center;gap:9px;margin:0;font-size:10px;display:flex}.duration-control{border:1px solid var(--stroke);background:var(--card-bg);border-radius:9px;align-items:center;width:112px;height:34px;padding:3px;display:flex}.duration-control:focus-within{border-color:#858585}.duration-control button{width:26px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:0 0 26px;place-items:center;padding:0;display:grid}.duration-control button:hover{background:var(--surface-raised);color:var(--text)}.duration-control button .icon{width:13px;height:13px}.duration-control input{width:50px;height:26px;color:var(--text);text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:5px;outline:none;padding:0}.duration-control input::-webkit-inner-spin-button{appearance:none;margin:0}.duration-control input::-webkit-outer-spin-button{appearance:none;margin:0}.duration-control input[type=number]{appearance:textfield}.duration-control:focus-within input{background:0 0}.duration-mode{border:1px solid var(--stroke);background:var(--surface);border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;margin-bottom:8px;padding:3px;display:grid}.duration-mode button{height:27px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;font-size:10px}.duration-mode button.selected{background:var(--surface-soft);color:var(--text);box-shadow:0 1px 4px #0000002e}.duration-auto-summary{border:1px solid var(--stroke-soft);background:var(--card-bg);color:var(--text);font-variant-numeric:tabular-nums;border-radius:8px;padding:9px 10px;font-size:10px}.advanced-options .select-control{margin:0}.compare-pane.is-draggable{cursor:default;touch-action:none}.compare-pane.is-panning{cursor:grabbing}.hidden{display:none!important}.export-overlay{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000007a;place-items:center;display:grid;position:fixed;inset:0}.export-dialog{text-align:center;background:#1d1f26;border:1px solid #383b45;border-radius:16px;width:min(390px,100vw - 40px);padding:28px 30px 23px;box-shadow:0 24px 80px #0000008c}.new-project-dialog{border-color:var(--stroke);background:var(--surface);width:min(440px,100vw - 32px);max-width:calc(100vw - 32px);color:var(--text);text-align:left;margin:auto;padding:24px}.new-project-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000007a}.new-project-dialog h2{margin-bottom:9px;font-size:18px}.new-project-dialog p{margin-bottom:20px;line-height:1.5}.new-project-dialog .export-dialog-actions{justify-content:flex-end;gap:8px;padding-top:0;display:flex}.new-project-dialog .dialog-secondary,.new-project-dialog .dialog-button{white-space:nowrap;border-radius:8px;width:auto;min-width:0;height:36px;margin:0;padding:0 13px;font-size:12px}.new-project-dialog .dialog-secondary:disabled{opacity:.45;cursor:not-allowed}.new-project-dialog .dialog-button{background:var(--action-bg);min-width:92px;color:var(--action-text)}.recent-projects{margin:0 0 20px}.recent-projects h3{color:var(--muted);margin:0 0 8px;font-size:11px;font-weight:600}.recent-project-list{gap:5px;max-height:min(290px,42vh);padding-right:2px;display:grid;overflow:auto}.recent-project-item{border:1px solid var(--stroke);background:var(--surface-raised);width:100%;min-width:0;color:var(--text);text-align:left;cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;display:flex}.recent-project-item:hover,.recent-project-item:focus-visible{border-color:var(--text);background:var(--surface-soft);outline:none}.recent-project-copy{gap:4px;min-width:0;display:grid}.recent-project-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;overflow:hidden}.recent-project-copy small{color:var(--muted);font-size:10px}.recent-project-open-icon{width:16px;height:16px;color:var(--muted);flex:none}.recent-projects-empty{border:1px dashed var(--stroke);color:var(--muted);border-radius:9px;padding:14px 12px;font-size:11px}@media (width<=420px){.new-project-dialog .export-dialog-actions{grid-template-columns:1fr 1fr;display:grid}.new-project-dialog #confirmNewProject{grid-column:1/-1}}:where(button:not(.dropzone),input:not([type=range]),select){transition:background-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-emphasized), opacity var(--motion-fast) var(--ease-standard), filter var(--motion-fast) var(--ease-standard)}button,input:not([type=range]),select{transition-timing-function:var(--ease-standard)!important}button:not(:disabled):active:not(.dropzone):not(.zoom-level){transform:scale(.98)}.layout-option:hover,.label-color-swatch:hover{transform:translateY(-1px)scale(1.025)}.source-card.active{box-shadow:inset 0 0 0 1px #ffffff47}.app-shell.media-drop-active .workspace>*,.app-shell.media-drop-targeting .source-card,.app-shell.media-drop-targeting .compare-pane,.app-shell.media-drop-targeting .sources-panel,.app-shell.media-drop-targeting .settings-panel,.app-shell.media-drop-targeting .playback-bar{transition:filter var(--motion-normal) var(--ease-standard), opacity var(--motion-normal) var(--ease-standard)}.app-shell.media-drop-targeting .source-card.external-drop-target{transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard)}.app-shell.media-drop-targeting .compare-pane.external-drop-target{transition:outline-color var(--motion-fast) var(--ease-standard), filter var(--motion-normal) var(--ease-standard), opacity var(--motion-normal) var(--ease-standard)}.custom-dropdown-menu:not(.hidden),.ratio-menu:not(.hidden),.theme-menu:not(.hidden),.export-menu:not(.hidden),.label-color-popover:not(.hidden){animation:popover-enter .18s var(--ease-emphasized) both;transform-origin:top}.custom-dropdown-menu.opens-up:not(.hidden){transform-origin:bottom;animation-name:popover-enter-up}.export-overlay:not(.hidden){animation:overlay-enter .18s var(--ease-standard) both}.export-overlay:not(.hidden) .export-dialog{animation:dialog-enter .24s var(--ease-emphasized) both}@keyframes popover-enter{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popover-enter-up{0%{opacity:0;transform:translateY(5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes dialog-enter{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}button:not(:disabled):active:not(.dropzone):not(.zoom-level){transform:none}.scrubber-wrap:hover:not(.is-elastic-dragging),.gap-slider:hover:not(.is-elastic-dragging),.quality-slider-wrap:hover:not(.is-elastic-dragging){--elastic-scale-y:1}}.export-settings-dialog{border-color:var(--stroke);background:var(--surface);width:min(440px,100vw - 32px);color:var(--text);text-align:left;border-radius:16px;padding:24px;box-shadow:0 24px 80px #00000059}.export-settings-dialog h2{margin-bottom:9px;font-size:18px}.export-settings-dialog .export-intro{margin:0 0 18px;font-size:12px;line-height:1.5}.export-select-grid{border-bottom:1px solid var(--stroke-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:16px;padding-bottom:16px;display:grid}.export-setting-row,.export-select-field{min-width:0}.export-setting-row>label,.quality-heading label{color:var(--text);margin:0 0 9px;font-size:13px;font-weight:550;display:block}.export-settings-dialog .select-control{border-radius:8px;height:38px;font-size:12px}.export-select-field .select-wrapper,.export-select-field .select-control{width:100%;min-width:0}.export-settings-dialog .custom-dropdown-menu{z-index:40;border-radius:10px}.export-settings-dialog .custom-dropdown-option{border-radius:7px;min-height:36px;padding:8px 34px 8px 10px;font-size:12px}.quality-setting{padding-bottom:20px}.quality-heading{justify-content:space-between;align-items:center;display:flex}.quality-heading label{margin:0}.quality-heading output{color:var(--muted);font-size:13px}.quality-slider-wrap{height:30px;transform:scaleX(var(--elastic-scale-x,1)) scaleY(var(--elastic-scale-y,1));transform-origin:var(--elastic-origin,center);transition:transform .26s var(--ease-standard);margin-top:18px;position:relative}.quality-slider-wrap:hover:not(.is-elastic-dragging){--elastic-scale-y:1.02}.quality-slider-wrap.is-elastic-dragging{transition:none}.quality-slider-wrap:before{background:var(--seek-track);content:"";border-radius:999px;height:5px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.quality-progress{z-index:1;background:var(--seek-fill);pointer-events:none;border-radius:999px;width:75%;height:5px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.quality-setting input[type=range]{z-index:2;appearance:none;cursor:pointer;background:0 0;width:100%;height:30px;margin:0;display:block;position:absolute;inset:0}.quality-setting input[type=range]::-webkit-slider-runnable-track{background:0 0;height:5px}.quality-setting input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--seek-fill);background:var(--seek-thumb);border-radius:50%;width:14px;height:14px;margin-top:-4px;box-shadow:0 1px 3px #00000059}.quality-setting input[type=range]::-moz-range-track{background:0 0;height:5px}.quality-setting input[type=range]::-moz-range-thumb{border:2px solid var(--seek-fill);background:var(--seek-thumb);border-radius:50%;width:12px;height:12px;box-shadow:0 1px 3px #00000059}.quality-setting input[type=range]:focus-visible{outline:0}.quality-slider-wrap:has(input[type=range]:focus-visible):before{box-shadow:0 0 0 2px var(--text)}.quality-ticks{justify-content:space-between;margin:-1px 9px 0;display:flex}.quality-ticks span{background:var(--subtle);border-radius:50%;width:3px;height:3px}.quality-scale{color:var(--subtle);justify-content:space-between;margin-top:7px;font-size:10px;display:flex}@media (prefers-reduced-motion:reduce){.scrubber-wrap,.gap-slider,.quality-slider-wrap{transition:none}.scrubber-wrap:hover:not(.is-elastic-dragging),.gap-slider:hover:not(.is-elastic-dragging),.quality-slider-wrap:hover:not(.is-elastic-dragging){--elastic-scale-y:1}}.export-size-row{border-top:1px solid var(--stroke-soft);color:var(--muted);justify-content:space-between;align-items:center;margin:0 0 8px;padding:12px 0 18px;font-size:13px;display:flex}.export-size-row strong{color:var(--text);font-size:13px;font-weight:550}.export-image-mode .export-select-grid{border-bottom:0;margin-bottom:0;padding-bottom:16px}.export-filename-row{border-top:1px solid var(--stroke-soft);padding:12px 0 14px}.export-filename-row>label{color:var(--text);margin:0 0 8px;font-size:13px;font-weight:550;display:block}.export-filename-control{border:1px solid var(--stroke);background:var(--input-bg);min-width:0;height:38px;color:var(--text);border-radius:8px;align-items:center;gap:6px;padding:0 11px;display:flex}.export-filename-control:focus-within{border-color:#8a8a8a}.export-filename-control input{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0;padding:0;font-size:12px}.export-filename-control>span{color:var(--muted);flex:none;font-size:12px}.export-folder-row{border-top:1px solid var(--stroke-soft);justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:14px 0 18px;display:flex}.export-folder-copy{min-width:0;color:var(--muted);flex-direction:column;flex:auto;gap:4px;font-size:12px;display:flex}.export-folder-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;overflow:hidden}.export-folder-copy small{color:var(--subtle);font-size:10px}.export-settings-dialog .export-folder-button{flex:none;height:32px;padding:0 11px;font-size:11px}.export-dialog-actions{justify-content:flex-end;gap:9px;padding-top:4px;display:flex}.dialog-secondary{border:1px solid var(--stroke);background:var(--surface-raised);min-width:92px;height:38px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;padding:0 16px;font-size:12px}.dialog-secondary:hover{filter:brightness(1.08)}.export-settings-dialog .export-dialog-actions{gap:8px;padding-top:0}.export-settings-dialog .dialog-secondary,.export-settings-dialog .dialog-button{white-space:nowrap;border-radius:8px;width:auto;min-width:0;height:36px;margin:0;padding:0 13px;font-size:12px}.export-settings-dialog .dialog-button{background:var(--action-bg);min-width:92px;color:var(--action-text)}@media (width<=480px){.export-settings-dialog{max-height:calc(100vh - 24px);overflow-y:auto}.export-select-grid{grid-template-columns:minmax(0,1fr);gap:14px}}#exportProgressPanel{text-align:center}.export-progress-heading{display:contents}.dialog-spinner{border:2px solid #373a46;border-top-color:var(--accent);border-radius:50%;place-items:center;width:36px;height:36px;margin:0 auto 18px;animation:1s linear infinite spin;display:grid}@keyframes spin{to{transform:rotate(360deg)}}.export-dialog h2{margin:0 0 7px;font-size:20px;font-weight:600}.export-dialog p{color:var(--muted);margin:0 0 22px;font-size:14px}#exportSettingsPanel>h2{margin:0 0 9px;font-size:18px}#exportSettingsPanel>.export-intro{margin:0 0 18px;font-size:12px;line-height:1.5}.progress-track{background:#343742;border-radius:5px;height:5px;overflow:hidden}.progress-track span{border-radius:inherit;background:#b4b4b4;width:0;height:100%;transition:width .2s;display:block;position:relative}.progress-meta{color:#888c99;justify-content:space-between;margin-top:8px;font-size:13px;display:flex}.dialog-button{background:var(--accent-strong);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;height:38px;margin-top:21px;font-weight:600}.dialog-cancel{color:#8f93a0;cursor:pointer;background:0 0;border:0;margin-top:18px;font-size:13px}.dialog-cancel:hover{color:#fff}#exportProgressPanel{min-width:0}#exportProgressPanel .dialog-spinner{background:0 0;border:0;border-radius:0;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);gap:3px;width:46px;height:46px;margin-bottom:20px;padding:5px;animation:none;display:grid}.dialog-spinner i{background:var(--accent);opacity:.24;border-radius:1px;place-self:center;width:4px;height:4px;animation:1.15s ease-in-out infinite matrix-dot;display:block}.dialog-spinner i:nth-child(5n+1){animation-delay:0s}.dialog-spinner i:nth-child(5n+2){animation-delay:75ms}.dialog-spinner i:nth-child(5n+3){animation-delay:.15s}.dialog-spinner i:nth-child(5n+4){animation-delay:.225s}.dialog-spinner i:nth-child(5n){animation-delay:.3s}@keyframes matrix-dot{0%,to{opacity:.24;transform:scale(.78)}45%{opacity:1;transform:scale(1.18)}}#exportProgressPanel[data-state=working] #progressLabel{color:#0000;background:linear-gradient(100deg,#858997 25%,#e4e6eb 48%,#858997 72%) 0 0/220% 100%;-webkit-background-clip:text;background-clip:text;animation:2.2s ease-in-out infinite export-text-shimmer}#exportProgressPanel[data-progress=indeterminate] .progress-track span{background:#b4b4b4;animation:1.45s cubic-bezier(.4,0,.6,1) infinite export-progress-sweep;width:34%!important}@keyframes export-progress-sweep{0%{transform:translate(-110%)}to{transform:translate(400%)}}@keyframes export-text-shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}#exportProgressPanel[data-state=complete] .progress-track,#exportProgressPanel[data-state=complete] .progress-meta{display:none}#exportProgressPanel[data-state=complete]{text-align:left}#exportProgressPanel[data-state=complete] .export-progress-heading{align-items:center;gap:11px;margin-bottom:7px;display:flex}#exportProgressPanel[data-state=complete] h2{margin:0;font-size:18px;font-weight:600}#exportProgressPanel[data-state=complete] p{margin:0 0 15px;font-size:13px;line-height:1.5}.export-success-details{border:1px solid var(--stroke-soft);background:var(--card-bg);border-radius:9px;flex-direction:column;gap:4px;min-width:0;padding:11px 12px;display:flex}.export-success-details strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:550;overflow:hidden}.export-success-details span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.export-success-details button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-self:flex-start;margin-top:5px;padding:0;font-size:11px;font-weight:600}.export-success-details button:hover{color:var(--text);text-underline-offset:2px;text-decoration:underline}#exportProgressPanel[data-state=complete] #doneButton{width:auto;min-width:88px;height:36px;margin:16px 0 0 auto;padding:0 16px;display:block}@media (prefers-reduced-motion:reduce){.dialog-spinner i,#exportProgressPanel[data-state=working] #progressLabel,#exportProgressPanel[data-progress=indeterminate] .progress-track span{animation:none}#exportProgressPanel[data-progress=indeterminate] .progress-track span{transform:translate(90%);width:34%!important}}:root[data-theme=light] .topbar,:root[data-theme=light] .source-card,:root[data-theme=light] .label-field,:root[data-theme=light] .layout-option,:root[data-theme=light] .select-control,:root[data-theme=light] .duration-control,:root[data-theme=light] .export-dialog{background:var(--card-bg)}:root[data-theme=light] .brand-mark-icon{filter:brightness(0)}:root[data-theme=light] .icon-button,:root[data-theme=light] .drop-preview,:root[data-theme=light] .segment.selected,:root[data-theme=light] .playback-bar{background:var(--surface-raised)}:root[data-theme=light] .dropzone{border-color:var(--stroke);background:0 0}:root[data-theme=light] .dropzone:hover,:root[data-theme=light] .dropzone.drag-over{background:var(--surface-raised)}:root[data-theme=light] .media-placeholder,:root[data-theme=light] .compare-pane,:root[data-theme=light] .compare-image,:root[data-theme=light] .compare-video,:root[data-theme=light] .comparison-canvas{background:#000}:root[data-theme=light] .canvas-stage{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='2' cy='2' r='1' fill='%23dddddd'/%3E%3C/svg%3E")}:root[data-theme=light] .media-placeholder small,:root[data-theme=light] .placeholder-large{color:#8a8a8a}:root[data-theme=light] .media-placeholder{color:#b4b4b4}:root[data-theme=light] .preview-label{color:#fff;background:0 0;border:0}:root[data-theme=light] .preview-remove-media{color:#242424;background-color:#fffffff5;border:1px solid #0000001f;box-shadow:0 3px 12px #0003}:root[data-theme=light] .preview-remove-media:hover{background-color:#fff}:root[data-theme=light] .preview-remove-media:focus-visible{outline-color:var(--selection-border)}:root[data-theme=light] .source-media-wrap .remove-source:hover{color:#c3262d;box-shadow:none;background:#fff1f1;border-color:#d92d35;transform:scale(1)}:root[data-theme=light] .source-media-wrap .remove-source:active{box-shadow:none;background:#ffe3e4}:root[data-theme=light] .source-label,:root[data-theme=light] .drop-copy strong,:root[data-theme=light] .label-field input,:root[data-theme=light] .select-control,:root[data-theme=light] .setting-label{color:var(--text)}:root[data-theme=light] .source-card:focus-within,:root[data-theme=light] .source-card.active{border-color:var(--selection-border);box-shadow:inset 0 0 0 1px var(--selection-border)}:root[data-theme=light] .compare-pane.selected{box-shadow:none}:root[data-theme=light] .layout-option.selected{border-color:var(--selection-border);background:var(--selection-bg);color:var(--selection-text);box-shadow:none}:root[data-theme=light] .segmented-control{background:#eee}:root[data-theme=light] .segment.selected{color:var(--selection-text);background:var(--selection-bg)}:root[data-theme=light] .source-label-options input[type=checkbox].media-label-toggle:checked,:root[data-theme=light] .typography-toggle input.switch-checkbox:checked{border-color:var(--selection-border);background:var(--selection-border)}:root[data-theme=light] .select-control:focus,:root[data-theme=light] .label-field:focus-within{border-color:var(--selection-border)}:root[data-theme=light] .export-dialog{border-color:var(--stroke);box-shadow:0 24px 80px #0000002e}:root[data-theme=light] .dialog-button{background:var(--action-bg);color:var(--action-text)}:root[data-theme=light] .canvas-view-controls{color:#5d5d5d;background:#fffffff5;border-color:#0000001a;box-shadow:0 5px 18px #00000024}:root[data-theme=light] .canvas-view-controls button:hover{color:#0d0d0d;background:#0000000f}:root[data-theme=light] .canvas-view-controls #canvasZoomReset{color:#0d0d0d}:root[data-theme=light] .canvas-controls-divider{background:#00000024}:root[data-theme=light] .pane-controls{color:#5d5d5d;background:#fffffff5;border-color:#0000001a;box-shadow:0 5px 18px #00000024}:root[data-theme=light] .pane-controls .zoom-level{color:#0d0d0d}:root[data-theme=light] .pane-controls .zoom-button:hover,:root[data-theme=light] .pane-controls .zoom-level:hover{color:#0d0d0d;background:#0000000f}@media (prefers-color-scheme:light){:root[data-theme=system] .topbar,:root[data-theme=system] .source-card,:root[data-theme=system] .label-field,:root[data-theme=system] .layout-option,:root[data-theme=system] .select-control,:root[data-theme=system] .duration-control,:root[data-theme=system] .export-dialog{background:var(--card-bg)}:root[data-theme=system] .brand-mark-icon{filter:brightness(0)}:root[data-theme=system] .icon-button,:root[data-theme=system] .drop-preview,:root[data-theme=system] .segment.selected,:root[data-theme=system] .playback-bar{background:var(--surface-raised)}:root[data-theme=system] .dropzone{border-color:var(--stroke);background:0 0}:root[data-theme=system] .dropzone:hover,:root[data-theme=system] .dropzone.drag-over{background:var(--surface-raised)}:root[data-theme=system] .media-placeholder,:root[data-theme=system] .compare-pane,:root[data-theme=system] .compare-image,:root[data-theme=system] .compare-video,:root[data-theme=system] .comparison-canvas{background:#000}:root[data-theme=system] .canvas-stage{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ccircle cx='2' cy='2' r='1' fill='%23dddddd'/%3E%3C/svg%3E")}:root[data-theme=system] .media-placeholder{color:#b4b4b4}:root[data-theme=system] .preview-remove-media{color:#242424;background-color:#fffffff5;border:1px solid #0000001f;box-shadow:0 3px 12px #0003}:root[data-theme=system] .preview-remove-media:hover{background-color:#fff}:root[data-theme=system] .preview-remove-media:focus-visible{outline-color:var(--selection-border)}:root[data-theme=system] .source-media-wrap .remove-source:hover{color:#c3262d;box-shadow:none;background:#fff1f1;border-color:#d92d35;transform:scale(1)}:root[data-theme=system] .source-media-wrap .remove-source:active{box-shadow:none;background:#ffe3e4}:root[data-theme=system] .media-placeholder small,:root[data-theme=system] .placeholder-large{color:#8a8a8a}:root[data-theme=system] .preview-label{color:#fff;background:0 0;border:0}:root[data-theme=system] .source-label,:root[data-theme=system] .drop-copy strong,:root[data-theme=system] .label-field input,:root[data-theme=system] .select-control,:root[data-theme=system] .setting-label{color:var(--text)}:root[data-theme=system] .source-card:focus-within,:root[data-theme=system] .source-card.active{border-color:var(--selection-border);box-shadow:inset 0 0 0 1px var(--selection-border)}:root[data-theme=system] .compare-pane.selected{box-shadow:none}:root[data-theme=system] .layout-option.selected{border-color:var(--selection-border);background:var(--selection-bg);color:var(--selection-text);box-shadow:none}:root[data-theme=system] .segmented-control{background:#eee}:root[data-theme=system] .segment.selected{color:var(--selection-text);background:var(--selection-bg)}:root[data-theme=system] .source-label-options input[type=checkbox].media-label-toggle:checked,:root[data-theme=system] .typography-toggle input.switch-checkbox:checked{border-color:var(--selection-border);background:var(--selection-border)}:root[data-theme=system] .select-control:focus,:root[data-theme=system] .label-field:focus-within{border-color:#8a8a8a}:root[data-theme=system] .export-dialog{border-color:var(--stroke);box-shadow:0 24px 80px #0000002e}:root[data-theme=system] .dialog-button{background:var(--action-bg);color:var(--action-text)}:root[data-theme=system] .canvas-view-controls{color:#5d5d5d;background:#fffffff5;border-color:#0000001a;box-shadow:0 5px 18px #00000024}:root[data-theme=system] .canvas-view-controls button:hover{color:#0d0d0d;background:#0000000f}:root[data-theme=system] .canvas-view-controls #canvasZoomReset{color:#0d0d0d}:root[data-theme=system] .canvas-controls-divider{background:#00000024}:root[data-theme=system] .pane-controls{color:#5d5d5d;background:#fffffff5;border-color:#0000001a;box-shadow:0 5px 18px #00000024}:root[data-theme=system] .pane-controls .zoom-level{color:#0d0d0d}:root[data-theme=system] .pane-controls .zoom-button:hover,:root[data-theme=system] .pane-controls .zoom-level:hover{color:#0d0d0d;background:#0000000f}}@media (width<=1150px){.workspace{grid-template-columns:210px minmax(0,1fr) 220px}.sources-panel{--sources-right-inset:13px;padding-left:13px}.settings-scroll-area{padding-left:15px;padding-right:15px}}.projects-drawer-backdrop{z-index:99;opacity:0;pointer-events:none;background:#00000052;transition:opacity .34s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}.projects-drawer-backdrop.is-open{opacity:1;pointer-events:auto}.projects-sidebar{z-index:100;border:0;border-right:1px solid var(--stroke-soft);background:var(--panel-bg);visibility:hidden;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(320px,100vw - 40px);min-height:0;padding:26px 18px 20px;transition:transform .42s cubic-bezier(.22,1,.36,1),visibility 0s linear .42s;display:grid;position:fixed;inset:0 auto 0 0;overflow:hidden;transform:translate(-102%);box-shadow:18px 0 54px #0000002e}.projects-sidebar.is-open{visibility:visible;transition:transform .42s cubic-bezier(.22,1,.36,1),visibility;transform:translate(0,0)}.projects-sidebar .panel-hint{margin-bottom:14px}.projects-sidebar .recent-project-list{scrollbar-width:thin;scrollbar-color:var(--stroke) transparent;grid-auto-rows:max-content;align-content:start;min-height:0;max-height:none;padding:0 2px 8px 0;overflow-y:auto}.projects-sidebar .recent-project-item{padding:10px}.projects-sidebar-close{width:30px;height:30px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0;font-size:21px;line-height:1;transition:background .16s,color .16s,transform .2s}.projects-sidebar-close:hover{background:var(--surface-raised);color:var(--text);transform:rotate(90deg)}.projects-sidebar-actions{border-top:1px solid var(--stroke-soft);gap:8px;padding-top:12px;display:grid}.projects-sidebar-actions .dialog-secondary,.projects-sidebar-actions .dialog-button{border-radius:8px;width:100%;min-width:0;height:38px;margin:0;padding:0 10px;font-size:11px}.projects-sidebar-actions .dialog-button{background:var(--action-bg);color:var(--action-text)}.projects-sidebar-actions .dialog-secondary:disabled{opacity:.45;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.projects-drawer-backdrop,.projects-sidebar,.projects-sidebar-close{transition-duration:.01ms}}.projects-sidebar{border-right:0;border-left:1px solid var(--stroke-soft);width:min(390px,100vw - 40px);padding:28px 22px 22px;inset:0 0 0 auto;transform:translate(102%);box-shadow:-18px 0 54px #0000002e}.projects-sidebar.is-open{transform:translate(0,0)}.projects-drawer-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.projects-drawer-header h2{color:var(--text);letter-spacing:-.4px;margin:4px 0 0;font-size:21px;font-weight:650}.projects-drawer-eyebrow{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:650}.projects-drawer-description{color:var(--muted);margin:8px 0 26px;font-size:12px;line-height:1.5}.projects-recent-section{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.projects-recent-heading{color:var(--text);justify-content:space-between;align-items:center;margin:0 1px 10px;font-size:12px;font-weight:600;display:flex}.projects-count{background:var(--surface-raised);min-width:22px;color:var(--muted);text-align:center;border-radius:999px;padding:3px 6px;font-size:10px;font-weight:600}.projects-sidebar .recent-project-item{border-color:var(--stroke-soft);background:var(--surface);padding:12px;transition:border-color .18s,background .18s,transform .18s}.projects-sidebar .recent-project-copy strong{font-size:12px}.projects-sidebar .recent-project-copy small{margin-top:1px;font-size:10px}.projects-sidebar .recent-project-open-icon{width:18px;height:18px}.projects-sidebar .recent-projects-empty{padding:16px 14px;font-size:11px;line-height:1.5}.projects-sidebar-close{border:1px solid var(--stroke-soft);background:var(--surface);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:9px;place-items:center;display:grid}.projects-sidebar-close svg{width:16px;height:16px}.projects-sidebar-close:hover{border-color:var(--stroke);background:var(--surface-raised);color:var(--text)}.projects-sidebar-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.projects-sidebar-actions{gap:9px;padding-top:16px}.projects-sidebar-actions .dialog-secondary,.projects-sidebar-actions .dialog-button{height:40px;font-size:12px}.projects-sidebar-actions .dialog-button{font-weight:600}@media (prefers-reduced-motion:reduce){.projects-sidebar .recent-project-item{transition:none}}.projects-sidebar-close{transition:none;transform:none}.projects-sidebar-close:hover{transform:none}.projects-drawer-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.projects-drawer-header{align-items:flex-start;min-height:50px;padding-right:46px;position:relative}.projects-sidebar-close{position:absolute;top:0;right:0}.projects-sidebar .recent-project-title{align-items:center;gap:8px;min-width:0;display:flex}.projects-sidebar .recent-project-title strong{min-width:0}.projects-sidebar .recent-project-item.is-current{border-color:color-mix(in srgb, var(--accent) 40%, var(--stroke));background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.current-project-pill{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--text);border-radius:999px;flex:none;padding:3px 7px;font-size:9px;font-weight:600;line-height:1.2}.projects-sidebar{width:min(360px,100vw - 40px);padding:24px 20px 18px}.projects-drawer-header{min-height:36px;padding-right:42px}.projects-drawer-header h2{letter-spacing:-.2px;margin:0;font-size:18px;font-weight:600}.projects-sidebar-close{background:0 0;border:0;width:30px;height:30px;top:-4px;right:-2px}.projects-drawer-description{margin:4px 0 24px;font-size:11px}.projects-recent-heading{color:var(--muted);margin:0 0 5px;font-size:10px;font-weight:600}.projects-sidebar .recent-project-list{gap:0;padding:0}.projects-sidebar .recent-project-item{border:0;border-bottom:1px solid var(--stroke-soft);background:0 0;border-radius:0;gap:10px;min-height:62px;padding:10px 9px;position:relative;transform:none}.projects-sidebar .recent-project-item:hover,.projects-sidebar .recent-project-item:focus-visible{border-color:var(--stroke-soft);background:var(--surface-raised);transform:none}.projects-sidebar .recent-project-item.is-current{border-color:var(--stroke-soft);background:var(--surface-raised);box-shadow:inset 2px 0 var(--text)}.projects-sidebar .recent-project-copy{gap:4px}.projects-sidebar .recent-project-title{gap:8px}.projects-sidebar .recent-project-title strong{font-size:11px;font-weight:550}.projects-sidebar .recent-project-copy small{color:var(--muted);font-size:9px}.current-project-label{color:var(--muted);flex:none;font-size:9px;font-weight:500}.projects-sidebar .recent-project-open-icon{width:15px;height:15px;color:var(--muted)}.projects-sidebar-actions{padding-top:12px}.projects-sidebar-actions .dialog-button{height:38px}@media (prefers-reduced-motion:reduce){.projects-sidebar .recent-project-item{transition:none}}.projects-drawer-header{position:static}.projects-sidebar-close{border:0;border-radius:7px;width:30px;height:30px;padding:0;top:14px;right:14px}.projects-sidebar-close:hover{background:var(--surface-raised)}.projects-sidebar .recent-project-item{border:1px solid var(--stroke-soft);background:var(--card-bg);border-radius:12px;min-height:62px;margin-bottom:8px;padding:10px 12px}.projects-sidebar .recent-project-item:hover,.projects-sidebar .recent-project-item:focus-visible{border-color:var(--stroke);background:var(--surface-raised)}.projects-sidebar .recent-project-item.is-current{background:var(--card-bg);border-color:#777;box-shadow:inset 0 0 0 1px #ffffff38}:root[data-theme=light] .projects-sidebar .recent-project-item.is-current{border-color:var(--selection-border);box-shadow:inset 0 0 0 1px var(--selection-border)}.projects-drawer-description,.projects-recent-heading,.projects-sidebar .recent-project-title strong{font-size:13px}.projects-sidebar .recent-project-copy small,.current-project-label{font-size:11px}.projects-sidebar .recent-projects-empty{font-size:12px}.projects-sidebar-actions .dialog-button{font-size:13px}.projects-recent-heading{margin-bottom:14px}.projects-drawer-header{min-height:26px}.projects-drawer-description{margin-top:0}.projects-sidebar .recent-project-open-icon{opacity:0;transition:opacity .14s}.projects-sidebar .recent-project-item:hover .recent-project-open-icon,.projects-sidebar .recent-project-item:focus-visible .recent-project-open-icon{opacity:1}.recent-project-thumbnail{border:1px solid var(--stroke-soft);background:var(--surface-raised);border-radius:6px;flex:0 0 64px;width:64px;height:48px;display:grid;overflow:hidden}.recent-project-thumbnail .frame-thumbnail{border:0;border-radius:0;flex-basis:auto;width:100%;height:100%}.recent-project-thumbnail-placeholder{background:linear-gradient(135deg, color-mix(in srgb, var(--muted) 18%, transparent), transparent 78%)}.projects-sidebar .recent-project-copy{flex:1}@media (prefers-reduced-motion:reduce){.projects-sidebar .recent-project-open-icon{transition:none}}.topbar{padding-left:28px}:root.electron-app .topbar{padding-left:120px}.media-label-color-trigger{position:relative;overflow:hidden}.media-label-color-trigger input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.comparison-canvas.freeform,.comparison-canvas:not(.freeform){width:min(100%,920px)}.canvas-view-controls{cursor:default}@media (width<=1150px){.topbar{padding-left:18px}}