:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,SF Pro Display,Helvetica Neue,sans-serif;color:#202226;background:#fff;font-synthesis:none;--bg: #ffffff;--panel: #ffffff;--panel-deep: #fafaf8;--line: #e7e7e3;--muted: #74777d;--faint: #a4a7aa;--accent: #d3f36a;--accent-ink: #171a14;--warm: #ffffff}*{box-sizing:border-box}html,body{margin:0;min-width:1180px;min-height:100%;background:#fff}body{overflow:hidden}button,input{font:inherit}button{color:inherit;border:0;cursor:pointer}.app-shell{display:grid;grid-template-rows:62px minmax(0,1fr) auto;height:100vh;min-height:760px;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 22px;border-bottom:1px solid var(--line);background:#fff}.brand-lockup,.top-actions,.toolbar-group,.timeline-title,.transport,.timeline-actions,.section-title,.color-row,.stage-footer{display:flex;align-items:center}.brand-lockup{gap:10px;min-width:220px}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;color:var(--accent-ink);background:var(--accent);font-weight:800;font-size:14px}.brand-lockup strong{display:block;color:#202226;font-size:13px;letter-spacing:-.01em}.brand-lockup span:not(.brand-mark){display:block;margin-top:2px;color:var(--muted);font-size:10px;letter-spacing:.08em}.project-name{color:#6f7379;font-size:12px;letter-spacing:.01em}.save-state{margin-left:8px;color:#a0a3a6;font-size:10px}.status-dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #d7ff6818}.top-actions{gap:9px;min-width:220px;justify-content:flex-end}.icon-button,.quiet-button,.primary-button{height:34px;border-radius:6px;transition:background .18s,color .18s,transform .18s}.icon-button{min-width:34px;padding:0 9px;color:#70747a;background:transparent;font-size:14px}.icon-button:hover,.quiet-button:hover{color:#202226;background:#f0f0ec}.icon-button:active,.quiet-button:active,.primary-button:active{transform:translateY(1px)}.quiet-button{padding:0 13px;color:#55595f;background:#f2f2ef;font-size:11px}.primary-button{padding:0 16px;color:var(--accent-ink);background:var(--accent);font-size:11px;font-weight:750}.primary-button:hover{background:#e4ff9a}.workspace{display:grid;grid-template-columns:246px minmax(560px,1fr) 286px;min-height:0}.asset-panel{display:flex;min-height:0;flex-direction:column;padding:22px 15px 14px;border-right:1px solid var(--line)}.inspector-panel{position:relative;min-height:0;padding:22px 17px 14px;border-left:1px solid var(--line)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin:0 5px 19px}.eyebrow{color:#727780;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.panel-heading h1{margin:4px 0 0;color:#202226;font-size:17px;letter-spacing:-.03em}.asset-count,.duration-pill{padding:4px 6px;border:1px solid #deded9;border-radius:4px;color:#74777d;font-size:10px}.search-field{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border:1px solid #deded9;border-radius:5px;color:#8c9095;background:#fafaf8}.search-field input{width:100%;border:0;outline:0;color:#303338;background:transparent;font-size:11px}.search-field input::placeholder{color:#9a9da1}.category-picker{position:relative;z-index:6;display:flex;flex-wrap:nowrap;align-items:center;gap:6px;width:100%;min-width:0;height:28px;margin:14px 0 12px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x}.category-picker::-webkit-scrollbar{display:none}.category-tab{height:28px;padding:0 10px;border:1px solid #d8d8d8;border-radius:999px;color:#666;background:#fff;font-size:11px;white-space:nowrap}.category-tab:hover{color:#050505}.asset-list{min-height:0;flex:1;overflow-y:auto;padding-right:2px}.asset-list::-webkit-scrollbar{width:4px}.asset-list::-webkit-scrollbar-thumb{border-radius:4px;background:#d7d8d3}.asset-item{display:flex;align-items:center;width:100%;gap:9px;min-height:52px;padding:6px 7px;border:1px solid transparent;border-radius:6px;text-align:left;background:transparent}.asset-item:hover{background:#f5f5f1}.asset-item.is-selected{border-color:#c7e87a;background:#f7fbe9}.asset-thumb{position:relative;display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;overflow:hidden;border:1px solid #e2e2de;border-radius:5px;background:#f7f7f4}.thumb-shape{display:block;position:relative;border:1.5px solid #8c9093;background:linear-gradient(135deg,#fff,#dfe1df);box-shadow:3px 4px #dfe1df}.asset-phone .thumb-shape{width:13px;height:24px;border-radius:3px}.asset-phone .thumb-shape:after{position:absolute;top:2px;right:2px;left:2px;height:1px;background:#b5b8b6;content:""}.asset-computer .thumb-shape{width:27px;height:18px;border-radius:2px}.asset-computer .thumb-shape:after{position:absolute;right:7px;bottom:-5px;left:7px;height:3px;border-radius:0 0 3px 3px;background:#aeb2b0;content:""}.asset-tablet .thumb-shape{width:25px;height:20px;border-radius:3px}.asset-watch .thumb-shape{width:19px;height:20px;border-radius:5px}.asset-watch .thumb-shape:before,.asset-watch .thumb-shape:after{position:absolute;right:5px;left:5px;height:8px;background:#c0c3c0;content:""}.asset-watch .thumb-shape:before{top:-8px}.asset-watch .thumb-shape:after{bottom:-8px}.asset-copy{min-width:0;flex:1}.asset-copy strong{display:block;overflow:hidden;color:#303237;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.asset-copy small{display:block;margin-top:4px;color:#85898e;font-size:9px}.asset-arrow{color:#9a9da1;font-size:17px}.asset-item.is-selected .asset-arrow{color:var(--accent)}.empty-state{padding:24px 8px;color:var(--muted);font-size:11px;text-align:center}.import-card{display:flex;align-items:center;gap:10px;min-height:52px;margin-top:13px;padding:8px 9px;border:1px dashed #c8c9c4;border-radius:6px;cursor:pointer}.import-card:hover{border-color:var(--accent);background:#d7ff6809}.import-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--accent);background:#d7ff6813;font-size:18px}.import-card strong,.import-card small{display:block}.import-card strong{color:#34373b;font-size:10px}.import-card small{margin-top:3px;color:#85898e;font-size:9px}.stage-panel{display:flex;min-width:0;min-height:0;flex-direction:column;background:#fbfbfa}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 18px;border-bottom:1px solid var(--line)}.toolbar-group{gap:5px}.toolbar-label{margin-right:7px;color:#777b81;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.ratio-button{padding:5px 8px;border-radius:4px;color:#7d828a;background:transparent;font-size:10px}.ratio-button.is-active,.ratio-button:hover{color:#202226;background:#ecece8}.toolbar-right{gap:9px}.render-status{display:flex;align-items:center;gap:5px;color:#777b81;font-size:10px}.render-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}.render-status i.busy{background:#e5a94e;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35}}.stage-wrap{display:flex;min-height:0;flex:1;flex-direction:column;padding:20px 28px 12px}.stage-frame{display:grid;flex:1;min-height:0;place-items:center}.stage-canvas{position:relative;min-height:0;overflow:hidden;border:1px solid #deded9;border-radius:6px;background:var(--warm)}.stage-canvas canvas{display:block;width:100%;height:100%;touch-action:none}.stage-canvas.is-dragging{outline:2px solid #5c5c5c;outline-offset:-3px}.stage-canvas.is-drop-hit{box-shadow:inset 0 0 0 2px #5c5c5c}.stage-canvas.is-drop-miss{box-shadow:inset 0 0 0 1px #bdbdbd}.canvas-loader{position:absolute;z-index:3;top:50%;left:50%;display:none;align-items:center;gap:9px;padding:9px 12px;border:1px solid #deded9;border-radius:6px;color:#34373b;background:#fffd;font-size:11px;transform:translate(-50%,-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.canvas-loader.is-visible{display:flex}.canvas-loader span{width:10px;height:10px;border:2px solid #ffffff5a;border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drop-hint{position:absolute;z-index:2;bottom:16px;left:50%;padding:6px 9px;border:1px solid #ffffff2a;border-radius:4px;color:#ffffffc7;background:#20242a9e;font-size:10px;transform:translate(-50%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .2s}.drop-hint.is-hidden{opacity:0;pointer-events:none}.stage-footer{justify-content:space-between;padding:10px 3px 0;color:#85898e;font-size:10px}.stage-footer span:first-child{color:#34373b}.inspector-panel{overflow-y:auto;background:#fff}.inspector-heading{margin-bottom:22px}.inspector-heading .clear-media-button{align-self:center;height:26px;padding:0 8px;font-size:10px;letter-spacing:.01em;white-space:nowrap}.inspector-section{padding:0 0 19px;margin-bottom:17px;border-bottom:1px solid #e7e7e3}.section-title{justify-content:space-between;margin-bottom:11px;color:#34373b;font-size:11px;font-weight:650}.muted{color:#666c75;font-size:8px;letter-spacing:.12em}.selected-device{overflow:hidden;padding:10px;border:1px solid #deded9;border-radius:5px;color:#34373b;background:#fafaf8;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.media-drop{display:flex;align-items:center;gap:9px;padding:8px;border:1px dashed #c8c9c4;border-radius:5px;cursor:pointer}.media-drop:hover{border-color:var(--accent)}.media-preview{display:grid;place-items:center;flex:0 0 auto;overflow:hidden;width:44px;height:32px;border-radius:3px;color:#757a70;background:#f0f0eb;font-size:16px}.media-preview img,.media-preview video{width:100%;height:100%;object-fit:cover}.preview-play{color:var(--accent);font-size:12px}.media-drop strong,.media-drop small{display:block}.media-drop strong{color:#34373b;font-size:10px}.media-drop small{margin-top:4px;color:#85898e;font-size:9px}.keyframe-switcher{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;margin-bottom:13px;border-radius:5px;background:#f4f4f0}.keyframe-switcher button.is-active{color:#202226;background:#fff;box-shadow:0 1px 4px #20222612}.range-row{margin-top:11px}.range-row>div{display:flex;justify-content:space-between;margin-bottom:6px;color:#777b81;font-size:9px}.range-row output{color:#050505;font-variant-numeric:tabular-nums}input[type=range]{display:block;width:100%;height:3px;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:4px;background:#e0e1dc}input[type=range]::-webkit-slider-thumb{width:11px;height:11px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #ffffff;border-radius:50%;background:#9bc43c;box-shadow:0 0 0 1px #9aaa6b}.compact-section{padding-bottom:16px}.color-row{justify-content:space-between;min-height:28px;color:#777b81;font-size:10px}.color-row input[type=color]{width:25px;height:18px;padding:0;border:1px solid #c5c6c1;border-radius:3px;background:transparent}.color-row code{width:66px;color:#6c7075;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.switch input{display:none}.switch span{display:block;width:28px;height:16px;padding:2px;border-radius:10px;background:#393d44;transition:background .2s}.switch span:after{display:block;width:12px;height:12px;border-radius:50%;background:#9398a0;content:"";transition:transform .2s,background .2s}.switch input:checked+span{background:#d7ff6842}.switch input:checked+span:after{background:var(--accent);transform:translate(12px)}.inspector-tip{display:flex;gap:7px;align-items:center;margin-top:4px;color:#686e77;font-size:9px;line-height:1.4}.inspector-tip span:first-child{display:grid;place-items:center;width:17px;height:17px;border:1px solid #d5d6d1;border-radius:4px;color:#777b81}.clip-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.clip-meta-grid span{display:flex;flex-direction:column;gap:4px;padding:7px 8px;border:1px solid #e3e3de;border-radius:4px;color:#85898e;font-size:9px}.clip-meta-grid output{color:#44494f;font-size:10px}.timeline-panel{min-width:0;min-height:348px;border-top:1px solid var(--line);background:#fff}.timeline-header{display:flex;align-items:center;justify-content:space-between;height:50px;padding:0 20px;border-bottom:1px solid #e7e7e3}.timeline-title{gap:10px}.timeline-title strong{color:#34373b;font-size:11px}.duration-pill{margin-left:1px;padding:3px 5px;color:#687d35;border-color:#d8dfc6;background:#f8faef}.transport{gap:3px;margin-left:70px}.play-button{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;color:var(--accent-ink);background:var(--accent);font-size:11px}.time-readout{width:68px;margin-left:8px;color:#777b81;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.timeline-actions{gap:5px}.preset-bar{display:flex;align-items:center;gap:12px;width:100%;min-width:0;height:136px;padding:10px 16px 10px 20px;border-bottom:1px solid #e7e7e3;background:#fdfdfc}.preset-bar.is-open{height:auto;align-items:flex-start}.preset-bar.is-open .preset-toggle{align-self:stretch;height:auto;min-height:112px}.preset-heading{display:flex;flex:0 0 86px;flex-direction:column;gap:5px;padding-top:6px}.preset-heading strong{color:#34373b;font-size:11px}.preset-heading span{color:#999da1;font-size:9px;line-height:1.35}.preset-list{display:grid;flex:1;min-width:0;grid-template-columns:repeat(auto-fill,122px);grid-auto-rows:112px;align-content:start;gap:7px;max-height:112px;overflow:hidden;padding:2px 1px}.preset-bar.is-open .preset-list{max-height:none;overflow:visible}.preset-toggle{display:grid;place-items:center;flex:0 0 32px;width:32px;height:112px;border:1px solid #d8d8d8;border-radius:8px;color:#666;background:#fff;font-size:11px;letter-spacing:.16em;writing-mode:vertical-rl}.preset-toggle[hidden]{display:none!important}.preset-toggle:hover{color:#050505;border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box}.preset-card{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;width:122px;height:112px;padding:6px 6px 7px;border:1px solid #e3e3de;border-radius:6px;text-align:left;background:#fff;transition:border-color .18s,background .18s,transform .18s}.preset-card:hover{border-color:#bbd76d;background:#fbfdec;transform:translateY(-1px)}.preset-thumb{position:relative;display:block;height:62px;overflow:hidden;border-radius:7px;background:radial-gradient(circle at 50% 78%,#fff,#e8e8e4 70%);pointer-events:none}.preset-stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;perspective:180px}.preset-phone{position:absolute;left:50%;top:56%;width:22px;height:40px;margin:0;border-radius:5px;background:#4a4a4a;box-shadow:0 6px 10px #00000014;transform-origin:center center}.preset-card:hover .preset-phone{animation:var(--preset) var(--dur) linear infinite}.preset-copy{min-width:0;padding-right:14px}.preset-copy strong,.preset-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preset-copy strong{margin-top:6px;color:#3f454b;font-size:10px;font-weight:650}.preset-copy small{margin-top:3px;color:#9a9da1;font-size:8px}.preset-duration{position:absolute;right:4px;bottom:4px;padding:1px 4px;border-radius:3px;color:#fff;background:#0005;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.preset-add{position:absolute;right:7px;bottom:6px;color:#9caf6a;font-size:13px;line-height:1}@media (prefers-reduced-motion: reduce){.preset-phone{animation:none!important;transform:translate(-50%,-50%)!important}}.timeline-body{display:grid;grid-template-columns:84px minmax(0,1fr);height:161px}.track-labels{display:grid;grid-template-rows:30px 131px;padding:0 15px;border-right:1px solid #e7e7e3;color:#8a8d92;font-size:8px;letter-spacing:.13em}.track-labels span{display:flex;align-items:center}.track-area{position:relative;overflow:auto hidden;padding-top:30px}.ruler{position:absolute;top:0;right:0;left:0;height:30px;border-bottom:1px solid #e7e7e3;background:repeating-linear-gradient(to right,transparent 0,transparent calc(16.666% - 1px),#ecece8 16.666%)}.ruler span{position:absolute;top:9px;color:#92959a;font-size:8px;transform:translate(-50%)}.track-row{position:relative;display:flex;align-items:center;height:131px;border-bottom:1px solid #eeeeea}.track-icon{z-index:1;display:grid;place-items:center;width:28px;height:22px;color:#85898e;background:#fff;font-size:11px}.track-clips{position:absolute;top:40px;right:0;bottom:41px;left:0}.timeline-clip{position:absolute;overflow:hidden;height:50px;padding:9px 12px;border:1px solid #cbdba4;border-left:3px solid #b8d95c;border-radius:4px;color:#53652e;background:#f0f7dc;font-size:9px;text-align:left}.timeline-clip.has-media:after{position:absolute;right:8px;bottom:4px;left:8px;height:2px;border-radius:2px;background:#8a8a8a;content:"";pointer-events:none}.timeline-clip:nth-child(3n+2){border-color:#ccdbe8;border-left-color:#9bb8d2;color:#4f6c85;background:#eff5f9}.timeline-clip:nth-child(3n){border-color:#e0cbe1;border-left-color:#c09fc2;color:#755978;background:#faf3fa}.timeline-clip:hover,.timeline-clip.is-active{box-shadow:0 0 0 1px #9caf6a inset}.clip-topline{display:flex;align-items:center;justify-content:space-between;gap:7px}.clip-topline strong{overflow:hidden;font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.clip-topline small{flex:0 0 auto;color:currentColor;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px;opacity:.7}.clip-keyframes{position:absolute;right:10px;bottom:8px;left:10px;display:flex;justify-content:space-between}.clip-keyframes i{display:block;width:8px;height:8px;border:1px solid currentColor;background:#fff;transform:rotate(45deg)}.playhead{position:absolute;z-index:4;top:0;bottom:0;width:1px;background:var(--accent);pointer-events:none}.playhead span{position:absolute;top:-1px;left:-4px;width:9px;height:9px;border-radius:2px;background:var(--accent);transform:rotate(45deg)}@media (max-width: 1250px){.workspace{grid-template-columns:220px minmax(500px,1fr) 260px}.stage-wrap{padding-inline:20px}.topbar{padding-inline:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--bg: #ffffff;--panel: #ffffff;--panel-deep: #f7f7f7;--line: #d8d8d8;--muted: #666666;--faint: #999999;--accent: #4dc7ff;--accent-ink: #050505;--rainbow: linear-gradient(100deg, #ff4d6d, #ff9f43, #ffd166, #71e36f, #4dc7ff, #5b8cff, #9f7aea)}body{color:#050505;background:#fff}.app-shell{grid-template-rows:56px minmax(0,1fr) auto;min-height:760px}.topbar{height:56px;padding:0 18px;background:#fff}.brand-lockup{gap:10px;min-width:230px}.brand-mark{width:26px;height:26px;border:2px solid transparent;border-radius:7px;color:#050505;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box;box-shadow:none}.brand-lockup strong{font-size:14px;letter-spacing:.04em}.brand-lockup span:not(.brand-mark){color:#666;font-size:10px;letter-spacing:.12em}.project-name{color:#666}.save-state{color:#999}.status-dot{background:#4dc7ff;box-shadow:0 0 0 3px #4dc7ff1c}.icon-button,.quiet-button,.primary-button{height:34px;border-radius:8px}.icon-button{border:1px solid #d8d8d8;color:#666;background:#fff}.icon-button:hover,.quiet-button:hover{color:#050505;border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box}.quiet-button{border:1px solid #d8d8d8;color:#333;background:#fff}.primary-button{border:2px solid transparent;color:#050505;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box}.primary-button:hover{color:#050505;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box}.workspace{grid-template-columns:292px minmax(560px,1fr) 314px}.panel-edge{background:#fff}.asset-panel{position:relative;z-index:8;overflow:visible;padding:16px 15px}.inspector-panel{padding:14px 16px}.panel-heading{margin:0 3px 17px}.panel-heading h1{font-size:16px}.eyebrow{color:#666;letter-spacing:.14em}.asset-count,.duration-pill{border-color:#d8d8d8;border-radius:5px;color:#666;background:#fff}.search-field{height:36px;border-color:#d8d8d8;border-radius:8px;color:#666;background:#fff}.search-field:focus-within{border-color:#4dc7ff;box-shadow:0 0 0 3px #4dc7ff1a}.category-picker{width:100%;margin:13px 0 14px}.category-tab{flex:0 0 auto;transform-origin:18px 14px}.category-tab.is-current{border-color:transparent;color:#050505;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box}.category-tab:not(.is-current){box-shadow:0 8px 18px #00000014}.category-tab[hidden]{display:none}.category-tab:hover{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box}@media (prefers-reduced-motion: reduce){.category-tab{transform:none!important}}.asset-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;overflow-y:auto;padding-right:1px}.asset-item{display:block;min-height:0;padding:6px;border:1px solid #d8d8d8;border-radius:10px;background:#fff;transition:border-color .2s,transform .2s,box-shadow .2s}.asset-item:hover,.asset-item.is-selected{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box;transform:translateY(-1px);box-shadow:0 7px 20px #00000012}.asset-thumb{width:100%;height:96px;border-color:#ededed;border-radius:7px;background:#f5f5f5}.thumb-shape{border-color:#050505;background:#050505;box-shadow:none}.asset-copy{display:block;padding:7px 2px 2px}.asset-copy strong{font-size:11px}.asset-copy small{margin-top:4px;color:#888;font-size:9px}.asset-arrow{display:none}.empty-state{grid-column:1 / -1;color:#666}.import-card{min-height:50px;margin-top:12px;border-color:#bdbdbd;border-radius:8px}.import-card:hover{border-color:#4dc7ff;background:#4dc7ff0d}.import-icon{color:#050505;background:#f2f2f2}.stage-panel{background:#fff}.stage-toolbar{height:50px;padding:0 18px;background:#fff}.stage-crumb{color:#666;font-size:12px}.stage-crumb strong{color:#050505;font-weight:650}.toolbar-label{color:#666;letter-spacing:.12em}.ratio-button{border:1px solid #d8d8d8;border-radius:7px;color:#666;background:#fff}.ratio-button.is-active,.ratio-button:hover{color:#050505;border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box}.render-status{color:#666}.stage-wrap{padding:28px 36px 12px;background:#fff}.stage-canvas{min-height:300px;border:1px solid #bcbcbc;border-radius:16px;background:#f7f7f7;box-shadow:0 20px 60px #0000001c,0 0 0 1px #0000000d inset}.stage-footer{color:#888}.stage-footer span:first-child{color:#050505}.inspector-panel{background:#fff}.inspector-heading{margin-bottom:14px}.inspector-tabs{display:flex;gap:3px;padding:3px;margin-bottom:17px;border:1px solid #d8d8d8;border-radius:8px;background:#fff}.inspector-tab{flex:1;height:30px;border-radius:6px;color:#666;background:#fff;font-size:11px}.inspector-tab.is-active,.inspector-tab:hover{color:#050505;border:1px solid #050505}.inspector-section{border-color:#d8d8d8}.section-title{color:#050505}.muted{color:#666}.selected-device,.clip-meta-grid span{border-color:#d8d8d8;background:#f8f8f8}.media-drop{border-color:#bdbdbd;border-radius:8px}.media-drop:hover{border-color:#4dc7ff}.keyframe-switcher{border:1px solid #d8d8d8;background:#f8f8f8}.keyframe-switcher button.is-active{color:#050505;box-shadow:0 1px 4px #00000014}input[type=range]::-webkit-slider-thumb{background:#050505;box-shadow:0 0 0 1px #050505}.color-row input[type=color]{border-color:#bdbdbd}.inspector-tip{color:#666}.timeline-panel{background:#fff}.timeline-header{height:50px;background:#fff}.timeline-title strong{color:#050505;font-size:12px}.duration-pill{color:#050505;border-color:#050505}.play-button{color:#fff;background:#050505}.timeline-actions .quiet-button{border-color:#d8d8d8}.preset-bar{background:#fff}.preset-card{border-color:#d8d8d8;border-radius:10px}.preset-card:hover{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box}.preset-icon{color:#050505;background:#f1f1f1}.preset-add{color:#050505}.timeline-body{grid-template-columns:292px minmax(0,1fr)}.track-labels{padding:0 15px;border-right:1px solid #d8d8d8;color:#666}.track-icon{color:#666}.ruler{border-color:#d8d8d8;background:repeating-linear-gradient(to right,transparent 0,transparent calc(16.666% - 1px),#ededed 16.666%)}.ruler span{color:#666}.track-row{border-color:#ededed;background:repeating-linear-gradient(to right,transparent 0,transparent calc(10% - 1px),#f1f1f1 calc(10% - 1px),#f1f1f1 10%)}.timeline-clip,.timeline-clip:nth-child(3n+2),.timeline-clip:nth-child(3n){border-color:#050505;border-left-color:#050505;color:#050505;background:#fff;box-shadow:none}.timeline-clip:hover,.timeline-clip.is-active{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box;box-shadow:none}.clip-keyframes i{background:#fff}.playhead{background:#ff4d6d;box-shadow:0 0 12px #ff4d6d}.playhead span{background:#ff4d6d}:focus-visible{outline:2px solid #4dc7ff;outline-offset:2px}.asset-list{grid-template-columns:1fr;gap:8px}.asset-item{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:11px;width:100%;min-height:72px;padding:6px;text-align:left}.asset-item:hover,.asset-item.is-selected{transform:none}.asset-thumb{width:72px;height:58px}.asset-preview{display:block;width:100%;height:100%;object-fit:contain}.asset-thumb-loading{position:absolute;width:10px;height:10px;border:1px solid #bdbdbd;border-top-color:#050505;border-radius:50%;animation:spin .8s linear infinite}.asset-copy{padding:0}.asset-copy strong{font-size:11px;line-height:1.35;white-space:normal}.asset-copy small{margin-top:5px}.keyframe-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}.keyframe-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:29px;padding:6px 8px;border:1px solid #d8d8d8;border-radius:6px;color:#050505;background:#fff;font-size:10px}.keyframe-action:hover{border-color:#050505}.keyframe-action.is-primary,#export-video{color:#050505;border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box}.keyframe-action.is-primary:hover,#export-video:hover{color:#050505;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box}.keyframe-action:disabled{cursor:not-allowed;opacity:.38}.keyframe-time-row{display:flex;align-items:center;justify-content:space-between;color:#777b81;font-size:9px}.keyframe-time-row output{color:#050505;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-variant-numeric:tabular-nums}.track-labels{grid-template-rows:30px 66px 65px}.track-area{overflow:auto hidden}.track-row{height:65px}.media-row{height:66px}.media-clips,.track-clips{position:absolute;top:0;right:auto;bottom:0;left:0;min-width:100%}.media-clips{display:flex;align-items:center;padding:0 10px}.media-empty{color:#a1a1a1;font-size:9px}.media-clip{display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;padding:0 10px;border:1px solid #d8d8d8;border-radius:5px;color:#666;background:#f8f8f8;font-size:9px}.media-clip strong{font-weight:650}.media-clip small{color:#999;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.track-clips{top:9px;bottom:8px}.timeline-clip{overflow:visible;height:48px;cursor:pointer}.clip-keyframes{top:auto;right:4px;bottom:4px;left:4px;display:block;height:14px;pointer-events:none}.timeline-keyframe{position:absolute;bottom:1px;width:10px;height:10px;padding:0;border:1px solid currentColor;border-radius:2px;color:#050505;background:#fff;cursor:grab;pointer-events:auto;transform:translate(-50%) rotate(45deg)}.timeline-keyframe:hover,.timeline-keyframe.is-selected{color:#fff;background:#050505}.timeline-keyframe:active{cursor:grabbing}.playhead{z-index:8}.timeline-header{display:flex;align-items:center;gap:12px;height:50px;padding:0 16px}.timeline-header .timeline-title{min-width:92px}.current-time,.duration-field{display:flex;align-items:center;gap:6px;color:#666;font-size:12px;white-space:nowrap}.current-time output,.time-readout{color:#050505;font-variant-numeric:tabular-nums}.duration-field input{width:64px;height:28px;padding:0 8px;border:1px solid #d8d8d8;border-radius:6px;text-align:center}.clip-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 10px}.clip-meta-grid label,.clip-meta-grid span{display:grid;gap:4px;padding:7px 8px;border:1px solid #d8d8d8;border-radius:6px;color:#777b81;background:#f8f8f8;font-size:9px}.clip-meta-grid input,.clip-meta-grid output{width:100%;border:0;color:#050505;background:transparent;font-size:11px}.clip-meta-grid input:disabled{opacity:.45}.keyframe-switcher{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;margin-bottom:10px;border-radius:5px;background:#f4f4f0}.keyframe-switcher button{padding:6px 4px;border-radius:3px;color:#747a82;background:transparent;font-size:10px}.keyframe-switcher button.is-active{color:#050505;background:#fff;box-shadow:0 1px 4px #00000014}.track-labels{grid-template-rows:30px 1fr}.timeline-body{grid-template-columns:140px minmax(0,1fr) 150px}.track-area{overflow:auto;padding-top:0}.ruler{position:sticky;top:0;z-index:3;height:28px}.track-label-list{overflow:auto;scrollbar-width:none}.track-label{flex:0 0 80px}.playhead{z-index:4}.track-labels .transport{overflow:hidden}.track-row.scene-row,.timeline-body{height:148px}.clip-handle{position:absolute;top:50%;width:12px;height:12px;border:1px solid #c4c4c4;border-radius:50%;background:#fff;cursor:ew-resize;transform:translate(-50%,-50%)}.clip-handle.is-selected,.clip-handle.is-linked{background:#ffb070;border-color:#f08a3a}.timeline-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#b0b0b0;font-size:11px;pointer-events:none}.playhead{z-index:8;pointer-events:auto;cursor:grab}.playhead span{left:-6px;width:13px;height:13px;border-radius:50%;transform:none}.clip-menu{position:fixed;z-index:20;min-width:120px;padding:4px;border:1px solid #d8d8d8;border-radius:8px;background:#fff;box-shadow:0 8px 24px #00000014}.clip-menu button{display:block;width:100%;padding:8px 10px;border-radius:6px;text-align:left;background:transparent;font-size:12px}#reset-pose{width:100%;margin-top:4px}.inspector-panel{overflow:auto}.timeline-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;height:58px;padding:0 16px}.timeline-tools,.timeline-time-tools{display:flex;align-items:center;gap:12px}.timeline-time-tools{justify-content:flex-end}.timeline-header .transport{justify-self:center}.track-area{overflow:auto hidden;padding-top:0}.track-scroller{position:relative;min-height:100%}.ruler{position:relative;top:auto;right:auto;left:auto;height:40px;background:none;border-bottom:1px solid #d8d8d8}.ruler span{top:auto;bottom:4px;color:#888;font-size:10px;transform:translate(-20%)}.ruler span:before{content:"";position:absolute;top:-12px;left:0;width:1px;height:8px;background:#d0d0d0}.track-row.scene-row{height:108px;background:none}.track-clips{top:0;right:auto;bottom:0;left:0;min-width:100%}.playhead{top:0;width:2px;background:#4dc7ff;box-shadow:none;pointer-events:auto;cursor:grab}.playhead span{top:0;left:-7px;width:16px;height:16px;border-radius:50%;background:#4dc7ff;transform:none}.playhead:active{cursor:grabbing}.timeline-clip{overflow:visible;height:20px;padding:0;border:0;border-radius:6px;color:#050505;background:#e5e5e5;box-shadow:none;cursor:move;top:50%;transform:translateY(-50%)}.timeline-clip:hover,.timeline-clip.is-active{border-color:transparent;box-shadow:none}.clip-handle{position:absolute;top:50%;width:12px;height:12px;border:1px solid #d1d1d1;border-radius:50%;background:#fff;cursor:ew-resize;transform:translate(-50%,-50%)}.clip-handle.is-start{left:0}.clip-handle.is-end{left:100%}.clip-handle.is-selected{background:#fdba74;border-color:#fb923c}.quiet-button:disabled{cursor:not-allowed;opacity:.38}.quiet-button:disabled:hover{color:#333;border-color:#d8d8d8;background:#fff}.clip-handle{z-index:2}.playhead{pointer-events:auto;cursor:grab;touch-action:none}.playhead span{pointer-events:none}.clip-handle{z-index:9}.app-shell{grid-template-rows:52px minmax(0,1fr) 0 var(--timeline-h, 216px);min-height:720px}.topbar{height:52px;padding:0 18px}.workspace{grid-template-columns:var(--left-w, 260px) 0 minmax(0,1fr) 0 var(--right-w, 260px)}.asset-panel,.inspector-panel{padding:14px 14px 10px}.panel-heading{margin:0 2px 12px}.panel-heading h1{font-size:15px}.stage-toolbar{height:52px;padding:0 16px}.stage-wrap{padding:14px 18px 8px}.stage-canvas{min-height:0;border-radius:12px}.timeline-panel{min-height:0}.timeline-header{height:48px;padding:0 16px}.preset-bar{height:108px;padding:8px 16px}.preset-bar.is-open{height:auto}.preset-heading{flex:0 0 72px;padding-top:4px}.preset-list{max-height:88px;grid-template-columns:repeat(auto-fill,108px);grid-auto-rows:88px}.preset-bar.is-open .preset-list{max-height:none}.preset-card{width:108px;height:88px;padding:5px}.preset-thumb{height:48px}.preset-phone{width:16px;height:30px;top:54%;background:#4a4a4a}.preset-toggle{flex-basis:28px;width:28px;height:88px}.preset-copy strong{margin-top:4px;font-size:10px}.preset-copy small{margin-top:2px}.timeline-body{grid-template-columns:132px minmax(0,1fr) 150px;height:108px}.track-labels{display:grid;place-items:center;grid-template-rows:none;padding:0 10px}.track-labels .transport{margin-left:0;gap:4px}.timeline-time-tools{flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;padding:0 12px;border-left:1px solid #d8d8d8}#timeline-model-label{max-width:126px;overflow:hidden;color:#888;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.splitter{position:relative;z-index:12;background:transparent;-webkit-user-select:none;user-select:none}.splitter-x{width:12px;margin-left:-6px;cursor:col-resize}.splitter-y{height:12px;margin-top:-6px;cursor:row-resize}.splitter:after{position:absolute;left:50%;top:50%;border-radius:999px;background:#111;opacity:0;pointer-events:none;content:"";transform:translate(-50%,-50%) scale(.7);transition:opacity .14s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.splitter-x:after{width:4px;height:36px}.splitter-y:after{width:36px;height:4px}.splitter:hover:after,.splitter.is-dragging:after{opacity:1;transform:translate(-50%,-50%) scale(1)}@media (prefers-reduced-motion: reduce){.splitter:after{transition:opacity .14s ease;transform:translate(-50%,-50%)}}.timeline-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.preset-bar{flex:0 0 auto}.timeline-body{flex:1;height:auto;min-height:96px}.track-area{min-height:0}.track-row.scene-row{height:calc(100% - 28px)}.ruler{height:28px}.track-row.scene-row{height:80px}.stage-canvas.is-transparent{background:repeating-conic-gradient(#ececec,#ececec 25%,#fff 0%,#fff 50%) 50% / 16px 16px}.inspector-pane[hidden]{display:none}.inspector-fold{margin:0 0 14px;border-bottom:1px solid #d8d8d8}.inspector-fold summary{cursor:pointer;list-style:none;padding:0 0 10px;color:#050505;font-size:12px;font-weight:650}.inspector-fold summary::-webkit-details-marker{display:none}.inspector-fold summary:after{float:right;color:#888;content:"▾"}.inspector-fold:not([open]) summary:after{content:"▸"}.inspector-fold>*:not(summary){margin-bottom:10px}.size-grid,.select-row,.bg-row{display:grid;gap:8px}.size-grid{grid-template-columns:1fr 1fr}.size-grid label,.select-row{color:#666;font-size:10px}.size-grid input,.select-row select,.bg-row select,#background-hex{width:100%;height:32px;padding:0 8px;border:1px solid #d8d8d8;border-radius:7px;background:#fff}.field-label{margin:12px 0 6px;color:#888;font-size:10px}.chip-row,.export-actions{display:flex;flex-wrap:wrap;gap:6px}.chip,.ratio-chip{display:grid;place-items:center;min-height:32px;padding:6px 8px;border:1px solid #d8d8d8;border-radius:8px;color:#666;background:#fff;font-size:10px}.chip.is-active,.ratio-chip.is-active{color:#050505;border-color:#050505}.ratio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding-bottom:12px}.ratio-chip{gap:5px;min-height:48px}.ratio-chip i{display:block;width:18px;max-width:22px;max-height:16px;border:1.5px solid currentColor;border-radius:2px;background:#f3f3f3}.bg-row{grid-template-columns:1fr 32px minmax(0,1fr);align-items:center}.bg-chip{width:32px;height:32px;padding:3px;border:1px solid #d8d8d8;border-radius:7px;background:#fff}.bg-chip span{display:block;width:100%;height:100%;border-radius:4px;box-shadow:inset 0 0 0 1px #00000014;background:#fff}.bg-chip[aria-expanded=true]{border-color:#050505}#background-hex{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.color-popover{margin-top:8px;padding:8px;border:1px solid #d8d8d8;border-radius:10px;background:#fff}.color-popover[hidden]{display:none}.swatch-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.color-swatch{width:100%;aspect-ratio:1;border:1px solid #d8d8d8;border-radius:5px}.color-swatch.is-active{outline:2px solid #050505;outline-offset:1px}.color-custom{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:#888;font-size:10px}.color-custom input[type=color]{width:28px;height:22px;padding:0;border:1px solid #d8d8d8;border-radius:5px;background:#fff}.select-row{grid-template-columns:52px 1fr;align-items:center}.export-actions{padding-bottom:12px}.export-actions .keyframe-action{flex:1;min-width:0}.export-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.export-overlay[hidden]{display:none}.export-overlay div{display:grid;gap:8px;min-width:196px;padding:22px 26px;border:1px solid #d8d8d8;border-radius:12px;background:#fff;text-align:center}.export-overlay strong{font-size:14px}.export-overlay span{color:#666;font-size:12px}.media-preview video{width:100%;height:100%;object-fit:cover}.track-row.scene-row,.track-clips{overflow:visible}.timeline-clip,.timeline-clip:nth-child(3n+2),.timeline-clip:nth-child(3n){top:50%;height:28px;overflow:visible;padding:0;border:0;color:#050505;background:#e8e8e8;box-shadow:none;cursor:grab;transform:translateY(-50%)}.timeline-clip:hover,.timeline-clip.is-active{border:0;background:#dcdcdc;box-shadow:none}.timeline-clip.is-active{background:#d4d4d4}.clip-handle{position:absolute;top:50%;z-index:12;width:11px;height:11px;padding:0;border:1.5px solid #b8b8b8;border-radius:2px;background:#fff;box-shadow:0 0 0 1px #fff;cursor:grab;transform:translate(-50%,-50%) rotate(45deg)}.clip-handle.is-start,.clip-handle.is-end{left:auto}.clip-handle.is-selected,.clip-handle.is-linked{background:#ff9f43;border-color:#f08a3a;box-shadow:0 0 0 2px #fff}.clip-handle:active{cursor:grabbing}.timeline-clip.is-single{border-radius:8px}.asset-heading-actions{display:flex;align-items:center;gap:8px}#add-device{height:28px;padding:0 8px;border:1px solid #d8d8d8;border-radius:6px;color:#050505;background:#fff;font-size:11px}#add-device:hover{border-color:#050505}.track-labels{display:grid;grid-template-rows:28px 1fr;align-items:stretch;padding:0}.track-labels .transport{height:28px;margin:0;justify-content:center}.track-labels .transport{display:flex;gap:2px}.track-labels .transport .icon-button,.track-labels .transport .play-button{flex:0 0 25px;width:25px;min-width:25px;height:25px;padding:0}.track-labels .transport .play-button{border-radius:5px;font-size:10px}.track-labels .transport .icon-button{font-size:15px}.track-label-list{display:flex;flex-direction:column;min-height:0;overflow:hidden}.track-label{display:flex;align-items:center;justify-content:space-between;gap:6px;height:80px;padding:0 10px;border-top:1px solid #ececec;color:#666;background:transparent;font-size:11px;text-align:left}.track-label.is-selected{color:#050505;background:#f6f6f6}.track-label strong{display:block;overflow:hidden;max-width:86px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.track-label button{width:18px;height:18px;border:0;border-radius:4px;color:#999;background:transparent;font-size:13px}.track-label button:hover{color:#050505;background:#ececec}.track-rows{position:relative}.track-row.scene-row{height:80px;border-top:1px solid #ececec}.track-row.scene-row.is-selected{background:#fafafa}.timeline-clip,.timeline-clip.is-single{border-radius:8px}.timeline-clip.is-first{border-radius:8px 0 0 8px}.timeline-clip.is-mid{border-radius:0}.timeline-clip.is-last{border-radius:0 8px 8px 0}.timeline-clip{cursor:move}.timeline-clip .clip-handle{top:50%;width:10px;height:10px;border:1px solid #d1d5db;border-radius:50%;background:#fff;box-shadow:none;transform:translateY(-50%)}.timeline-clip .clip-handle,.timeline-clip .clip-handle:active{cursor:ew-resize}.timeline-clip .clip-handle.is-start{right:auto;left:0}.timeline-clip .clip-handle.is-end{left:auto;right:0}.timeline-clip .clip-handle.is-selected,.timeline-clip .clip-handle.is-linked{border-color:#fb923c;background:#fdba74}.timeline-time-tools{gap:6px}.timeline-time-tools .icon-button{width:24px;min-width:24px;height:24px;padding:0}.timeline-zoom{display:flex;gap:2px}.timeline-time-tools .duration-field input{width:48px;height:24px}@media (max-width: 720px){.timeline-body{grid-template-columns:112px minmax(0,1fr) 116px}.track-labels .transport .icon-button,.track-labels .transport .play-button{flex-basis:20px;width:20px;min-width:20px}.timeline-time-tools{gap:3px;padding:0 5px}#timeline-model-label{display:none}.current-time{font-size:10px}.timeline-time-tools .icon-button{width:21px;min-width:21px}}.stage-canvas.is-moving-device canvas{cursor:grabbing}.timeline-panel{position:relative;overflow:visible}.timeline-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;flex:0 0 72px;height:72px;padding:0 16px;border-bottom:1px solid #e5e5e5;background:#fff}.timeline-tools{display:flex;align-items:center;gap:10px;min-width:0}.add-animation-group,.timeline-zoom,.timeline-history{display:flex;align-items:center;flex:0 0 auto}.add-animation-group{height:32px}.add-animation-button{display:flex;align-items:center;gap:5px;height:32px;padding:0 10px;border:1px solid #d8d8d8;border-radius:6px;color:#050505;background:#fff;font-size:11px;font-weight:600;white-space:nowrap}.add-animation-button span{font-size:16px;line-height:1}.add-animation-button:hover{background:#f3f3f3}.add-animation-button:disabled{cursor:not-allowed;opacity:.4}.timeline-divider{flex:0 0 1px;height:16px;background:#d8d8d8}.timeline-zoom{gap:2px}.timeline-zoom .icon-button{width:24px;min-width:24px;height:24px;padding:0;border:0;border-radius:50%;font-size:15px}#timeline-zoom-range{width:128px;height:20px;margin:0 2px;accent-color:#050505}.timeline-history{gap:2px}.timeline-history .icon-button{width:28px;min-width:28px;height:28px;padding:0;border:0;font-size:19px}.timeline-toolbar .play-button{justify-self:center;width:40px;height:40px;margin:0;border-radius:50%;font-size:15px}.timeline-time-tools{flex-direction:row;align-items:center;justify-content:flex-end;gap:12px;min-width:0;padding:0;border:0}.timeline-time-tools .current-time{gap:2px;font-size:12px;font-variant-numeric:tabular-nums}.timeline-time-tools .current-time output{min-width:31px;text-align:right}.timeline-time-tools .duration-field{gap:5px}.timeline-time-tools .duration-field input{width:56px;height:30px;padding:0 5px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;font-variant-numeric:tabular-nums}.timeline-body{grid-template-columns:minmax(120px,20%) minmax(0,1fr);min-height:0;height:auto;overflow:hidden}.track-labels{display:grid;grid-template-rows:40px minmax(0,1fr);min-height:0;padding:0;border-right:1px solid #e5e5e5}.track-label-heading{display:flex;align-items:center;justify-content:center;height:40px;padding:0 12px;border-bottom:1px solid #e5e5e5;color:#666;font-size:12px}#timeline-model-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-label-list{min-height:0;overflow:auto;scrollbar-width:none}.track-label-list::-webkit-scrollbar{display:none}.track-label{flex:0 0 80px;width:100%}.track-label strong{max-width:calc(100% - 18px)}.track-area{min-height:0;overflow:auto}.ruler{position:sticky;top:0;z-index:10;height:40px;background:#fff}.ruler span{bottom:4px}.ruler span:first-child{transform:none}.playhead{z-index:11;pointer-events:auto;cursor:grab;touch-action:none}.playhead:before{content:"";position:absolute;top:0;left:-8px;width:18px;height:40px}.playhead span{top:24px;pointer-events:none}.track-rows{background:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--tick-width, 150px) - 1px),#ededed calc(var(--tick-width, 150px) - 1px),#ededed var(--tick-width, 150px))}.preset-bar,.preset-bar.is-open{position:absolute;z-index:30;bottom:calc(100% - 72px);left:16px;display:block;width:min(590px,calc(100% - 32px));height:auto;max-height:min(300px,46vh);padding:10px;overflow:auto;border:1px solid #d8d8d8;border-radius:8px;background:#fff;box-shadow:0 12px 30px #00000024}.preset-bar[hidden]{display:none}.preset-heading{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:8px;padding:0 2px 8px}.preset-heading strong{margin-right:auto;font-size:12px}.blank-animation{height:26px;padding:0 8px;border:1px solid #d8d8d8;border-radius:5px;background:#fff;font-size:11px}.blank-animation:disabled{opacity:.4}#preset-close{width:24px;height:24px;padding:0;border:0;background:transparent;font-size:18px}.preset-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));grid-auto-rows:88px;gap:7px;max-height:none;overflow:visible;padding:0}.preset-card{width:100%;height:88px;border-radius:6px}@media (max-width: 800px){.timeline-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:40px 34px;gap:0 10px;flex-basis:74px;height:74px;padding:0 10px}.timeline-tools{grid-column:1 / -1;gap:5px}.timeline-toolbar .play-button{grid-column:1;grid-row:2;justify-self:start}.timeline-time-tools{grid-column:2;grid-row:2}.timeline-zoom #timeline-zoom-range{width:clamp(42px,15vw,90px)}.timeline-history .icon-button{width:24px;min-width:24px}.preset-bar,.preset-bar.is-open{bottom:calc(100% - 74px);left:8px;width:min(590px,calc(100% - 16px))}.timeline-body{grid-template-columns:minmax(92px,20%) minmax(0,1fr)}}@media (max-width: 440px){.add-animation-button{padding:0 6px;font-size:10px}.timeline-tools{gap:3px}.timeline-zoom .icon-button{width:20px;min-width:20px}.timeline-history .icon-button{width:21px;min-width:21px}#timeline-zoom-range{width:42px}}.timeline-tools{gap:8px}.add-animation-group{display:flex;align-items:center;gap:6px;height:36px}.timeline-add-frame,.add-animation-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border:1px solid #d8d8d8;border-radius:8px;color:#050505;background:#fff;font-size:11px;font-weight:650;white-space:nowrap}.timeline-add-frame{min-width:64px;padding:0 11px}.timeline-add-frame span{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid #d8d8d8;border-radius:50%;color:#050505;background:#fff;font-size:15px;font-weight:500;line-height:1}.timeline-add-frame:disabled,.add-animation-button:disabled{cursor:not-allowed;opacity:.4}.add-animation-button{min-width:88px;padding:0 10px;font-weight:550}.add-animation-button span{color:#050505;font-size:13px;line-height:1}.timeline-divider{display:none}.timeline-control-group{display:inline-flex;align-items:center;height:34px;padding:0 4px;border:1px solid #e1e1dc;border-radius:8px;background:#fff;transition:border-color .18s,background .18s}.timeline-add-frame:hover:not(:disabled),.add-animation-button:hover:not(:disabled){border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box}.timeline-control-group:hover{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box}.timeline-zoom{gap:1px}.timeline-zoom .icon-button,.timeline-history .icon-button{width:26px;min-width:26px;height:26px;padding:0;border:0;border-radius:6px;color:#5e6267;background:transparent}.timeline-zoom .icon-button:hover:not(:disabled),.timeline-history .icon-button:hover:not(:disabled){color:#202226;background:#f7f7f4;box-shadow:none}.timeline-zoom .icon-button:disabled,.timeline-history .icon-button:disabled{cursor:not-allowed;opacity:.3}#timeline-zoom-range{width:112px;height:18px;margin:0 2px;accent-color:#050505}.timeline-history{gap:1px;padding-inline:3px}.timeline-history .icon-button{font-size:18px}@media (max-width: 800px){.timeline-tools{gap:5px;overflow-x:auto;scrollbar-width:none}.timeline-tools::-webkit-scrollbar{display:none}.timeline-control-group,.timeline-add-frame,.add-animation-button{height:32px}#timeline-zoom-range{width:clamp(52px,15vw,96px)}}@media (max-width: 440px){.timeline-tools{gap:4px}.timeline-add-frame{min-width:55px;padding:0 7px}.timeline-add-frame b{font-size:10px}.add-animation-button{min-width:32px;width:32px;padding:0;font-size:0}.add-animation-button span{font-size:14px}#timeline-zoom-range{width:48px}}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:52px;padding:0 12px}.storage-module,.canvas-tools{display:inline-flex;align-items:center;height:34px;border:1px solid #d8d8d8;border-radius:8px;background:#fff}.storage-module:hover,.canvas-tools:hover{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box}.storage-module{flex:0 1 auto;width:max-content;max-width:min(360px,calc(100% - 168px));min-width:0;gap:4px;padding:3px 4px 3px 6px}.storage-main{display:flex;align-items:center;gap:8px;min-width:0;flex:0 1 auto;height:26px;padding:0 4px 0 0;border:0;border-radius:6px;background:transparent;text-align:left}.storage-main:hover{background:#f4f4f4}.storage-glyph{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:6px;color:#050505;background:#efefef}.storage-copy{min-width:0;flex:0 1 auto;max-width:180px}.storage-copy strong,.storage-copy span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.storage-copy strong{color:#050505;font-size:12px;font-weight:650;letter-spacing:-.01em;line-height:1.15}.storage-copy span{margin-top:1px;color:#888;font-size:10px;line-height:1.1}.storage-actions{display:flex;flex:0 0 auto;gap:4px}.storage-button{height:26px;padding:0 8px;border:0;border-radius:6px;color:#555;background:transparent;font-size:10px;font-weight:500}.storage-button:hover{color:#050505;background:#f4f4f4}.storage-note{margin:0 0 8px;color:#888;font-size:11px;line-height:1.4}.canvas-tools{flex:0 0 auto;width:max-content;gap:4px;padding:0 4px}.canvas-zoom{display:flex}.canvas-zoom button,.canvas-tool-text{height:26px;padding:0;border:0;border-radius:6px;color:#555;background:transparent}.canvas-zoom button{width:26px;min-width:26px;font-size:16px;line-height:1}.canvas-tool-text{padding:0 8px;font-size:11px}.canvas-zoom button:hover,.canvas-tool-text:hover{color:#050505;background:#f4f4f4}.canvas-tool-divider{flex:0 0 1px;width:1px;height:16px;background:#d8d8d8}.stage-toolbar .render-status{display:inline-flex;align-items:center;gap:6px;max-width:160px;padding:0 6px 0 4px;color:#888;font-size:10px}.stage-toolbar .render-status i{background:#c8c8c8;box-shadow:none}.stage-toolbar .render-status i.busy{background:#e5a94e}.stage-toolbar .render-status span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mockup-span{position:absolute;top:50%;z-index:1;height:32px;border:1px solid #f3f3f3;border-radius:6px;background:#fafafa;transform:translateY(-50%)}.mockup-span.is-selected{border-color:#e5e5e5;background:#f4f8ff}.mockup-span-handle{position:absolute;top:6px;bottom:6px;width:8px;padding:0;border:0;border-radius:999px;background:#d1d5db;cursor:ew-resize}.mockup-span-handle.is-start{left:8px}.mockup-span-handle.is-end{right:8px}.track-row.scene-row .timeline-clip,.timeline-clip.is-single,.timeline-clip.is-first,.timeline-clip.is-mid,.timeline-clip.is-last{top:50%;z-index:2;height:20px;overflow:visible;padding:0;border:0;border-radius:6px;background:#e5e5e5;box-shadow:none;cursor:move;transform:translateY(-50%)}.track-row.scene-row .timeline-clip.is-active,.track-row.scene-row .timeline-clip:hover{background:#d4d4d4;box-shadow:none}.track-row.scene-row .clip-handle{top:50%;z-index:12;width:12px;height:12px;border:1px solid #d1d5db;border-radius:50%;background:#fff;box-shadow:none;cursor:ew-resize;transform:translateY(-50%)}.track-row.scene-row .clip-handle.is-start{left:0;right:auto}.track-row.scene-row .clip-handle.is-end{left:auto;right:0}.track-row.scene-row .clip-handle.is-selected,.track-row.scene-row .clip-handle.is-linked{border-color:#fb923c;background:#fdba74}.timeline-panel{position:relative;display:flex;flex-direction:column;min-height:0;overflow:visible;border-top:1px solid var(--line);background:#fff}.timeline-panel .timeline-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;flex:0 0 52px;height:52px;padding:0 14px;border-bottom:1px solid var(--line);background:#fff}.timeline-panel .timeline-tools{display:flex;align-items:center;gap:8px;min-width:0}.timeline-panel .add-animation-group{display:flex;align-items:center;gap:6px;height:32px}.timeline-panel .timeline-add-frame,.timeline-panel .add-animation-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;border:1px solid #d8d8d8;border-radius:8px;color:#050505;background:#fff;font-size:11px;font-weight:650;white-space:nowrap}.timeline-panel .timeline-add-frame{min-width:64px;padding:0 10px}.timeline-panel .timeline-add-frame span{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid #d8d8d8;border-radius:50%;color:#050505;background:#fff;font-size:14px;font-weight:600;line-height:1}.timeline-panel .add-animation-button{min-width:84px;padding:0 10px;font-weight:550}.timeline-panel .add-animation-button span{color:#666;font-size:12px}.timeline-panel .timeline-add-frame:hover:not(:disabled),.timeline-panel .add-animation-button:hover:not(:disabled){border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box}.timeline-panel .timeline-add-frame:disabled,.timeline-panel .add-animation-button:disabled{cursor:not-allowed;opacity:.4}.timeline-panel .timeline-control-group{display:inline-flex;align-items:center;height:32px;padding:0 4px;border:1px solid #d8d8d8;border-radius:8px;background:#fff}.timeline-panel .timeline-control-group:hover{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--rainbow) border-box}.timeline-panel .timeline-zoom{gap:2px}.timeline-panel .timeline-history{gap:1px;padding-inline:2px}.timeline-panel .timeline-zoom .icon-button,.timeline-panel .timeline-history .icon-button{width:24px;min-width:24px;height:24px;padding:0;border:0;border-radius:6px;color:#666;background:transparent;box-shadow:none}.timeline-panel .timeline-history .icon-button{font-size:16px}.timeline-panel .timeline-zoom .icon-button:hover:not(:disabled),.timeline-panel .timeline-history .icon-button:hover:not(:disabled){color:#050505;background:#f4f4f4;box-shadow:none}.timeline-panel .timeline-zoom .icon-button:disabled,.timeline-panel .timeline-history .icon-button:disabled{opacity:.28}.timeline-panel #timeline-zoom-range{width:88px;height:4px;margin:0 6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e8e8e4;border-radius:999px;accent-color:#050505}.timeline-panel #timeline-zoom-range::-webkit-slider-runnable-track{height:4px;background:#e8e8e4;border-radius:999px}.timeline-panel #timeline-zoom-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border:2px solid #fff;border-radius:50%;background:#050505;box-shadow:0 0 0 1px #d8d8d8}.timeline-panel .timeline-toolbar .play-button{justify-self:center;width:32px;height:32px;margin:0;border-radius:50%;color:#fff;background:#050505;font-size:12px;box-shadow:none}.timeline-panel .timeline-toolbar .play-button:hover{background:#1a1a1a}.timeline-panel .timeline-time-tools{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:14px;min-width:0;padding:0;border:0;color:#888;font-size:11px}.timeline-panel .timeline-divider{display:none}.timeline-panel .current-time{display:flex;align-items:center;gap:4px;color:#888;font-size:11px;font-variant-numeric:tabular-nums}.timeline-panel .current-time output{min-width:34px;color:#050505;text-align:right;font-weight:650}.timeline-panel .duration-field{display:flex;align-items:center;gap:6px;color:#888;font-size:11px}.timeline-panel .duration-field input{width:52px;height:28px;padding:0 6px;border:1px solid #d8d8d8;border-radius:7px;background:#fff;color:#050505;text-align:center;font-variant-numeric:tabular-nums}.timeline-panel .duration-field input:hover,.timeline-panel .duration-field input:focus{border-color:#050505;outline:none}.timeline-panel .preset-bar,.timeline-panel .preset-bar.is-open{position:absolute;z-index:30;bottom:calc(100% - 52px);left:14px;display:block;width:min(590px,calc(100% - 28px));height:auto;max-height:min(300px,46vh);padding:10px;overflow:auto;border:1px solid #d8d8d8;border-radius:10px;background:#fff;box-shadow:0 16px 36px #00000018}.timeline-panel .preset-bar[hidden]{display:none}.timeline-panel .preset-heading{display:flex;flex-direction:row;align-items:center;gap:8px;padding:2px 2px 8px}.timeline-panel .preset-heading strong{margin-right:auto;color:#050505;font-size:12px}.timeline-panel .blank-animation{height:26px;padding:0 8px;border:1px solid #d8d8d8;border-radius:6px;background:#fff;font-size:11px}.timeline-panel #preset-close{width:24px;height:24px;padding:0;border:0;border-radius:6px;background:transparent;font-size:18px;color:#888}.timeline-panel #preset-close:hover{color:#050505;background:#f4f4f4}.timeline-panel .timeline-body{display:grid;grid-template-columns:200px minmax(0,1fr);flex:1;min-height:0;height:auto;overflow:hidden;background:#fff}.timeline-panel .track-labels{display:grid;grid-template-rows:32px minmax(0,1fr);align-items:stretch;justify-items:stretch;min-width:0;min-height:0;overflow:hidden;padding:0;border-right:1px solid #f0f0f0;color:#888;letter-spacing:0}.timeline-panel .track-label-heading{display:flex;align-items:center;height:32px;padding:0 14px;border-bottom:1px solid #f0f0f0;color:#b3b3b3;font-size:10px;font-weight:400;letter-spacing:0;text-transform:none}.timeline-panel #timeline-model-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-panel .track-label-list{display:flex;flex-direction:column;min-height:0;overflow:auto;scrollbar-width:none}.timeline-panel .track-label-list::-webkit-scrollbar{display:none}.timeline-panel .track-label{position:relative;display:flex;align-items:center;justify-content:space-between;gap:6px;flex:0 0 48px;width:auto;height:48px;margin:0;padding:0 12px 0 16px;border:0;border-radius:0;color:#6a6a6a;background:transparent;font-size:11px;text-align:left}.timeline-panel .track-label:before{content:"";position:absolute;top:6px;right:8px;bottom:6px;left:8px;border-radius:10px;background:transparent;transition:background .18s ease}.timeline-panel .track-label:hover:before{background:#f6f6f6}.timeline-panel .track-label.is-selected{color:#222;background:transparent;box-shadow:none}.timeline-panel .track-label.is-selected:before{background:#f0f0f0}.timeline-panel .track-label strong,.timeline-panel .track-label [data-remove]{position:relative;z-index:1}.timeline-panel .track-label strong{display:block;overflow:hidden;max-width:calc(100% - 18px);color:inherit;font-size:11px;font-weight:500;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.timeline-panel .track-label [data-remove],.timeline-panel .track-label button{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border:0;border-radius:50%;color:#c8c8c8;background:transparent;font-size:12px;line-height:1}.timeline-panel .track-label [data-remove]:hover,.timeline-panel .track-label button:hover{color:#222;background:#e8e8e8}.timeline-panel .track-area{position:relative;min-height:0;overflow:auto;padding-top:0;background:#fff}.timeline-panel .track-scroller{position:relative;min-height:100%}.timeline-panel .ruler{position:sticky;top:0;z-index:10;height:32px;border-bottom:1px solid var(--line);background:#fff}.timeline-panel .ruler span{top:auto;bottom:6px;color:#9a9da1;font-size:10px;font-variant-numeric:tabular-nums;transform:translate(-50%)}.timeline-panel .ruler span:first-child{transform:none}.timeline-panel .ruler span:after{content:"";position:absolute;top:-12px;left:50%;width:1px;height:7px;background:#d8d8d8}.timeline-panel .ruler span:first-child:after{left:0}.timeline-panel .track-rows{position:relative;background:repeating-linear-gradient(to right,transparent 0,transparent calc(var(--tick-width, 150px) - 1px),#f0f0ec calc(var(--tick-width, 150px) - 1px),#f0f0ec var(--tick-width, 150px))}.timeline-panel .track-row.scene-row{height:48px;border-top:0;border-bottom:0;background:transparent}.timeline-panel .track-row.scene-row.is-selected{background:transparent}.timeline-panel .track-clips{position:absolute;top:0;right:0;bottom:0;left:0}.timeline-panel .timeline-empty{display:grid;place-items:center;height:100%;color:#b0b3b6;font-size:11px}.timeline-panel .track-row.scene-row .timeline-clip,.timeline-panel .timeline-clip,.timeline-panel .timeline-clip.is-single,.timeline-panel .timeline-clip.is-first,.timeline-panel .timeline-clip.is-mid,.timeline-panel .timeline-clip.is-last{top:50%;z-index:2;height:28px;overflow:visible;padding:0;border:0;border-radius:999px;color:#050505;background:#e8e8e8;box-shadow:none;cursor:move;transform:translateY(-50%)}.timeline-panel .track-row.scene-row .timeline-clip.is-active,.timeline-panel .track-row.scene-row .timeline-clip:hover,.timeline-panel .timeline-clip.is-active,.timeline-panel .timeline-clip:hover{border-color:transparent;background:#d4d4d4;box-shadow:none}.timeline-panel .timeline-clip.has-media:after{right:12px;bottom:8px;left:12px;height:2px;background:#6e6e6e}.timeline-panel .track-row.scene-row .clip-handle,.timeline-panel .timeline-clip .clip-handle,.timeline-panel .clip-handle{top:0;z-index:12;width:22px;height:100%;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:ew-resize;transform:none}.timeline-panel .track-row.scene-row .clip-handle.is-start,.timeline-panel .timeline-clip .clip-handle.is-start,.timeline-panel .clip-handle.is-start{left:0;right:auto}.timeline-panel .track-row.scene-row .clip-handle.is-end,.timeline-panel .timeline-clip .clip-handle.is-end,.timeline-panel .clip-handle.is-end{left:auto;right:0}.timeline-panel .clip-handle:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:16px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #8a8a8a;transform:translate(-50%,-50%)}.timeline-panel .track-row.scene-row .clip-handle.is-linked:after,.timeline-panel .timeline-clip .clip-handle.is-linked:after,.timeline-panel .clip-handle.is-linked:after{width:7px;height:18px;background:#6b6b6b;box-shadow:none}.timeline-panel .track-row.scene-row .clip-handle.is-selected:after,.timeline-panel .timeline-clip .clip-handle.is-selected:after,.timeline-panel .clip-handle.is-selected:after{width:7px;height:18px;background:#1a1a1a;box-shadow:none}.timeline-panel .playhead{z-index:11;top:0;bottom:0;width:2px;background:#5c5c5c;box-shadow:none;pointer-events:auto;cursor:grab;touch-action:none}.timeline-panel .playhead:active{cursor:grabbing}.timeline-panel .playhead:before{content:"";position:absolute;top:0;left:-10px;width:22px;height:32px}.timeline-panel .playhead span{top:6px;left:50%;width:10px;height:10px;border:0;border-radius:2px;background:#5c5c5c;box-shadow:0 0 0 2px #fff;pointer-events:none;transform:translate(-50%) rotate(45deg)}.clip-menu{border:1px solid #d8d8d8;border-radius:8px;background:#fff;box-shadow:0 10px 28px #00000014}.clip-menu button{border-radius:6px;font-size:12px}.clip-menu button:hover{background:#f4f4f4}@media (max-width: 800px){.timeline-panel .timeline-toolbar{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:36px 32px;gap:0 10px;flex-basis:68px;height:68px;padding:4px 10px}.timeline-panel .timeline-tools{grid-column:1 / -1;gap:6px;overflow-x:auto;scrollbar-width:none}.timeline-panel .timeline-tools::-webkit-scrollbar{display:none}.timeline-panel .timeline-toolbar .play-button{grid-column:1;grid-row:2;justify-self:start}.timeline-panel .timeline-time-tools{grid-column:2;grid-row:2}.timeline-panel #timeline-zoom-range{width:clamp(48px,16vw,80px)}.timeline-panel .preset-bar,.timeline-panel .preset-bar.is-open{bottom:calc(100% - 68px);left:8px;width:min(590px,calc(100% - 16px))}.timeline-panel .timeline-body{grid-template-columns:minmax(160px,28%) minmax(0,1fr)}}@media (max-width: 440px){.timeline-panel .timeline-add-frame{min-width:52px;padding:0 7px}.timeline-panel .add-animation-button{min-width:32px;width:32px;padding:0;font-size:0}.timeline-panel .add-animation-button span{font-size:14px}.timeline-panel #timeline-zoom-range{width:42px}}.storage-module,.canvas-tools{border:1px solid #d8d8d8;border-radius:8px;background:#fff}.storage-module:hover,.canvas-tools:hover{border-color:#d8d8d8;background:#fff}.storage-module{display:inline-flex;align-items:center;gap:0;width:max-content;height:28px;max-width:min(360px,calc(100% - 140px));padding:2px;border-radius:7px}.storage-name{display:flex;align-items:center;gap:5px;flex:0 1 auto;min-width:0;max-width:112px;height:24px;padding:0 7px 0 3px}.storage-glyph{display:grid;place-items:center;flex:0 0 16px;width:16px;height:16px;border-radius:4px;color:#050505;background:#f3f3f3}.storage-title{min-width:0;overflow:hidden;color:#050505;font-size:11px;font-weight:600;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis}.storage-module .storage-button{flex:0 0 auto;height:24px;padding:0 7px;border:0;border-left:1px solid #ececec;border-radius:0;color:#666;background:transparent;font-size:10px;white-space:nowrap}.storage-module .storage-button:hover{color:#050505;background:#f5f5f5}.canvas-tools{height:28px;gap:0;padding:2px;border-radius:7px}.canvas-zoom button,.canvas-tool-text{height:24px;border-radius:5px}.canvas-zoom button{width:22px;min-width:22px;font-size:13px}.canvas-tool-text{padding:0 7px;font-size:10px}.canvas-tool-divider{height:12px}.stage-toolbar .render-status{max-width:22px;padding:0 5px 0 4px;color:#b0b0b0}.account-dock{display:inline-flex;align-items:center;gap:8px;height:auto;padding:0;border:0;background:transparent}.account-entry{position:relative;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 9px;border:1px solid #d8d8d8;border-radius:7px;color:#555;background:#fff;font-size:11px;font-weight:500;letter-spacing:-.01em;white-space:nowrap}.account-entry+.account-entry{margin-left:0}.account-entry:hover{color:#050505;background:#f5f5f5}.account-entry:active{background:#efefef}.account-entry:focus-visible{z-index:1;outline:2px solid #050505;outline-offset:-2px}.account-entry svg{display:block;flex:0 0 auto}.account-entry#login-entry{color:#111;font-weight:600}.account-entry .notify-dot{display:none;position:absolute;top:4px;right:5px;width:5px;height:5px;border-radius:50%;background:#111}.account-entry.is-unread .notify-dot{display:block}.timeline-panel .track-labels,.timeline-panel .track-label-list,.timeline-panel .track-label-row{min-width:0;max-width:100%;overflow:hidden}.timeline-panel .track-label-list{overflow-x:hidden;overflow-y:auto}.timeline-panel .track-label-row{position:relative;flex:0 0 48px;width:100%;height:48px}.timeline-panel .track-label{display:block;width:100%;max-width:100%;min-width:0;padding:0 32px 0 14px;overflow:hidden}.timeline-panel .track-label strong{display:block;width:100%;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-panel .track-remove{position:absolute;top:50%;right:8px;z-index:3;display:grid;place-items:center;width:18px;height:18px;margin:0;padding:0;border:0;border-radius:4px;color:#c8c8c8;background:transparent;transform:translateY(-50%)}.timeline-panel .track-label-row:hover .track-remove,.timeline-panel .track-label.is-selected+.track-remove{color:#9a9a9a}.timeline-panel .track-remove:hover{color:#222;background:#f4f4f4}.brand-lockup{gap:10px;min-width:0}.brand-mark{width:34px;height:34px;padding:0;border:0;border-radius:0;color:#111;background:none;box-shadow:none;overflow:visible}.brand-mark img{display:block;width:34px;height:34px;object-fit:contain}.brand-lockup strong{font-size:15px;font-weight:600;letter-spacing:.12em}.brand-lockup span:not(.brand-mark){margin-top:1px;color:#8a8a8a;font-size:9px;letter-spacing:.22em}.overlay-field{display:flex;flex-direction:column;gap:5px;margin-top:10px;color:#777;font-size:10px}.overlay-field textarea,.overlay-field select,.overlay-field input[type=text]{width:100%;border:1px solid #e4e4e4;border-radius:6px;color:#111;background:#fff;font:inherit}.overlay-field textarea{min-height:64px;padding:8px;resize:vertical;line-height:1.4}.overlay-field select,.overlay-field input[type=text]{height:28px;padding:0 8px}.overlay-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.overlay-color-row{display:flex;align-items:center;gap:8px}.overlay-color-row input[type=color]{width:28px;height:28px;padding:0;border:1px solid #e4e4e4;border-radius:6px;background:#fff}.asset-thumb.asset-text{color:#111;background:#f7f7f7;font-size:11px;font-weight:600;letter-spacing:.08em}.asset-thumb.asset-image{color:#f4f4f4;background:#050505}.asset-thumb.asset-image .asset-preview{object-fit:cover}.help-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#fff}.help-overlay[hidden]{display:none}.help-page{display:grid;grid-template-rows:56px minmax(0,1fr);height:100%}.help-head{display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #d8d8d8}.help-head .eyebrow{display:block;color:#8a8a8a;font-size:9px;letter-spacing:.18em}.help-head h2{margin:2px 0 0;color:#111;font-size:15px;font-weight:600;letter-spacing:.04em}.help-close{width:32px;height:32px;border:1px solid #d8d8d8;border-radius:8px;color:#555;background:#fff;font-size:18px;line-height:1}.help-close:hover{color:#111;background:#f5f5f5}.help-body{display:grid;grid-template-columns:228px minmax(0,1fr);min-height:0}.help-nav{display:flex;flex-direction:column;gap:4px;padding:18px 12px;overflow:auto;border-right:1px solid #ececec;background:#fafafa}.help-nav-label{margin:4px 8px 8px;color:#999;font-size:10px;letter-spacing:.16em}.help-topic{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 10px;border:0;border-radius:8px;color:#555;background:transparent;font-size:12px;text-align:left;line-height:1.35}.help-topic i{flex:0 0 auto;padding:1px 5px;border-radius:999px;color:#111;background:#ececec;font-size:9px;font-style:normal;letter-spacing:.04em}.help-topic:hover{color:#111;background:#f0f0f0}.help-topic.is-active{color:#111;background:#fff;box-shadow:inset 0 0 0 1px #d8d8d8;font-weight:600}.help-main{overflow:auto;padding:36px 48px 80px}.help-article{max-width:720px}.help-kicker{margin:0 0 8px;color:#999;font-size:10px;letter-spacing:.18em}.help-article h3{margin:0 0 14px;color:#111;font-size:26px;font-weight:600;letter-spacing:-.03em}.help-article p,.help-article li{color:#444;font-size:13.5px;line-height:1.7}.help-article p{margin:0 0 14px}.help-article ul,.help-article ol{margin:0 0 18px;padding-left:18px}.help-article li+li{margin-top:6px}.help-figure{margin:8px 0 22px;padding:0}.help-figure svg{display:block;width:100%;height:auto;border:1px solid #ececec;border-radius:14px;background:#f7f7f7}.help-figure figcaption{margin-top:8px;color:#888;font-size:12px;line-height:1.5}.help-steps{display:grid;gap:12px;margin:8px 0 22px;padding:0;list-style:none}.help-steps li{padding:14px 16px;border:1px solid #ececec;border-radius:12px;background:#fff}.help-steps h4{margin:0 0 6px;color:#111;font-size:13px;font-weight:650}.help-steps p{margin:0}.help-callout{margin:0 0 18px;padding:14px 16px;border:1px solid #ececec;border-radius:12px;background:#fafafa}.help-callout strong{display:block;margin-bottom:6px;color:#111;font-size:13px}.help-callout p{margin:0}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#11111147}.auth-overlay[hidden]{display:none}.auth-dialog{position:relative;width:min(420px,100%);padding:28px 28px 24px;border:1px solid #d8d8d8;border-radius:16px;background:#fff;box-shadow:0 18px 60px #0000001f}.auth-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:1px solid #d8d8d8;border-radius:8px;color:#555;background:#fff;font-size:18px;line-height:1}.auth-close:hover{color:#111;background:#f5f5f5}.auth-eyebrow{margin:0 0 6px;color:#8a8a8a;font-size:9px;letter-spacing:.18em}.auth-dialog h2{margin:0;color:#111;font-size:18px;font-weight:650}.auth-copy,.auth-account-id{margin:8px 0 18px;color:#666;font-size:13px;line-height:1.55}.auth-tabs{display:flex;gap:8px;margin:0 0 16px}.auth-tab{flex:1;height:34px;border:1px solid #d8d8d8;border-radius:999px;color:#555;background:#fff;font-size:12px}.auth-tab[aria-selected=true]{color:#111;background:#f4f4f4;font-weight:600}.auth-error{margin:0 0 12px;color:#b42318;font-size:12px;line-height:1.5}.auth-error[hidden]{display:none}.auth-field{display:grid;gap:6px;margin:0 0 12px;color:#888;font-size:11px;letter-spacing:.04em}.auth-field input{height:38px;padding:0 12px;border:1px solid #d8d8d8;border-radius:10px;color:#111;background:#fff;font-size:13px}.auth-submit,.auth-resend{width:100%;height:38px;border-radius:10px;font-size:13px}.auth-submit{border:1px solid #111;color:#fff;background:#111}.auth-submit:disabled,.auth-resend:disabled{opacity:.55}.auth-resend{margin-top:8px;border:0;color:#666;background:transparent}.account-entry.is-signed-in{color:#111}