@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-accent: #0079fe;--color-accent-hover: #0068dc;--color-accent-active: #0056b8;--color-accent-subtle: rgba(0, 121, 254, .12);--color-accent-text: #ffffff;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #0ea5e9;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--kf-size: 10px}[data-theme=dark],:root:not([data-theme=light]){--bg-app: #121214;--bg-bento: #18181b;--bg-bento-subtle: #212124;--bg-bento-hover: #27272b;--bg-surface: #2d2d33;--bg-surface-active: #383840;--bg-surface-elevated: #33333a;--border-color: #27272b;--border-subtle: #212124;--border-active: #3e3e46;--border-focus: #0079fe;--text-primary: #f4f4f6;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-disabled: #52525b;--bg-viewport: #151518;--viewport-grid: #232328;--timeline-track-bg: #141416;--timeline-ruler-bg: #1b1b1f;--timeline-timecode-bg: #222226;--timeline-playhead: #0079fe;--timeline-playhead-line: #0079fe;--timeline-keyframe-marker: #0079fe;--timeline-keyframe-selected: #ffffff;--timeline-clip-bg: #242429;--timeline-clip-border: #333339}[data-theme=light]{--bg-app: #f0f0f3;--bg-bento: #ffffff;--bg-bento-subtle: #f6f6f9;--bg-bento-hover: #ebebee;--bg-surface: #eaeaf0;--bg-surface-active: #dedee6;--bg-surface-elevated: #ffffff;--border-color: #e2e2e8;--border-subtle: #ececf2;--border-active: #c8c8d2;--border-focus: #0079fe;--text-primary: #18181b;--text-secondary: #52525b;--text-muted: #8e8e99;--text-disabled: #a1a1aa;--bg-viewport: #e7e7eb;--viewport-grid: #d5d5dc;--timeline-track-bg: #f7f7fa;--timeline-ruler-bg: #ebebef;--timeline-timecode-bg: #e2e2e8;--timeline-playhead: #0079fe;--timeline-playhead-line: #0079fe;--timeline-keyframe-marker: #0079fe;--timeline-keyframe-selected: #18181b;--timeline-clip-bg: #dedee6;--timeline-clip-border: #c8c8d2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;box-shadow:none!important;outline:none!important;-webkit-tap-highlight-color:transparent}html,body{width:100vw;height:100vh;overflow:hidden;font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-primary);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.isax{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;stroke-width:1.5;stroke:currentColor;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.isax-sm{width:14px;height:14px}.isax-md{width:18px;height:18px}.isax-lg{width:22px;height:22px}.isax-xl{width:28px;height:28px}.isax-fill{fill:currentColor;stroke:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:hover{background-color:var(--bg-surface-active);color:var(--text-primary)}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.btn-primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.btn-primary:active{background-color:var(--color-accent-active)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--bg-surface);color:var(--text-primary)}.btn-ghost.active{background-color:var(--bg-surface-active);color:var(--color-accent)}.btn-icon{width:32px;height:32px;padding:0;border-radius:var(--radius-md)}.btn-icon-sm{width:26px;height:26px;padding:0;border-radius:var(--radius-sm);font-size:11px}.form-group{display:flex;flex-direction:column;gap:6px}.form-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.form-label{font-size:11.5px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:4px}.input-text,.input-search,.input-number{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 10px;font-family:inherit;font-size:12px;color:var(--text-primary);transition:border-color var(--transition-fast),background-color var(--transition-fast);width:100%}.input-text:focus,.input-search:focus,.input-number:focus{border-color:var(--border-focus);background-color:var(--bg-bento)}.search-wrap{position:relative;display:flex;align-items:center}.search-wrap .isax{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.search-wrap .input-search{padding-left:32px;border-radius:var(--radius-full)}.vector-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.vector-field{display:flex;align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.vector-tag{padding:4px 6px;font-size:10px;font-weight:700;background-color:var(--bg-bento-subtle);color:var(--text-muted);border-right:1px solid var(--border-color)}.vector-tag.tag-x{color:#ef4444}.vector-tag.tag-y{color:#22c55e}.vector-tag.tag-z{color:#3b82f6}.vector-field input{background:transparent;border:none;font-family:inherit;font-size:11.5px;font-weight:500;color:var(--text-primary);width:100%;padding:4px 6px;text-align:right}.slider-group{display:flex;align-items:center;gap:8px;width:100%}.slider-input{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:var(--radius-full);background-color:var(--border-active);outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:var(--radius-full);background-color:var(--color-accent);cursor:pointer;border:none;transition:transform var(--transition-fast)}.slider-input::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-value{font-size:11px;font-weight:600;color:var(--text-secondary);min-width:36px;text-align:right}.btn-keyframe-toggle{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-xs);transition:all var(--transition-fast)}.btn-keyframe-toggle:hover{color:var(--text-primary);background-color:var(--bg-surface)}.btn-keyframe-toggle.active{color:var(--color-accent)}.btn-keyframe-toggle svg{width:12px;height:12px}.select-input{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:6px 10px;font-family:inherit;font-size:12px;color:var(--text-primary);width:100%;cursor:pointer}.select-input:focus{border-color:var(--border-focus)}.color-picker-wrap{display:flex;align-items:center;gap:8px}.color-preview-box{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-color);cursor:pointer;position:relative;overflow:hidden;flex-shrink:0}.color-preview-box input[type=color]{position:absolute;opacity:0;width:200%;height:200%;top:-50%;left:-50%;cursor:pointer}.color-swatches-preset{display:flex;gap:6px;flex-wrap:wrap}.color-swatch-dot{width:20px;height:20px;border-radius:var(--radius-full);border:1px solid var(--border-color);cursor:pointer;transition:transform var(--transition-fast)}.color-swatch-dot:hover{transform:scale(1.2)}.color-swatch-dot.active{border:2px solid var(--color-accent)}.screen-dropzone{border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:16px 12px;background-color:var(--bg-bento-subtle);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;cursor:pointer;transition:all var(--transition-fast);position:relative}.screen-dropzone:hover,.screen-dropzone.drag-over{border-color:var(--color-accent);background-color:var(--color-accent-subtle)}.screen-dropzone-icon{width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--bg-surface);display:flex;align-items:center;justify-content:center;color:var(--color-accent)}.screen-dropzone-title{font-size:12px;font-weight:600;color:var(--text-primary)}.screen-dropzone-desc{font-size:10.5px;color:var(--text-muted)}.screen-media-preview-container{display:none;flex-direction:column;gap:8px;width:100%}.screen-media-preview-box{width:100%;height:100px;border-radius:var(--radius-sm);background-color:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.screen-media-preview-box img,.screen-media-preview-box video{max-width:100%;max-height:100%;object-fit:contain}.material-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:10.5px;font-weight:600;background-color:var(--color-accent-subtle);color:var(--color-accent)}.segmented-control{display:flex;background-color:var(--bg-surface);border-radius:var(--radius-md);padding:3px;gap:2px}.segmented-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 8px;border-radius:var(--radius-sm);font-size:11.5px;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.segmented-btn:hover{color:var(--text-primary)}.segmented-btn.active{background-color:var(--bg-bento);color:var(--text-primary)}.editor-section{background-color:var(--bg-bento-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:12px}.editor-section-header{display:flex;align-items:center;justify-content:space-between}.editor-section-title{font-size:12px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:8px;z-index:9999;pointer-events:none}.toast{background-color:var(--bg-bento);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:10px 16px;display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:500;color:var(--text-primary);pointer-events:auto;animation:toastIn .2s ease}.toast.toast-accent{border-left:3px solid var(--color-accent)}.toast.toast-success{border-left:3px solid var(--color-success)}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.render-settings-dropdown{position:fixed;top:58px;right:14px;z-index:1000;width:320px;max-width:calc(100vw - 24px);max-height:calc(100vh - 100px);overflow-y:auto;background-color:var(--bg-bento);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;gap:12px}.render-settings-dropdown[hidden]{display:none}.rsd-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.rsd-header strong{display:block;font-size:13px;color:var(--text-primary)}.rsd-header span{font-size:11px;color:var(--text-muted)}.rsd-presets{display:flex;align-items:center;justify-content:space-between;gap:8px}.rsd-presets .rsd-label{font-size:11px;font-weight:600;color:var(--text-secondary)}.pt-segmented{display:flex;align-items:center;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);overflow:hidden}.pt-segmented button{appearance:none;border:none;background:transparent;color:var(--text-secondary);font-family:inherit;font-size:11px;font-weight:600;padding:5px 9px;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.pt-segmented button+button{border-left:1px solid var(--border-color)}.pt-segmented button:hover{color:var(--text-primary);background-color:var(--bg-bento-hover)}.pt-segmented button.active{background-color:var(--color-accent);color:var(--color-accent-text)}.rsd-section{display:flex;flex-direction:column;gap:10px;padding-top:10px;border-top:1px solid var(--border-color)}.rsd-section h3{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.rsd-row{display:flex;flex-direction:column;gap:4px}.rsd-row>span{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-secondary)}.rsd-row output{font-weight:600;color:var(--text-primary)}.rsd-row input[type=range]{width:100%;height:14px;accent-color:var(--color-accent);cursor:pointer}.rsd-select{width:130px;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:11px;padding:4px 6px;cursor:pointer}.rsd-select:focus{border-color:var(--border-focus)}#app{display:grid;grid-template-rows:52px 1fr 195px;grid-template-columns:290px 1fr 340px;gap:12px;width:100vw;height:100vh;padding:12px;background-color:var(--bg-app);overflow:hidden;-webkit-user-select:none;user-select:none}.app-cards-container{display:contents}.mobile-card-nav{display:none}.cards-deck-wrapper{display:contents}.top-bar{grid-row:1;grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;background-color:var(--bg-bento);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);flex-shrink:0;z-index:100}.top-bar-left{display:flex;align-items:center;gap:16px}.brand-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:15px;color:var(--text-primary);letter-spacing:-.3px;cursor:pointer}.brand-icon{width:32px;height:32px;background-color:var(--color-accent);color:#fff;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px}.project-meta{display:flex;align-items:center;gap:8px;padding-left:12px;border-left:1px solid var(--border-color)}.project-title-input{background:transparent;border:none;font-size:13px;font-weight:600;color:var(--text-primary);font-family:inherit;width:180px;padding:4px 6px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.project-title-input:hover,.project-title-input:focus{background-color:var(--bg-surface)}.save-badge{font-size:11px;font-weight:500;color:var(--color-success);display:flex;align-items:center;gap:4px}.save-dot{width:6px;height:6px;background-color:var(--color-success);border-radius:var(--radius-full)}.top-bar-center{display:flex;align-items:center;gap:8px}.top-bar-right{display:flex;align-items:center;gap:10px}.bento-card{background-color:var(--bg-bento);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);display:flex;flex-direction:column;overflow:hidden;position:relative;min-width:0;min-height:0}.panel-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background-color:var(--bg-bento-subtle);border-bottom:1px solid var(--border-color);flex-shrink:0}.panel-title{font-size:13px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px;letter-spacing:-.2px}.panel-actions{display:flex;align-items:center;gap:6px}.panel-content{flex:1;overflow-y:auto;min-height:0;padding:14px;display:flex;flex-direction:column;gap:16px}.viewport-panel{grid-row:2;grid-column:2;position:relative;background-color:var(--bg-viewport);overflow:hidden}#viewport-canvas-container{width:100%;height:100%;position:absolute;top:0;left:0}#viewport-canvas-container canvas{width:100%!important;height:100%!important;display:block}.viewport-top-controls{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:8px;z-index:10}.viewport-top-right-controls{position:absolute;top:14px;right:14px;display:flex;align-items:center;gap:8px;z-index:10}.floating-pill{background-color:var(--bg-bento);border:1px solid var(--border-color);border-radius:var(--radius-full);padding:4px 8px;display:flex;align-items:center;gap:4px}.viewport-drop-overlay{position:absolute;inset:12px;border-radius:var(--radius-md);border:2px dashed var(--color-accent);background-color:#0079fe14;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:50;pointer-events:none}.viewport-drop-overlay.active{display:flex}.drop-overlay-content{background-color:var(--bg-bento);padding:16px 24px;border-radius:var(--radius-lg);border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.drop-overlay-content h4{font-size:14px;font-weight:600;color:var(--text-primary)}.drop-overlay-content p{font-size:12px;color:var(--text-secondary)}.viewport-loading-overlay{position:absolute;inset:0;background-color:#151518bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:60;transition:opacity .3s ease}.viewport-loading-overlay.active{display:flex}.viewport-loading-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewport-loading-text{font-size:13px;font-weight:500;color:var(--text-primary)}.viewport-loading-bar-wrap{width:180px;height:4px;background-color:#ffffff1a;border-radius:2px;overflow:hidden}.viewport-loading-bar{height:100%;width:0%;background-color:var(--color-accent);transition:width .15s ease}#card-gallery{grid-row:2;grid-column:1}.gallery-panel{display:flex;flex-direction:column}.gallery-search{padding:12px 14px 6px;display:flex;flex-direction:column;gap:10px}.category-chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.category-chip{padding:5px 10px;font-size:11.5px;font-weight:500;border-radius:var(--radius-full);background-color:var(--bg-surface);color:var(--text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);border:none}.category-chip:hover{color:var(--text-primary);background-color:var(--bg-surface-active)}.category-chip.active{background-color:var(--color-accent);color:#fff;font-weight:600}.mockup-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 14px 14px;overflow-y:auto}.mockup-item-card{background-color:var(--bg-bento-subtle);border-radius:var(--radius-md);padding:10px;cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid transparent;position:relative}.mockup-item-card:hover{background-color:var(--bg-bento-hover);border-color:var(--border-color)}.mockup-item-card.selected{background-color:var(--bg-bento-subtle);border-color:var(--color-accent)}.mockup-thumb-wrap{width:100%;height:80px;background-color:var(--bg-surface);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);overflow:hidden}.mockup-thumb-wrap svg{width:44px;height:44px}.mockup-info{width:100%;text-align:left}.mockup-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-meta{font-size:10.5px;color:var(--text-muted);display:flex;align-items:center;gap:4px;margin-top:2px}#card-editor{grid-row:2;grid-column:3}.editor-panel{display:flex;flex-direction:column}.editor-tabs-nav{display:flex;background-color:var(--bg-bento-subtle);border-bottom:1px solid var(--border-color);padding:4px 8px;gap:4px}.editor-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:34px;border-radius:var(--radius-md);font-size:12px;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.editor-tab-btn:hover{color:var(--text-primary);background-color:var(--bg-surface)}.editor-tab-btn.active{background-color:var(--bg-surface-active);color:var(--color-accent)}.tab-pane{display:none;flex-direction:column;gap:16px}.tab-pane.active{display:flex}#card-timeline{grid-row:3;grid-column:1 / -1}.timeline-container{height:195px;flex-shrink:0;display:flex;flex-direction:column;overflow:hidden;background-color:var(--bg-bento);border-radius:var(--radius-lg);border:1px solid var(--border-subtle)}.timeline-top-bar{display:flex;align-items:center;justify-content:space-between;height:44px;padding:0 16px;background-color:var(--bg-bento-subtle);border-bottom:1px solid var(--border-color);flex-shrink:0}.timeline-playback-controls{display:flex;align-items:center;gap:6px}.timeline-timecode-box{display:flex;align-items:center;gap:6px;background-color:var(--timeline-timecode-bg);padding:4px 10px;border-radius:var(--radius-sm);font-family:DM Mono,monospace,sans-serif;font-size:12px;font-weight:600;color:var(--text-primary);letter-spacing:.5px}.timeline-timecode-box span.separator,.timeline-timecode-box span.total-time{color:var(--text-muted)}.timeline-body-wrap{display:flex;flex:1;overflow:hidden;position:relative;min-height:0}.timeline-track-headers{width:180px;flex-shrink:0;background-color:var(--bg-bento-subtle);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.timeline-ruler-header-spacer{height:28px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 12px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.track-header-item{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--border-subtle);font-size:11.5px;font-weight:500;color:var(--text-secondary)}.track-header-item.video-track-header{background-color:var(--bg-surface);font-weight:600;color:var(--text-primary)}.timeline-scroll-area{flex:1;overflow-x:auto;overflow-y:hidden;position:relative;background-color:var(--timeline-track-bg);min-height:0}@media(max-width:1180px)and (min-width:901px){#app{grid-template-columns:240px 1fr 300px;gap:8px;padding:8px}}@media(max-width:900px){#app{display:flex;flex-direction:column;width:100vw;height:100dvh;padding:8px;gap:8px;overflow:hidden}.top-bar{height:44px;padding:0 10px;border-radius:var(--radius-md);flex-shrink:0}.brand-logo{font-size:13px;gap:8px}.brand-icon{width:26px;height:26px;font-size:12px}.project-meta{display:none}.top-bar-center{gap:4px}#btn-top-bar-export{padding:5px 8px;font-size:11px}#btn-top-bar-export span:last-child{display:none}#viewport-panel{flex:1 1 52%;min-height:200px;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background-color:var(--bg-viewport);position:relative;overflow:hidden}.viewport-top-controls{top:8px;left:8px;gap:6px}.viewport-top-right-controls{top:8px;right:8px}.app-cards-container{display:flex;flex-direction:column;flex:1 1 48%;min-height:200px;background-color:var(--bg-bento);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:hidden;position:relative}.mobile-card-nav{display:flex;align-items:center;justify-content:space-between;height:38px;background-color:var(--bg-bento-subtle);border-bottom:1px solid var(--border-color);padding:3px 6px;gap:4px;flex-shrink:0;z-index:10}.mobile-card-nav-btn{flex:1;height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.mobile-card-nav-btn:hover{color:var(--text-primary);background-color:var(--bg-surface)}.mobile-card-nav-btn.active{background-color:var(--color-accent);color:#fff}.cards-deck-wrapper{display:flex;flex:1;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;position:relative;min-height:0}.cards-deck-wrapper::-webkit-scrollbar{display:none}.card-item{flex:0 0 100%;width:100%;height:100%;min-height:0;scroll-snap-align:start;scroll-snap-stop:always;border:none!important;border-radius:0!important;background:transparent!important;display:flex;flex-direction:column;overflow-y:auto}.timeline-container{height:100%!important}.timeline-top-bar{height:38px;padding:0 8px}.timeline-playback-controls{gap:4px}.timeline-timecode-box{padding:3px 6px;font-size:11px}.timeline-track-headers{width:115px}.timeline-ruler-header-spacer{padding:0 8px;font-size:10px}.track-header-item{padding:0 8px;font-size:10.5px}.track-header-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:0 10px 10px}.mockup-thumb-wrap{height:65px}.mockup-thumb-wrap svg{width:36px;height:36px}.mockup-name{font-size:11.5px}.editor-tabs-nav{padding:3px 6px;gap:3px}.editor-tab-btn{height:30px;font-size:11px;gap:4px}.panel-content{padding:10px;gap:12px}}.timeline-view{display:flex;flex-direction:column;height:100%;width:100%;position:relative;background-color:var(--timeline-track-bg)}.timeline-ruler-track{height:28px;background-color:var(--timeline-ruler-bg);border-bottom:1px solid var(--border-color);position:relative;width:2000px;cursor:pointer;-webkit-user-select:none;user-select:none}.ruler-ticks-canvas{width:100%;height:100%;display:block}.timeline-playhead-cursor{position:absolute;top:0;left:120px;width:1px;height:100%;background-color:var(--timeline-playhead-line);z-index:50;pointer-events:none}.playhead-head{position:absolute;top:0;left:-6px;width:13px;height:16px;background-color:var(--timeline-playhead);clip-path:polygon(0% 0%,100% 0%,100% 65%,50% 100%,0% 65%);cursor:ew-resize;pointer-events:auto}.timeline-tier-video{height:38px;background-color:var(--bg-bento-subtle);border-bottom:1px solid var(--border-color);position:relative;width:2000px;display:flex;align-items:center}.video-media-clip{position:absolute;left:0;width:600px;height:28px;background-color:var(--timeline-clip-bg);border:1px solid var(--timeline-clip-border);border-radius:var(--radius-sm);display:flex;align-items:center;padding:0 10px;gap:8px;overflow:hidden;cursor:grab}.video-clip-strip-visual{display:flex;align-items:center;gap:4px;opacity:.6;flex:1;overflow:hidden;height:100%}.video-strip-thumb{width:40px;height:20px;background-color:var(--bg-surface);border-radius:2px;flex-shrink:0}.video-clip-title{font-size:11px;font-weight:600;color:var(--text-primary);white-space:nowrap;z-index:2}.timeline-tier-keyframes{display:flex;flex-direction:column;width:2000px;flex:1}.keyframe-track-lane{height:32px;border-bottom:1px solid var(--border-subtle);position:relative;display:flex;align-items:center}.keyframe-track-lane:nth-child(2n){background-color:#ffffff04}.keyframe-diamond{position:absolute;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:var(--kf-size);height:var(--kf-size);background-color:var(--timeline-keyframe-marker);border-radius:2px;cursor:pointer;transition:transform var(--transition-fast),background-color var(--transition-fast);z-index:20}.keyframe-diamond:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.3);background-color:#fff}.keyframe-diamond.selected{background-color:var(--timeline-keyframe-selected);transform:translate(-50%,-50%) rotate(45deg) scale(1.25);box-shadow:0 0 0 2px var(--color-accent)!important}.keyframe-connector-line{position:absolute;top:50%;height:2px;background-color:var(--color-accent);opacity:.3;transform:translateY(-50%);pointer-events:none}.export-overlay{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:#09090bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.export-overlay.active{display:flex}.export-modal{width:min(440px,calc(100vw - 32px));padding:20px;border-radius:var(--radius-lg, 16px);box-shadow:0 24px 64px #00000073}.export-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.export-modal-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--text-primary, #fafafa)}.export-modal-title .isax{color:var(--color-accent)}.export-progress-bar-wrap{margin-top:14px;height:8px;border-radius:999px;background:var(--bg-tertiary, #27272a);overflow:hidden}.export-progress-bar{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--color-accent),#7c9cff);transition:width .18s ease-out}.export-phase-desc{margin-top:10px;font-size:12px;color:var(--text-muted, #a1a1aa);min-height:16px}.export-stats-row{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.export-stat{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:10px;background:var(--bg-secondary, #18181b)}.export-stat-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted, #a1a1aa)}.export-stat-value{font-family:DM Mono,monospace;font-size:13px;font-weight:500;color:var(--text-primary, #fafafa)}[data-theme=light] .export-overlay{background:#18181b73}