:root{color:#d8e6ff;--playhead-left:0%;--live-playhead-left:var(--playhead-left);--editor-side-width:304px;background:#07101d;font-family:Satoshi,Avenir Next,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.home-shell{background:radial-gradient(circle at 20% 12%,#54f0cf38,#0000 30%),radial-gradient(circle at 78% 20%,#508cff2e,#0000 34%),linear-gradient(135deg,#08111f,#0d1728 58%,#070b13);place-items:center;min-height:100vh;padding:32px;display:grid}.home-card{background:#0a1424d1;border:1px solid #93c5fd38;border-radius:30px;width:min(920px,100%);padding:36px;box-shadow:0 32px 120px #0000006b}.eyebrow{color:#54f0cf;text-transform:uppercase;letter-spacing:.18em;margin:0 0 12px;font-size:12px;font-weight:900}h1{letter-spacing:-.08em;margin:0;font-size:clamp(48px,8vw,92px);line-height:.88}.home-copy{color:#9fb3d1;max-width:620px;font-size:18px}.preset-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0;display:grid}.preset-card{text-align:left;color:#d8e6ff;cursor:pointer;background:#0f1d32b8;border:1px solid #93c5fd47;border-radius:22px;min-height:112px;padding:20px}.preset-card strong{margin-bottom:10px;font-size:22px;display:block}.preset-card span{color:#9fb3d1}.preset-card.selected{background:#54f0cf1f;border-color:#54f0cf}.primary-action,.ghost-button,.play-button,.timeline-tools button{color:#efffff;cursor:pointer;white-space:nowrap;background:#54f0cf1f;border:1px solid #54f0cf7a;border-radius:12px;padding:10px 14px}.primary-action:disabled,.ghost-button:disabled,.play-button:disabled,.timeline-tools button:disabled{opacity:.45;cursor:not-allowed}.ghost-button.compact{border-radius:12px;padding:8px 10px;font-size:12px}.recent-projects{color:#8ea4c4;border-top:1px solid #93c5fd2e;gap:8px;margin-top:26px;padding-top:18px;font-size:13px;display:grid}.recent-projects strong{color:#d8e6ff}.editor-shell{grid-template-rows:minmax(52px,auto) minmax(0,1fr) auto 116px;gap:10px;width:100vw;height:100vh;min-height:0;padding:10px;display:grid;overflow:hidden}.editor-shell>*{min-width:0;max-width:100%}.topbar,.stage-panel,.timeline-panel{background:#08111fdb;border:1px solid #93c5fd2e;border-radius:18px}.topbar{align-items:center;gap:12px;min-height:52px;padding:8px 10px;display:flex;overflow:visible}.topbar strong,.topbar span{display:block}.topbar span{color:#8ea4c4}.topbar>div:not(.topbar-actions){min-width:190px}.topbar-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;margin-left:auto;display:flex}.topbar-status{color:#ffd7a8;text-align:right;text-overflow:ellipsis;white-space:nowrap;max-width:min(420px,28vw);font-size:12px;line-height:1.35;overflow:hidden}.preview-status{color:#8ea4c4;white-space:nowrap;font-size:13px}.preview-status.clean{color:#54f0cf}.preview-errors{color:#ffc3c3;font-size:13px;position:relative}.preview-errors summary{cursor:pointer;list-style:none}.preview-errors summary::-webkit-details-marker{display:none}.preview-error-list,.diagnostics-body,.contract-body,.capability-grid{z-index:10;background:#08111ffa;border:1px solid #ffc3c347;border-radius:14px;width:min(520px,86vw);max-height:340px;padding:12px;position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 24px 80px #0000006b}.preview-error-list{background:#160b10fa}.preview-error-list pre{color:#ffd7d7;-webkit-user-select:text;user-select:text;white-space:pre-wrap;background:#ffffff0f;border-radius:10px;margin:10px 0 0;padding:10px;overflow:auto}.diagnostics-panel,.contract-panel,.capability-panel{font-size:13px;position:relative}.diagnostics-panel summary,.contract-panel summary,.capability-panel summary{cursor:pointer;align-items:center;gap:8px;list-style:none;display:flex}.diagnostics-panel summary::-webkit-details-marker{display:none}.contract-panel summary::-webkit-details-marker{display:none}.capability-panel summary::-webkit-details-marker{display:none}.diagnostics-panel.good summary{color:#54f0cf}.diagnostics-panel.warning summary{color:#ffd38f}.diagnostics-panel.critical summary{color:#ff9c9c}.contract-panel.good summary{color:#54f0cf}.contract-panel.warning summary{color:#ffd38f}.contract-panel.critical summary{color:#ff9c9c}.diagnostics-panel summary span,.contract-panel summary span{color:#8ea4c4}.diagnostics-body dl,.contract-body dl{grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0;display:grid}.diagnostics-body div,.contract-body div{background:#ffffff0f;border-radius:10px;padding:10px}.diagnostics-body dt,.contract-body dt{color:#8ea4c4}.diagnostics-body dd,.contract-body dd{color:#efffff;margin:4px 0 0;font-weight:800}.contract-copy{margin-top:10px}.diagnostics-body ul,.diagnostics-body p,.contract-body ul,.contract-body p{color:#b9c8e2;-webkit-user-select:text;user-select:text;margin:8px 0 0;padding-left:18px}.diagnostics-body p,.contract-body p{padding-left:0}.contract-body li.critical{color:#ffb4b4}.contract-body li.warning{color:#ffd38f}.contract-body li.info{color:#b9c8e2}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.capability-grid span{background:#ffffff0f;border-radius:10px;padding:8px}.capability-grid .enabled{color:#54f0cf}.capability-grid .disabled{color:#8ea4c4}.stage-panel{place-items:center;min-height:0;padding:10px;display:grid;position:relative;overflow:hidden}.export-renderer{opacity:0;pointer-events:none;border:0;position:fixed;top:0;left:-100000px}.play-button{position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.render-status-strip{color:#8ea4c4;background:#08111fb8;border:1px solid #93c5fd2e;border-radius:12px;flex-wrap:nowrap;align-items:center;gap:10px;min-height:34px;padding:8px 10px;font-size:12px;display:flex;overflow:hidden}.render-status-strip strong{color:#d8e6ff}.render-status-strip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.timeline-panel{min-height:0;padding:8px 10px;position:relative;overflow:hidden}.timeline-header{color:#9fb3d1;justify-content:space-between;gap:16px;margin-bottom:7px;padding-right:390px;font-size:13px;display:flex}.timeline-tools{gap:6px;margin:0;display:flex;position:absolute;top:7px;right:10px}.timeline-tools button{padding:6px 9px;font-size:12px}.timeline-ruler{cursor:pointer;border:1px solid #93c5fd38;border-radius:9px 9px 0 0;height:28px;position:relative}.timeline-ruler span{color:#9fb3d1;font-size:12px;position:absolute;top:6px;transform:translate(4px)}.playhead{background:#54f0cf;width:3px;position:absolute;top:0;bottom:-120px;box-shadow:0 0 18px #54f0cf99}.tracks{border:1px solid #93c5fd38;border-top:0;border-radius:0 0 9px 9px;height:40px;padding-top:7px;position:relative}.clip{color:#eafffb;text-align:left;cursor:pointer;background:#54f0cf26;border:2px solid;border-radius:8px;height:24px;padding:0 10px;font-size:12px;position:absolute;top:7px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#03080fb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.export-modal{background:#08111f;border:1px solid #93c5fd47;border-radius:18px;width:min(720px,100%);max-height:min(680px,92vh);padding:18px;overflow:auto;box-shadow:0 30px 120px #00000094}.export-modal header,.export-modal footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.export-modal h2{margin:0;font-size:28px;line-height:1}.eyebrow.compact{letter-spacing:.12em;margin-bottom:6px;font-size:11px}.export-controls{grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0;display:grid}.export-controls label{color:#8ea4c4;text-transform:uppercase;gap:7px;font-size:12px;font-weight:800;display:grid}.export-controls select{color:#efffff;background:#0e1a2b;border:1px solid #93c5fd3d;border-radius:10px;height:40px;padding:0 10px}.export-summary,.export-message-list{flex-wrap:wrap;gap:8px;display:flex}.export-summary span,.export-message-list span{color:#b9c8e2;background:#ffffff0f;border-radius:10px;padding:8px 10px;font-size:12px}.export-modal progress{accent-color:#54f0cf;width:100%;height:12px;margin:18px 0 8px}.export-message{margin:8px 0 12px;line-height:1.45}.export-message.ok{color:#54f0cf}.export-message.blocked{color:#ffd38f}.export-modal footer{justify-content:flex-end;margin-top:18px}@media (width<=1100px){.topbar-actions{gap:6px}.topbar-status{display:none}.ghost-button{padding:8px 10px;font-size:12px}.preview-status,.diagnostics-panel,.contract-panel,.capability-panel,.preview-errors{font-size:12px}.timeline-header{padding-right:0}.timeline-tools{margin-bottom:6px;position:static}}@media (height<=760px){.editor-shell{grid-template-rows:minmax(46px,auto) minmax(0,1fr) auto 104px;gap:8px;padding:8px}.topbar{min-height:46px;padding:6px 8px}.stage-panel{padding:8px}.timeline-header,.timeline-tools{margin-bottom:6px}.timeline-ruler{height:28px}.tracks{height:36px}.clip{height:23px;top:6px}}.editor-shell{color:#d8dde3;background:#0a0e10;grid-template-rows:58px minmax(0,1fr) 354px;gap:0;width:100vw;height:100vh;padding:0;display:grid;position:relative;overflow:hidden}.topbar{z-index:20;background:#1a2226;border:0;border-bottom:1px solid #273137;border-radius:0;grid-template-columns:minmax(410px,1fr) auto minmax(520px,1fr);align-items:center;gap:16px;height:58px;min-height:58px;padding:0 12px 0 8px;display:grid}.toolbar-left,.toolbar-center,.toolbar-right{align-items:center;gap:8px;min-width:0;display:flex}.toolbar-center{justify-content:center}.toolbar-right{justify-content:flex-end}.brand-mark{color:#11191d;cursor:pointer;background:#f6f8fa;border:0;border-radius:7px;width:36px;height:36px;font-size:28px;font-weight:900;line-height:1}.icon-button,.zoom-button{color:#9caab3;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.icon-button.active{color:#5ce0c7}.icon-button:hover,.zoom-button:hover{color:#e5edf2;background:#222d33}.hand-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.toolbar-svg-icon{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.align-svg-icon{fill:none;stroke:currentColor;width:20px;height:20px;display:block}.toolbar-separator{background:#2b363c;width:1px;height:28px;margin:0 6px}.zoom-button{font-size:20px}.zoom-value{text-align:center;color:#97a4ad;width:48px;font-weight:700}.file-chip{color:#d7dde2;justify-content:center;align-items:center;gap:9px;min-width:180px;display:flex}.file-chip span{color:#91a0aa}.file-chip strong{text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-weight:800;overflow:hidden}.align-toolbar{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:9px;height:32px;padding:0 12px;display:flex}.align-tool-button{color:#bfc5c8;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:28px;height:28px;padding:0;display:grid}.align-tool-button:hover,.align-tool-button:focus-visible{color:#fff;background:#343434;outline:none}.mode-toggle{background:#070a0c;border:1px solid #273239;border-radius:7px;height:36px;padding:3px;display:flex}.mode-toggle button{color:#8f9aa3;cursor:pointer;background:0 0;border:0;border-radius:5px;min-width:126px;height:28px;font-weight:800}.mode-toggle button.selected{color:#dde5ea;background:#202b31}.toolbar-action,.login-button{color:#e9f2f4;cursor:pointer;white-space:nowrap;border:0;border-radius:6px;height:36px;padding:0 16px;font-weight:900}.toolbar-action{color:#c7d0d6;background:#263239}.folder-action{text-overflow:ellipsis;max-width:180px;overflow:hidden}.account-sidebar-layer{z-index:120;pointer-events:none;position:fixed;inset:0}.account-sidebar-layer.open{pointer-events:auto}.account-sidebar-backdrop{opacity:0;background:0 0;border:0;transition:opacity .18s,background .18s;position:absolute;inset:0}.account-sidebar-layer.open .account-sidebar-backdrop{opacity:1;background:#00000038}.account-sidebar{border:1px solid var(--theme-line);background:#2b2b2b;border-radius:18px;grid-template-rows:auto 1fr auto;gap:14px;width:min(328px,100vw - 20px);padding:16px;transition:transform .2s;display:grid;position:absolute;top:10px;bottom:10px;left:10px;transform:translate(calc(-100% - 18px));box-shadow:0 22px 80px #0000005c}.account-sidebar-layer.open .account-sidebar{transform:translate(0)}.account-profile{border-bottom:1px solid var(--theme-line-soft);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding-bottom:14px;display:grid}.profile-avatar{color:#202020;background:#f3f3f3;border-radius:999px;place-items:center;width:48px;height:48px;font-size:18px;font-weight:700;display:grid}.account-profile strong,.account-profile span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.account-profile strong{color:var(--theme-text);font-size:15px;font-weight:600}.account-profile span{color:var(--theme-muted);margin-top:3px;font-size:12px}.account-menu-links{align-content:start;gap:6px;display:grid}.account-menu-links button,.account-signout{width:100%;height:38px;color:var(--theme-text);text-align:left;cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;padding:0 12px;font-size:13px;display:flex}.account-menu-links button:hover,.account-menu-links button:focus-visible,.account-signout:hover,.account-signout:focus-visible{border-color:var(--theme-line);background:#343434;outline:none}.account-signout{color:#e5e5e5;border-color:var(--theme-line);background:#303030}.toolbar-action:disabled{opacity:.45;cursor:not-allowed}.login-button{background:#4bb9ad;min-width:116px}.avatar-dot{color:#a8b5bd;font-size:22px}.floating-status{z-index:60;color:#d7e0e5;text-overflow:ellipsis;white-space:nowrap;background:#11191df0;border:1px solid #5ce0c73d;border-radius:9px;max-width:min(520px,44vw);padding:9px 12px;font-size:12px;position:fixed;top:68px;right:20px;overflow:hidden;box-shadow:0 18px 50px #00000052}.editor-main{border-bottom:1px solid #263138;grid-template-columns:54px 324px minmax(0,1fr) 348px;min-height:0;display:grid;overflow:hidden}.left-rail{background:#121a1d;border-right:1px solid #273137;flex-direction:column;align-items:center;gap:8px;min-height:0;padding:18px 8px;display:flex}.left-rail .icon-button{color:#8fa1aa}.left-rail .icon-button.active{color:#57d9c4}.outliner-panel,.inspector-panel{background:#192124;border-right:1px solid #273137;min-height:0;overflow:hidden}.inspector-panel{border-left:1px solid #273137;border-right:0}.panel-tabs{border-bottom:1px solid #2a353b;grid-template-columns:1fr 1fr;gap:8px;height:60px;padding:11px;display:grid}.panel-tabs button{color:#9aa6ad;cursor:pointer;background:0 0;border:0;border-radius:6px;font-weight:900}.panel-tabs button.selected{color:#dbe3e8;background:#242e34}.scene-tree{gap:12px;padding:16px 14px;display:grid}.tree-root,.tree-item{color:#d8dee3;align-items:center;gap:10px;height:36px;font-size:15px;display:flex}.tree-root span,.tree-item span{color:#6a72ff;font-size:20px}.tree-root em{color:#87949c;margin-left:auto;font-style:normal}.tree-item{cursor:pointer;background:0 0;border:0;border-radius:6px;width:100%;padding-left:28px}.tree-item.selected,.tree-item:hover{background:#222c31}.canvas-workbench{background:#070909;grid-template-rows:30px minmax(0,1fr) 34px;place-items:center stretch;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.canvas-title{color:#f0f3f5;letter-spacing:.06em;align-self:end;width:min(100%,620px);margin:0 auto;font-weight:900}.stage-panel{background:0 0;border:0;border-radius:0;place-items:center;width:100%;height:100%;min-height:0;padding:0 22px;display:grid;overflow:hidden}.stage-frame{background:#fff;border:0;border-radius:0;width:auto;max-width:min(100%,76vw);height:min(100%,70vh);max-height:100%;box-shadow:0 18px 80px #00000073}.stage-frame iframe{background:0 0;border:0;width:100%;height:100%;display:block}.canvas-size-label{color:#697882;place-self:start center;font-weight:800}.inspector-section{border-bottom:1px solid #2a353b;padding:20px 24px}.inspector-title{align-items:center;gap:12px;margin-bottom:18px;display:flex}.inspector-title span{color:#6a72ff;font-size:20px}.select-row,.dimension-grid,.metric-row,.guide-row{color:#d5dde2;background:#252f35;border:0;border-radius:6px;align-items:center;gap:10px;width:100%;min-height:36px;margin-bottom:12px;padding:0 12px;font-weight:800;display:flex}.select-row span{color:#8f9aa3;margin-left:auto}.dimension-grid{color:#9ba8b0;grid-template-columns:1fr 1px 1fr;display:grid}.dimension-grid i,.metric-row i{background:#3b474e;width:1px;height:22px}.muted-label{color:#8b989f;margin:6px 0 10px;font-weight:800;display:block}.origin-widget{background:linear-gradient(#6a777f,#6a777f) 50%/70px 1px no-repeat,linear-gradient(90deg,#6a777f,#6a777f) 50%/1px 70px no-repeat,#252f35;border-radius:6px;place-items:center;width:132px;height:104px;margin-left:auto;display:grid}.origin-widget span{color:#fff;background:#4bb9ad;place-items:center;width:32px;height:32px;font-size:22px;display:grid}.inspector-section h3{color:#aab5bc;justify-content:space-between;margin:0 0 14px;font-size:15px;display:flex}.guide-row b{background:#ff3b30;border-radius:999px;width:20px;height:20px}.clip-inspector{padding:14px 18px}.clip-inspector .inspector-title{margin-bottom:12px}.clip-inspector .inspector-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.clip-inspector h3{margin-bottom:10px;font-size:12px;font-weight:600}.inspector-field-grid{gap:8px;display:grid}.inspector-field-grid.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.inspector-field-grid label,.inspector-toggle{color:#92a0a8;gap:5px;min-width:0;font-size:11px;font-weight:500;display:grid}.inspector-toggle{grid-template-columns:auto 1fr;align-items:center;margin:0 0 9px}.inspector-field-grid input,.inspector-field-grid select{color:#dce5e9;width:100%;min-width:0;height:30px;font:inherit;background:#111a20;border:1px solid #33414a;border-radius:6px;outline:none;padding:0 8px;font-size:12px}.inspector-field-grid input[type=color]{padding:3px}.inspector-field-grid input:focus,.inspector-field-grid select:focus{border-color:#4bb9ad}.guide-row span{margin-left:auto}.diagnostic-dock{z-index:55;pointer-events:none;display:none;position:absolute;top:68px;right:360px}.diagnostic-actions{pointer-events:auto;color:#9daab2;align-items:center;gap:12px;display:flex}.render-status-strip{display:none}.timeline-panel{background:#192124;border:0;border-radius:0;grid-template-rows:52px 42px minmax(0,1fr);min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.timeline-tabs{background:#12181b;border-bottom:1px solid #2b363c;align-items:end;gap:8px;padding-left:54px;display:flex}.timeline-tabs button{color:#94a1aa;cursor:pointer;background:0 0;border:0;border-radius:12px 12px 0 0;min-width:176px;height:42px;padding:0 20px;font-weight:900}.timeline-tabs button.selected{color:#eef3f6;background:#192124}.timeline-header{color:#9facb4;border-bottom:1px solid #263138;grid-template-columns:472px 1fr auto;align-items:center;gap:12px;margin:0;padding:0 14px;font-size:14px;display:grid}.layers-title{align-items:center;gap:12px;display:flex}.layers-title button{color:#aab6bd;cursor:pointer;background:0 0;border:0;width:34px;height:34px;font-size:24px}.timeline-tools{justify-content:flex-start;gap:6px;min-width:0;display:flex;position:static}.timeline-tools button{color:#b9c4ca;background:#202a30;border:1px solid #303d45;border-radius:6px;height:28px;padding:0 10px;font-size:12px}.timeline-time{color:#a8b4bb;white-space:nowrap;font-weight:800}.timeline-grid{grid-template-rows:34px minmax(0,1fr);grid-template-columns:472px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.timeline-left-spacer{background:#192124;border-right:1px solid #2b363c}.timeline-ruler{cursor:pointer;background:#111719;border:0;border-bottom:1px solid #263138;border-radius:0;height:34px;position:relative}.timeline-ruler:before{content:"";background-image:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#78868f6b 10%,#0000 calc(10% + 1px));height:14px;position:absolute;bottom:0;left:0;right:0}.timeline-ruler span{color:#717f88;font-size:12px;font-weight:800;top:6px}.minor-tick{background:#74808847;width:1px;height:8px;position:absolute;bottom:0;transform:translate(-.5px)}.layer-list{background:#192124;border-right:1px solid #2b363c;min-height:0;overflow:hidden}.layer-label{color:#d5dde2;border-bottom:1px solid #202a2f;grid-template-columns:20px 28px minmax(0,1fr) 30px;align-items:center;gap:8px;height:36px;padding:0 14px 0 8px;font-weight:800;display:grid}.layer-parent{appearance:none;color:#d8dee3;text-align:left;cursor:pointer;background:0 0;border:0;width:100%}.layer-parent:hover,.layer-parent:focus,.layer-parent:focus-visible{background:#182124;outline:none}.layer-parent.selected{background:#182124;border-radius:0}.layer-parent .disclosure{color:#9aa7af;font-size:15px}.layer-parent .layer-icon{color:#aab6bd}.layer-parent strong,.animation-property-label strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.animation-property-label{color:#a8b3ba;background:#202a30;grid-template-columns:28px minmax(74px,.65fr) minmax(0,1fr) 24px;padding-left:86px}.animation-property-label small{color:#d7dde2;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:400;overflow:hidden}.animation-property-label em{color:#4bb9ad}.property-indent{opacity:.65;background:#5b6872;justify-self:center;width:1px;height:100%}.disclosure-spacer{width:100%}.layer-label span{color:#6a72ff;font-size:18px}.layer-label em{color:#7d8b94;font-style:normal}.track-lanes{background:#101618;min-height:0;position:relative;overflow:hidden}.track-row{cursor:pointer;background-image:linear-gradient(90deg,#0000 0 calc(10% - 1px),#7480881f 10%,#0000 calc(10% + 1px));background-size:10% 100%;border-bottom:1px solid #202a2f;height:36px;position:relative}.track-row:nth-child(odd){background-color:#101719}.clip{color:#e9eef2;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#5e6973;border:0;border-radius:5px;min-width:42px;height:26px;padding:0 12px;font-size:12px;font-weight:900;position:absolute;top:5px;overflow:hidden}.clip.selected{background:#747f89;box-shadow:inset 0 0 0 2px #5ce0c7e6}.clip.moving{cursor:grabbing;will-change:left;background:#7c8993;transition:none;box-shadow:inset 0 0 0 2px #5ce0c7,0 8px 20px #0000003d}.animation-span-clip{color:#07352d;background:#5bc2aa;height:20px;top:5px;box-shadow:inset 4px 0 #f4fffce6,inset -4px 0 #f4fffce6}.keyframe-marker{z-index:2;pointer-events:none;background:#aeb8bf;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%)}.keyframe-marker.diamond{border-radius:3px;transform:translate(-50%,-50%)rotate(45deg)}.keyframe-marker.dot{border-radius:999px}.track-row.shape-position,.track-row.shape-scale,.track-row.shape-opacity{background-color:#11181b}.playhead{top:0;left:var(--live-playhead-left);z-index:12;width:2px;box-shadow:none;pointer-events:none;will-change:left;background:#f1f6f9f5;border-radius:1px;position:absolute;bottom:0;transform:translate(-1px)}.playhead:before{content:none;display:none}.lane-playhead{height:auto}.preview-status.clean,.diagnostics-panel,.contract-panel,.capability-panel,.preview-errors{font-size:12px}@media (width<=1280px){.editor-shell{grid-template-rows:54px minmax(0,1fr) 300px}.topbar{grid-template-columns:1fr auto 1fr;height:54px;min-height:54px}.toolbar-left .icon-button:nth-of-type(n+5),.zoom-button,.zoom-value,.mode-toggle{display:none}.editor-main{grid-template-columns:48px 248px minmax(0,1fr) 286px}.timeline-header,.timeline-grid{grid-template-columns:340px minmax(0,1fr) auto}.timeline-grid{grid-template-columns:340px minmax(0,1fr)}.layer-label{padding-left:48px}}@media (width<=900px){.editor-shell{grid-template-rows:52px minmax(0,1fr) 260px}.topbar{grid-template-columns:auto 1fr auto}.file-chip{justify-content:flex-start}.outliner-panel,.inspector-panel,.diagnostic-dock{display:none}.editor-main{grid-template-columns:46px minmax(0,1fr)}.stage-frame{max-width:100%;height:min(100%,64vh)}.timeline-header,.timeline-grid{grid-template-columns:168px minmax(0,1fr)}.timeline-header{grid-template-columns:168px minmax(0,1fr) auto}.timeline-tools{display:none}.layer-label{padding-left:14px}.login-button{display:none}}@media (height<=760px){.editor-shell{grid-template-rows:50px minmax(0,1fr) 252px}.topbar{height:50px;min-height:50px}.timeline-panel{grid-template-rows:36px 34px minmax(0,1fr)}.timeline-tabs button{height:30px;font-size:12px}.timeline-header{height:34px;font-size:12px}.timeline-grid{grid-template-rows:28px minmax(0,1fr)}.timeline-ruler{height:28px}.timeline-ruler span{font-size:11px;top:4px}.track-row,.layer-label{height:21px;font-size:11px}.clip{border-radius:4px;height:15px;font-size:10px;top:3px}}:root{color:#d5dce1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400}body,button,input,select{letter-spacing:0;font-family:inherit;font-weight:400}.editor-shell{color:#d0d7dc;grid-template-rows:44px minmax(0,1fr) 286px}.topbar{grid-template-columns:minmax(330px,1fr) auto minmax(420px,1fr);gap:10px;height:44px;min-height:44px;padding:0 8px}.brand-mark{border-radius:6px;width:32px;height:32px;font-size:21px;font-weight:700}.toolbar-left,.toolbar-right{gap:6px}.icon-button,.zoom-button{border-radius:5px;width:28px;height:28px;font-size:14px}.toolbar-separator{height:22px;margin:0 4px}.zoom-value{width:42px;font-size:13px;font-weight:500}.file-chip{gap:7px;min-width:150px;font-size:13px}.file-chip strong{font-weight:500}.mode-toggle{border-radius:7px;height:32px;padding:3px}.mode-toggle button{min-width:112px;height:24px;font-size:13px;font-weight:500}.toolbar-action,.login-button{border-radius:6px;min-width:0;height:32px;padding:0 13px;font-size:13px;font-weight:500}.login-button{min-width:84px}.avatar-dot{font-size:18px}.floating-status{padding:7px 10px;font-size:12px;top:52px;right:14px}.left-rail .icon-button{width:30px;height:30px;font-size:13px}.panel-tabs{gap:6px;height:48px;padding:8px 10px}.panel-tabs button{border-radius:5px;font-size:13px;font-weight:500}.scene-tree{gap:8px;padding:13px 12px}.tree-root,.tree-item{gap:8px;height:30px;font-size:13px;font-weight:400}.tree-root strong{font-weight:500}.tree-root span,.tree-item span{font-size:16px}.tree-item{padding-left:24px;font-size:13px}.canvas-title{letter-spacing:0;width:min(100%,650px);font-size:13px;font-weight:600}.stage-frame{max-width:min(100%,80vw);height:min(100%,76vh)}.canvas-size-label{font-size:12px;font-weight:400}.inspector-section{padding:14px 18px}.inspector-title{gap:9px;margin-bottom:13px;font-size:13px}.inspector-title strong{font-weight:500}.select-row,.dimension-grid,.metric-row,.guide-row{border-radius:5px;min-height:30px;margin-bottom:9px;padding:0 10px;font-size:13px;font-weight:400}.muted-label{margin:5px 0 8px;font-size:12px;font-weight:400}.origin-widget{background:linear-gradient(#65727b,#65727b) 50%/58px 1px no-repeat,linear-gradient(90deg,#65727b,#65727b) 50%/1px 58px no-repeat,#252f35;width:108px;height:84px}.origin-widget span{width:28px;height:28px;font-size:18px}.inspector-section h3{margin-bottom:10px;font-size:13px;font-weight:500}.timeline-tabs button{border-radius:10px 10px 0 0;min-width:146px;height:32px;padding:0 14px;font-size:13px;font-weight:500}.timeline-header{grid-template-columns:330px 1fr auto;padding:0 10px;font-size:12px}.layers-title{gap:9px}.layers-title button{width:28px;height:28px;font-size:20px}.layers-title strong,.timeline-time{font-weight:500}.timeline-tools{gap:5px}.timeline-tools button{border-radius:5px;height:26px;padding:0 9px;font-size:12px;font-weight:400}.timeline-grid{grid-template-rows:30px minmax(0,1fr);grid-template-columns:330px minmax(0,1fr)}.timeline-ruler{height:30px}.timeline-ruler span{font-size:11px;font-weight:500;top:5px}.layer-label{grid-template-columns:18px 22px minmax(0,1fr) 24px;gap:6px;height:30px;padding:0 10px 0 8px;font-size:13px;font-weight:500}.animation-property-label{grid-template-columns:20px minmax(72px,.6fr) minmax(0,1fr) 22px;padding-left:44px}.animation-property-label small{font-size:11px}.layer-label span{font-size:15px}.track-row{height:30px}.keyframe-marker{width:10px;height:10px}.clip{border-radius:4px;height:22px;padding:0 9px;font-size:11px;font-weight:500;top:4px}.playhead:before{border-bottom-width:8px;border-left-width:6px;border-right-width:6px}.home-card,.preset-card,.primary-action,.ghost-button,.export-modal{font-weight:400}@media (width<=1280px){.editor-shell{grid-template-rows:42px minmax(0,1fr) 258px}.topbar{height:42px;min-height:42px}.editor-main{grid-template-columns:42px 220px minmax(0,1fr) 260px}.timeline-header,.timeline-grid{grid-template-columns:270px minmax(0,1fr) auto}.timeline-grid{grid-template-columns:270px minmax(0,1fr)}.layer-label{padding-left:32px}}@media (height<=760px){.editor-shell{grid-template-rows:42px minmax(0,1fr) 230px}.topbar{height:42px;min-height:42px}.canvas-workbench{grid-template-rows:22px minmax(0,1fr) 20px}.timeline-panel{grid-template-rows:34px 32px minmax(0,1fr)}.timeline-tabs button{height:28px;font-size:12px}.timeline-header{height:32px}.timeline-grid{grid-template-rows:26px minmax(0,1fr)}.timeline-ruler{height:26px}.track-row,.layer-label{height:20px;font-size:11px}.clip{height:14px;font-size:10px;top:3px}}.timeline-header{grid-template-columns:1fr;padding:0 10px}.timeline-command-strip{justify-content:space-between;align-items:center;gap:8px;min-width:0;height:100%;display:flex}.timeline-play{color:#e8eef2;cursor:pointer;background:#202a30;border:1px solid #303d45;border-radius:6px;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.timeline-play:hover,.timeline-tools button:hover{background:#29343b;border-color:#46555e}.timeline-command-strip .timeline-time{color:#aeb8bf;white-space:nowrap;min-width:112px;font-size:12px;font-weight:400}.timeline-divider{background:#313c43;width:1px;height:20px;margin:0 3px}.timeline-playback-readout{align-items:center;gap:8px;margin-left:auto;display:flex}.timeline-command-strip .timeline-tools{align-items:center;gap:5px;display:flex}.timeline-command-strip .timeline-tools button{color:#c3ccd2;background:#202a30;border:1px solid #303d45;border-radius:6px;place-items:center;width:28px;height:28px;padding:0;font-size:14px;line-height:1;display:grid}@media (height<=760px){.timeline-play,.timeline-command-strip .timeline-tools button{width:24px;height:24px;font-size:12px}.timeline-command-strip .timeline-time{min-width:104px;font-size:11px}}.timeline-grid{grid-template-rows:minmax(0,1fr);grid-template-columns:330px minmax(0,1fr);overflow:hidden}.timeline-left-column{background:#192124;border-right:1px solid #2b363c;grid-template-rows:30px minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.timeline-left-column .timeline-left-spacer{border-bottom:1px solid #263138;border-right:0}.timeline-right-scroll{scrollbar-color:#3d4a52 #101618;scrollbar-width:thin;background:#101618;min-width:0;min-height:0;overflow:auto}.timeline-right-scroll::-webkit-scrollbar{width:9px;height:9px}.layer-list::-webkit-scrollbar{width:9px;height:9px}.timeline-right-scroll::-webkit-scrollbar-track{background:#101618}.layer-list::-webkit-scrollbar-track{background:#101618}.timeline-right-scroll::-webkit-scrollbar-thumb{background:#3d4a52;border-radius:999px}.layer-list::-webkit-scrollbar-thumb{background:#3d4a52;border-radius:999px}.timeline-content{min-width:1680px;min-height:100%;position:relative}.timeline-right-scroll .timeline-ruler{z-index:8;position:sticky;top:0}.layer-list{scrollbar-color:#3d4a52 #192124;scrollbar-width:thin;border-right:0;overflow:auto}.track-lanes{min-height:calc(100% - 30px);overflow:visible}.layer-parent.selected{background:0 0}.layer-label,.layer-parent,.layer-label:not(.layer-parent):not(.animation-property-label){grid-template-columns:20px 32px minmax(0,1fr) 28px;padding-left:8px}.layer-icon{justify-self:center;place-items:center;width:24px;height:24px;font-weight:500;line-height:1;display:grid;color:#b8c2c9!important;font-size:16px!important}.layer-icon.background{font-weight:700;transform:none;font-size:10px!important}.layer-icon.video{position:relative;font-size:15px!important}.layer-icon.video:before{content:"";border:1.5px solid;border-radius:2px;width:13px;height:9px;position:absolute}.layer-icon.video:after{content:"";clip-path:polygon(0 18%,100% 0,100% 100%,0 82%);background:currentColor;width:5px;height:7px;position:absolute;right:2px;transform:translate(8px)}.layer-icon.video{color:#0000!important}.layer-icon.video:before,.layer-icon.video:after{color:#b8c2c9}.layer-icon.image{position:relative;color:#0000!important}.layer-icon.image:before{content:"";border:1.5px solid #b8c2c9;border-radius:2px;width:14px;height:12px;position:absolute}.layer-icon.image:after{content:"";clip-path:polygon(0 100%,38% 25%,58% 62%,74% 40%,100% 100%);background:#b8c2c9;width:9px;height:5px;position:absolute;bottom:6px;left:7px}.layer-icon.shape,.layer-icon.shape-demo{font-size:17px!important}.layer-icon.text{font-weight:600;font-size:16px!important}.layer-icon.sound,.layer-icon.audio{position:relative;transform:none;color:#0000!important}.layer-icon.sound:before,.layer-icon.audio:before{content:"";border:1.5px solid #b8c2c9;border-radius:7px;width:9px;height:13px;position:absolute;top:3px}.layer-icon.sound:after,.layer-icon.audio:after{content:"";border-bottom:1.5px solid #b8c2c9;border-left:1.5px solid #b8c2c9;border-right:1.5px solid #b8c2c9;border-radius:0 0 8px 8px;width:13px;height:8px;position:absolute;top:9px}.layer-label strong,.layer-parent strong{color:#d8dee3;font-weight:500}.layer-list .layer-parent .disclosure{color:#d8dee3;place-items:center;width:20px;height:20px;font-size:18px;display:grid}@media (width<=1280px){.timeline-grid{grid-template-columns:270px minmax(0,1fr)}.timeline-left-column{grid-template-rows:30px minmax(0,1fr)}.timeline-content{min-width:1420px}}.layer-list .layer-parent{grid-template-columns:18px 22px minmax(0,1fr) 24px;column-gap:6px;padding-left:8px}.layer-list .layer-parent .disclosure{color:#c2cbd1;justify-self:center;font-size:20px;line-height:1}.layer-list .layer-parent .layer-icon{justify-self:center}.layer-list .layer-parent .disclosure{width:20px;height:20px;font-size:18px}.layer-list .layer-parent,.layer-label:not(.animation-property-label){grid-template-columns:18px 22px 32px minmax(0,1fr) 28px;column-gap:6px;padding-left:8px}.drag-handle{color:#9aa6ad;cursor:grab;opacity:.78;-webkit-user-select:none;user-select:none;place-items:center;width:18px;height:24px;font-size:15px;line-height:1;display:grid}.drag-handle:hover{color:#d7e0e6;opacity:1}.drag-handle:active{cursor:grabbing}.layer-label.dragging,.layer-parent.dragging{opacity:.55}.disclosure-spacer{width:22px;height:24px}.layer-list .layer-label:not(.animation-property-label),.layer-list .layer-parent{box-sizing:border-box;color:#d8dee3;background:#162023;border-bottom:1px solid #253139;align-items:center;column-gap:6px;width:100%;height:30px;display:grid;grid-template-columns:26px 22px 30px minmax(0,1fr) 24px!important;padding:0 8px!important}.layer-list .layer-label:not(.animation-property-label):hover,.layer-list .layer-parent:hover{background:#1a2529}.layer-list .layer-label:not(.animation-property-label)>.drag-handle,.layer-list .layer-parent>.drag-handle{grid-column:1}.layer-list .layer-label:not(.animation-property-label)>.disclosure,.layer-list .layer-parent>.disclosure,.layer-list .layer-label:not(.animation-property-label)>.disclosure-spacer{grid-column:2}.layer-list .layer-label:not(.animation-property-label)>.layer-icon,.layer-list .layer-parent>.layer-icon{grid-column:3}.layer-list .layer-label:not(.animation-property-label)>strong,.layer-list .layer-parent>strong{grid-column:4}.layer-list .layer-label:not(.animation-property-label)>em,.layer-list .layer-parent>em{grid-column:5}.layer-list .drag-handle{color:#e4ebef;opacity:.88;justify-self:center;width:26px;height:30px;font-size:16px}.layer-list .drag-handle:hover{color:#fff}.layer-list .disclosure,.layer-list .disclosure-spacer{justify-self:center;place-items:center;width:22px;height:30px;display:grid}.layer-list .disclosure{color:#dbe3e8!important;font-size:16px!important}.layer-list .disclosure-spacer{color:#0000}.layer-list .layer-icon{justify-self:center;width:28px;height:28px;font-weight:500;color:#c6d0d7!important;font-size:15px!important}.layer-list .layer-icon.background{letter-spacing:.2px;font-weight:700;font-size:10px!important}.layer-list .layer-icon.text{font-weight:700;font-size:15px!important}.layer-list .layer-icon.shape,.layer-list .layer-icon.shape-demo,.layer-list .layer-icon.scene{font-size:18px!important}.layer-list .layer-icon.video:before{border-color:#c6d0d7;width:13px;height:9px}.layer-list .layer-icon.video:after{background:#c6d0d7;width:5px;height:7px;right:3px;transform:translate(7px)}.layer-list .layer-icon.image:before{border-color:#c6d0d7;width:14px;height:12px}.layer-list .layer-icon.image:after{background:#c6d0d7}.layer-list .layer-icon.sound:before,.layer-list .layer-icon.audio:before,.layer-list .layer-icon.sound:after,.layer-list .layer-icon.audio:after{border-color:#c6d0d7}.layer-list .layer-label:not(.animation-property-label) strong,.layer-list .layer-parent strong{color:#d9e0e5;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.layer-list .layer-label:not(.animation-property-label) em,.layer-list .layer-parent em{color:#8f9ba3;justify-self:center;font-size:14px;font-style:normal;line-height:1}.layer-list .animation-property-label{grid-template-columns:18px minmax(58px,.55fr) minmax(0,1fr) 22px;height:24px;font-size:11px;padding-left:84px!important}.layer-list .layer-label:not(.animation-property-label),.layer-list .layer-parent{transform-origin:50%;transition:background-color .12s,box-shadow .12s,opacity .12s,transform .15s cubic-bezier(.2,.8,.2,1);position:relative}.layer-drag-active .layer-list .layer-label:not(.animation-property-label):not(.dragging),.layer-drag-active .layer-list .layer-parent:not(.dragging){transition:background-color .12s,box-shadow .12s,transform .15s cubic-bezier(.2,.8,.2,1)}.layer-list .layer-label.dragging,.layer-list .layer-parent.dragging{z-index:20;opacity:.96;background:#223038;transform:scale(1.025);box-shadow:0 8px 22px #0000005c,inset 0 0 0 1px #e9f2f738}.layer-list .layer-label.dragging>.drag-handle,.layer-list .layer-parent.dragging>.drag-handle{color:#fff;opacity:1}.layer-list .layer-label.drag-target.before:not(.dragging),.layer-list .layer-parent.drag-target.before:not(.dragging){transform:translateY(2px)}.layer-list .layer-label.drag-target.after:not(.dragging),.layer-list .layer-parent.drag-target.after:not(.dragging){transform:translateY(-2px)}.left-rail{gap:7px;padding:12px 6px}.rail-tool{color:#9aacb4;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:30px;height:30px;font-size:15px;line-height:1;transition:background-color .14s,color .14s,transform .14s;display:grid}.rail-tool:hover{color:#dce5ea;background:#1e292e}.rail-tool.active{color:#5ce0c7;background:#243037}.rail-tool.text{font-weight:600}.rail-tool.audio{color:#0000;position:relative}.rail-tool.audio:before{content:"";border:1.5px solid #9aacb4;border-radius:8px;width:8px;height:12px}.rail-tool.audio:after{content:"";border-bottom:1.5px solid #9aacb4;border-left:1.5px solid #9aacb4;border-right:1.5px solid #9aacb4;border-radius:0 0 9px 9px;width:14px;height:8px;position:absolute;transform:translateY(4px)}.rail-tool.audio.active:after,.rail-tool.audio.active:before{border-color:#5ce0c7}.rail-tool.audio:hover:after,.rail-tool.audio:hover:before{border-color:#dce5ea}.rail-tool.muted{color:#788991;opacity:.72}.rail-divider{background:#2a353b;width:22px;height:1px;margin:4px 0}.outliner-panel{grid-template-rows:auto minmax(0,1fr);display:grid}.library-header{border-bottom:1px solid #2a353b;justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 14px;display:flex}.library-header .library-heading{align-items:center;gap:0;min-width:0;display:flex}.library-header .library-heading strong{color:#dce4e9;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:16px;font-weight:500;overflow:hidden}.library-header button{color:#e3ecef;cursor:pointer;background:#222d33;border:1px solid #35444c;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;font-size:18px;display:grid}.library-content{scrollbar-width:thin;scrollbar-color:#3d4a52 #192124;align-content:start;gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.library-empty-content{padding:0}.library-content::-webkit-scrollbar{width:8px}.library-content::-webkit-scrollbar-thumb{background:#3d4a52;border-radius:999px}.library-dropzone,.library-grid button,.library-stack button,.shape-tool-grid button{color:#dce3e8;cursor:pointer;text-align:left;background:#202a30;border:1px solid #2f3b42;border-radius:8px;transition:background-color .14s,border-color .14s,transform .14s}.library-dropzone:hover,.library-grid button:hover,.library-stack button:hover,.shape-tool-grid button:hover{background:#26333a;border-color:#46616a}.library-dropzone{text-align:center;border-style:dashed;place-items:center;gap:5px;min-height:96px;padding:14px;display:grid}.library-dropzone>span{color:#5ce0c7;background:#1a2429;border-radius:8px;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.library-dropzone strong,.library-grid strong,.library-stack strong{color:#e0e7eb;font-size:13px;font-weight:500}.library-dropzone small,.library-grid small,.library-stack small{color:#94a2aa;font-size:11px;line-height:1.35}.library-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.library-grid button{text-align:center;align-content:center;justify-items:center;gap:7px;min-height:96px;padding:12px;display:grid}.library-stack{gap:8px;display:grid}.library-stack button{gap:3px;padding:11px 12px;display:grid}.asset-icon{color:#c5d0d6;place-items:center;width:26px;height:22px;display:inline-grid;position:relative}.asset-icon.image:before{content:"";border:1.5px solid;border-radius:3px;width:22px;height:17px;position:absolute}.asset-icon.image:after{content:"";clip-path:polygon(0 100%,35% 30%,55% 66%,70% 42%,100% 100%);background:currentColor;width:15px;height:7px;position:absolute;bottom:4px}.asset-icon.video:before{content:"";border:1.5px solid;border-radius:3px;width:19px;height:13px;position:absolute;left:0}.asset-icon.video:after{content:"";clip-path:polygon(0 20%,100% 0,100% 100%,0 80%);background:currentColor;width:8px;height:10px;position:absolute;right:0}.asset-icon.mic:before{content:"";border:1.5px solid #5ce0c7;border-radius:9px;width:10px;height:15px;position:absolute}.asset-icon.mic:after{content:"";border-bottom:1.5px solid #5ce0c7;border-left:1.5px solid #5ce0c7;border-right:1.5px solid #5ce0c7;border-radius:0 0 10px 10px;width:17px;height:10px;position:absolute;top:12px}.shape-tool-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.shape-tool-grid button{color:#dce3e8;text-align:center;place-items:center;gap:7px;min-height:72px;padding:10px;font-size:12px;display:grid}.shape-preview{border:1.5px solid #c5d0d6;width:24px;height:18px;display:block}.shape-preview.circle{border-radius:999px;width:22px;height:22px}.shape-preview.line{background:#c5d0d6;border:0;height:1.5px}.shape-preview.arrow{background:#c5d0d6;border:0;width:28px;height:1.5px;position:relative}.shape-preview.arrow:after{content:"";border-top:1.5px solid #c5d0d6;border-right:1.5px solid #c5d0d6;width:8px;height:8px;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.media-library-content{align-content:start}.asset-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding-top:0;display:grid}.asset-list h3{color:#93a1a9;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.asset-row{background:#1b252a;border:1px solid #2d3940;border-radius:8px;grid-template-columns:28px minmax(0,1fr) 34px 28px;align-items:center;gap:9px;min-width:0;padding:9px;display:grid}.asset-row div{gap:2px;min-width:0;display:grid}.asset-row strong{color:#dce4e9;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.asset-row small{color:#8f9da5;font-size:10px}.asset-row button{color:#5ce0c7;cursor:pointer;background:#243038;border:1px solid #3b4a52;border-radius:7px;place-items:center;min-width:28px;height:28px;font-size:16px;display:grid}.asset-row .asset-row-bg{color:#d8e0e5;letter-spacing:.02em;width:34px;font-size:10px;font-weight:700}.asset-card{aspect-ratio:1;background:#1b252a;border:1px solid #2d3940;border-radius:8px;grid-template-rows:minmax(0,1fr) auto 13px 28px;place-items:center;gap:6px;min-width:0;padding:8px;display:grid}.asset-thumb{background:linear-gradient(135deg,#ffffff0d,#0000 45%),#2b2b2b;border:1px solid #3a3a3a;border-radius:7px;place-items:center;width:100%;height:100%;min-height:0;display:grid;overflow:hidden}.asset-thumb img,.asset-thumb video{object-fit:cover;width:100%;height:100%;display:block}.asset-thumb .asset-icon{transform:scale(.9)}.asset-card strong{color:#dce4e9;text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;min-width:0;font-size:11px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.asset-card small{color:#8f9da5;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.asset-card-actions{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.asset-card-actions button{color:#5ce0c7;cursor:pointer;background:#243038;border:1px solid #3b4a52;border-radius:7px;place-items:center;min-width:0;height:28px;font-size:14px;display:grid}.asset-card-actions .asset-row-bg{color:#d8e0e5;letter-spacing:.02em;font-size:10px;font-weight:700}.asset-empty-state{color:#8f9da5;margin:0;font-size:12px;line-height:1.45}.background-swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.background-swatch-card{color:#dce4e9;text-align:left;cursor:pointer;background:#1b252a;border:1px solid #2d3940;border-radius:8px;grid-template-columns:30px minmax(0,1fr) 22px;align-items:center;gap:8px;min-width:0;min-height:44px;padding:7px 8px;display:grid}.background-swatch-card span{border:1px solid #ffffff38;border-radius:6px;width:30px;height:30px}.background-swatch-card strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:500;overflow:hidden}.background-swatch-card small{color:#5ce0c7;background:#243038;border-radius:6px;place-items:center;width:22px;height:22px;font-size:14px;display:grid}.background-custom-color{color:#95a2aa;gap:8px;font-size:12px;font-weight:500;display:grid}.background-custom-color span{grid-template-columns:minmax(0,1fr) 38px;gap:8px;display:grid}.background-custom-color input,.background-custom-color button{color:#5ce0c7;background:#111a20;border:1px solid #33414a;border-radius:8px;height:34px}.background-custom-color input{width:100%;padding:3px}.background-custom-color button{cursor:pointer;font-size:16px}.topbar{grid-template-columns:minmax(190px,1fr) auto minmax(300px,1fr)}.toolbar-center{justify-content:center;align-items:center;gap:6px;display:flex}.toolbar-center .file-chip{margin-left:0}.mode-toggle{display:none}.editor-main{grid-template-columns:44px 260px minmax(0,1fr)}.inspector-panel{display:none}.diagnostic-dock{right:14px}.left-rail{justify-content:flex-start;gap:8px;padding-top:12px}.rail-divider,.rail-tool.muted{display:none}.canvas-title{font-size:12px}.stage-panel{padding:0 18px}.stage-frame{max-width:min(100%,100vw - 360px);height:min(100%,100vh - 302px);max-height:100%}.timeline-panel{grid-template-rows:34px 34px minmax(0,1fr)}.timeline-tabs{padding-left:44px}.timeline-tabs button{border-radius:8px 8px 0 0;min-width:132px;height:30px;padding:0 12px;font-size:12px}.timeline-header{height:34px;min-height:34px;padding:0 10px}.timeline-command-strip .timeline-tools button,.timeline-play{border-radius:5px;width:26px;height:26px;font-size:12px}.timeline-command-strip .timeline-time{min-width:108px;font-size:11px}.timeline-grid{grid-template-columns:var(--editor-side-width) minmax(0, 1fr)}.timeline-left-column{grid-template-rows:24px minmax(0,1fr)}.timeline-left-column .timeline-left-spacer,.timeline-ruler{height:24px}.timeline-ruler span{font-size:10px;top:3px}.timeline-ruler:before{height:10px}.minor-tick{height:6px}.track-lanes{min-height:calc(100% - 24px)}.track-row,.layer-list .layer-label:not(.animation-property-label),.layer-list .layer-parent,.layer-list .drag-handle,.layer-list .disclosure,.layer-list .disclosure-spacer{height:28px}.layer-list .layer-label:not(.animation-property-label),.layer-list .layer-parent{column-gap:5px;grid-template-columns:24px 20px 28px minmax(0,1fr) 22px!important}.layer-list .layer-icon{width:24px;height:24px}.clip{height:20px;padding:0 9px;font-size:11px;top:4px}@media (width<=1280px){.editor-main{grid-template-columns:42px 220px minmax(0,1fr)}.timeline-grid{grid-template-columns:260px minmax(0,1fr)}.stage-frame{max-width:min(100%,100vw - 284px)}}@media (height<=760px){.editor-shell{grid-template-rows:42px minmax(0,1fr) 190px}.stage-frame{height:min(100%,100vh - 252px)}.timeline-panel{grid-template-rows:30px 30px minmax(0,1fr)}.timeline-tabs button{height:26px}.timeline-header{height:30px;min-height:30px}.track-row,.layer-list .layer-label:not(.animation-property-label),.layer-list .layer-parent{height:24px}.clip{height:18px;top:3px}}:root{color:#eee;--theme-bg:#202020;--theme-bg-deep:#171717;--theme-top:#252525;--theme-panel:#2b2b2b;--theme-panel-soft:#303030;--theme-field:#3a3a3a;--theme-field-hover:#444;--theme-line:#3f3f3f;--theme-line-soft:#343434;--theme-text:#eee;--theme-muted:#b8b8b8;--theme-dim:#8d8d8d;--theme-active:#fff;--theme-active-text:#202020;background:#202020}.editor-shell{background:var(--theme-bg);color:var(--theme-text)}.topbar{background:var(--theme-top);border-bottom-color:var(--theme-line)}.editor-main,.canvas-workbench{background:var(--theme-bg-deep)}.left-rail,.outliner-panel,.inspector-panel,.timeline-panel,.timeline-left-column,.layer-list{background:var(--theme-panel);border-color:var(--theme-line)}.panel-tabs,.library-header,.timeline-tabs,.timeline-header,.timeline-left-column .timeline-left-spacer,.timeline-ruler,.layer-list .layer-label:not(.animation-property-label),.layer-list .layer-parent,.track-row,.inspector-section{border-color:var(--theme-line-soft)}.timeline-tabs,.timeline-ruler,.track-lanes,.timeline-right-scroll{background:#242424}.timeline-right-scroll::-webkit-scrollbar-track{background:#242424}.layer-list::-webkit-scrollbar-track{background:#242424}.timeline-tabs button.selected,.layer-list .layer-label:not(.animation-property-label),.layer-list .layer-parent,.track-row:nth-child(odd){background:var(--theme-panel)}.track-row{background-color:#272727;background-image:linear-gradient(90deg,#0000 0 calc(10% - 1px),#ffffff14 10%,#0000 calc(10% + 1px))}.timeline-ruler:before{background-image:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#fff3 10%,#0000 calc(10% + 1px))}.minor-tick{background:#ffffff38}.topbar span,.file-chip span,.zoom-value,.timeline-time,.timeline-command-strip .timeline-time,.timeline-ruler span,.canvas-size-label,.library-dropzone small,.library-grid small,.library-stack small,.asset-card small,.asset-row small,.background-custom-color,.muted-label,.select-row span,.dimension-grid,.preview-status,.layer-list .layer-label:not(.animation-property-label) em,.layer-list .layer-parent em{color:var(--theme-muted)}.topbar strong,.file-chip strong,.canvas-title,.library-header strong,.library-dropzone strong,.library-grid strong,.library-stack strong,.asset-card strong,.asset-row strong,.background-swatch-card,.layer-label strong,.layer-parent strong,.layer-list .layer-label:not(.animation-property-label) strong,.layer-list .layer-parent strong,.timeline-tabs button.selected{color:var(--theme-text)}.icon-button,.zoom-button,.left-rail .icon-button,.rail-tool,.layer-list .drag-handle,.layer-list .disclosure,.layer-list .layer-icon,.layer-list .layer-icon.video:before,.layer-list .layer-icon.video:after,.layer-list .layer-icon.image:before,.layer-list .layer-icon.image:after,.layer-list .layer-icon.sound:before,.layer-list .layer-icon.sound:after,.layer-list .layer-icon.audio:before,.layer-list .layer-icon.audio:after,.asset-icon,.shape-preview,.shape-preview.arrow,.shape-preview.arrow:after{border-color:var(--theme-active);color:var(--theme-active)!important}.layer-list .layer-icon.video:after,.layer-list .layer-icon.image:after,.shape-preview.line,.shape-preview.arrow,.asset-icon.image:after,.asset-icon.video:after{background:var(--theme-active)}.icon-button:hover,.zoom-button:hover,.rail-tool:hover,.tree-item.selected,.tree-item:hover,.panel-tabs button.selected,.mode-toggle button.selected,.timeline-play:hover,.timeline-tools button:hover,.timeline-command-strip .timeline-tools button:hover,.library-dropzone:hover,.library-grid button:hover,.library-stack button:hover,.shape-tool-grid button:hover,.asset-row button:hover,.asset-card-actions button:hover,.background-swatch-card:hover,.background-custom-color button:hover,.layer-list .layer-label:not(.animation-property-label):hover,.layer-list .layer-parent:hover{background:var(--theme-field-hover);color:var(--theme-active);border-color:#5a5a5a}.icon-button.active,.left-rail .icon-button.active,.rail-tool.active,.timeline-play:focus-visible,.toolbar-action:focus-visible,.library-header button:focus-visible,.asset-row button:focus-visible,.asset-card-actions button:focus-visible,.background-custom-color button:focus-visible{background:var(--theme-active);outline:none;color:var(--theme-active-text)!important}.rail-tool.audio.active:before,.rail-tool.audio.active:after{border-color:var(--theme-active-text)}.toolbar-separator,.timeline-divider,.rail-divider,.dimension-grid i,.metric-row i{background:#555}.timeline-right-scroll::-webkit-scrollbar-thumb{background:#555}.layer-list::-webkit-scrollbar-thumb{background:#555}.library-content::-webkit-scrollbar-thumb{background:#555}.toolbar-action,.login-button,.timeline-play,.timeline-tools button,.timeline-command-strip .timeline-tools button,.library-header button,.library-dropzone,.library-grid button,.library-stack button,.shape-tool-grid button,.asset-row,.asset-card,.asset-row button,.asset-card-actions button,.background-swatch-card,.background-swatch-card small,.background-custom-color input,.background-custom-color button,.select-row,.dimension-grid,.metric-row,.guide-row,.origin-widget,.inspector-field-grid input,.inspector-field-grid select,.floating-status,.diagnostics-body div,.contract-body div,.capability-grid span,.clip{background:var(--theme-field);color:var(--theme-text);border-color:var(--theme-line)}.toolbar-action:disabled,.timeline-tools button:disabled,.timeline-command-strip .timeline-tools button:disabled{color:#777;background:#303030}.brand-mark,.login-button{background:var(--theme-active);color:var(--theme-active-text)}.library-header span,.eyebrow,.preview-status.clean,.diagnostics-panel.good summary,.contract-panel.good summary,.animation-property-label em,.background-custom-color input,.background-custom-color button,.asset-row button,.asset-card-actions button{color:var(--theme-active)}.floating-status{border-color:#5a5a5a}.stage-frame{background:#fff;box-shadow:0 18px 80px #00000080}.clip{color:#f5f5f5;background:#696969}.clip.selected,.clip.moving{box-shadow:inset 0 0 0 2px var(--theme-active), 0 8px 20px #0000004d;background:#777}.animation-span-clip{color:#202020;background:#d8d8d8;box-shadow:inset 4px 0 #ffffffdb,inset -4px 0 #ffffffdb}.keyframe-marker,.playhead{background:var(--theme-active)}.layer-list .layer-label.dragging,.layer-list .layer-parent.dragging{background:#404040;box-shadow:0 8px 22px #0000005c,inset 0 0 0 1px #ffffff4d}.layer-list .layer-label.drag-target.before,.layer-list .layer-parent.drag-target.before{box-shadow:inset 0 2px 0 var(--theme-active)}.layer-list .layer-label.drag-target.after,.layer-list .layer-parent.drag-target.after{box-shadow:inset 0 -2px 0 var(--theme-active)}.asset-icon.mic:before,.asset-icon.mic:after,.rail-tool.audio:before,.rail-tool.audio:after{border-color:var(--theme-active)}.timeline-command-strip .timeline-tools button,.timeline-tools button,.timeline-play{color:#fff;opacity:1;background:#2b2b2b;border-color:#444}.timeline-command-strip .timeline-tools button:disabled,.timeline-tools button:disabled{color:#fff;opacity:.72;cursor:not-allowed;background:#2b2b2b;border-color:#3d3d3d}.timeline-command-strip .timeline-tools button:hover:not(:disabled),.timeline-tools button:hover:not(:disabled),.timeline-play:hover{color:#fff;background:#3a3a3a;border-color:#5a5a5a}.timeline-command-strip .timeline-tools button:active:not(:disabled),.timeline-command-strip .timeline-tools button:focus-visible,.timeline-tools button:active:not(:disabled),.timeline-tools button:focus-visible,.timeline-play:active,.timeline-play:focus-visible{background:#fff;border-color:#fff;outline:none;color:#202020!important}.canvas-workbench{grid-template-rows:minmax(0,1fr)}.canvas-title,.canvas-size-label,.floating-status{display:none!important}.sr-status{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.stage-frame{position:relative;overflow:hidden;background:0 0!important}.canvas-control-overlay{z-index:3;pointer-events:auto;touch-action:none;position:absolute;inset:0}.canvas-layer-box{box-sizing:border-box;cursor:move;pointer-events:auto;transform-origin:50%;touch-action:none;border:1px solid #0000;position:absolute}.canvas-layer-box:hover{border-color:#ffffff6b}.canvas-layer-box.selected{border-color:#fff;box-shadow:0 0 0 1px #0000007a,0 0 0 2px #ffffff26}.canvas-resize-handle,.canvas-rotate-handle{pointer-events:auto;background:#fff;border:1px solid #202020;border-radius:50%;width:9px;height:9px;display:block;position:absolute;box-shadow:0 1px 4px #00000059}.canvas-resize-handle.nw{cursor:nwse-resize;top:-5px;left:-5px}.canvas-resize-handle.ne{cursor:nesw-resize;top:-5px;right:-5px}.canvas-resize-handle.se{cursor:nwse-resize;bottom:-5px;right:-5px}.canvas-resize-handle.sw{cursor:nesw-resize;bottom:-5px;left:-5px}.canvas-rotate-handle{cursor:grab;bottom:-26px;left:50%;transform:translate(-50%)}.canvas-rotate-handle:before{content:"";background:#fff;width:1px;height:18px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.rail-tool.audio,.layer-icon.audio,.layer-icon.sound,.asset-icon.music,.asset-icon.mic{position:relative;color:#0000!important;font-size:0!important}.rail-tool.audio:before,.layer-icon.audio:before,.layer-icon.sound:before,.asset-icon.music:before,.asset-icon.mic:before{content:"♪";color:#fff;background:0 0;border:0;border-radius:0;place-items:center;width:auto;height:auto;font-size:20px;font-weight:700;line-height:1;display:grid;position:absolute;inset:0;transform:none}.layer-icon.audio:before,.layer-icon.sound:before{font-size:18px}.asset-icon.music:before,.asset-icon.mic:before{font-size:24px}.rail-tool.audio:after,.layer-icon.audio:after,.layer-icon.sound:after,.asset-icon.music:after,.asset-icon.mic:after{content:none!important;display:none!important}.rail-tool.audio.active:before,.rail-tool.audio:active:before,.rail-tool.audio:focus-visible:before{color:#202020}.rail-tool.audio:hover:not(.active):before{color:#fff}.rail-tool.background,.layer-icon.background,.asset-icon.background-label{letter-spacing:.02em;color:#fff!important;font-size:10px!important;font-weight:800!important}.rail-tool.background.active,.rail-tool.background:active,.rail-tool.background:focus-visible{color:#202020!important}.asset-icon.background-label{place-items:center;width:26px;height:22px;display:inline-grid}.shapes-svg-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}.rail-tool.shapes,.layer-icon.shape,.layer-icon.shape-demo,.asset-icon.shapes-stack{color:#fff!important}.layer-icon.shape .shapes-svg-icon,.layer-icon.shape-demo .shapes-svg-icon{width:19px;height:19px}.asset-icon.shapes-stack{place-items:center;width:26px;height:22px;display:inline-grid}.asset-icon.shapes-stack .shapes-svg-icon{width:24px;height:24px}.rail-tool.shapes.active,.rail-tool.shapes:active,.rail-tool.shapes:focus-visible{color:#202020!important}.timeline-left-column,.timeline-left-column .timeline-left-spacer,.timeline-header,.timeline-grid,.timeline-panel{background:var(--theme-panel)!important}.timeline-left-column .timeline-left-spacer{border-color:var(--theme-line-soft)!important}.editor-main{border-bottom:0!important}.editor-shell{grid-template-rows:44px minmax(0,1fr) 244px}.timeline-panel{grid-template-columns:var(--editor-side-width) minmax(0, 1fr);background:var(--theme-panel)!important;grid-template-rows:42px 30px minmax(0,1fr) 28px!important}.timeline-panel:before,.timeline-header:before{content:none!important}.timeline-header{grid-area:1/2;align-items:center;gap:0;background:0 0!important;border-bottom:0!important;grid-template-columns:minmax(0,1fr)!important;padding:3px 16px 9px!important}.timeline-command-strip{border:1px solid var(--theme-line);background:var(--theme-panel);border-radius:14px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);justify-self:center;align-items:center;width:min(100%,100% - 20px);min-width:0;height:34px;margin:0 auto;padding:0 10px;display:grid}.timeline-command-strip .timeline-tools{justify-self:start}.timeline-playback-readout{justify-self:center;margin-left:0}.timeline-history-tools{justify-self:end;align-items:center;gap:5px;display:flex}.timeline-history-tools button,.timeline-command-strip .timeline-tools button,.timeline-play{border-radius:8px!important;width:32px!important;height:28px!important;font-size:0!important}.timeline-tool-icon{width:17px;height:17px;display:block}.timeline-play .timeline-tool-icon{width:14px;height:14px}.timeline-history-tools .history-tool{color:var(--theme-text);border:1px solid var(--theme-line);background:var(--theme-field);cursor:pointer}.timeline-history-tools .history-tool:hover{background:var(--theme-field-hover)}.timeline-tabs{grid-area:2/1/auto/-1}.timeline-grid{grid-area:3/1/auto/-1}.timeline-pan-footer{grid-area:4/1/auto/-1;grid-template-columns:var(--editor-side-width) minmax(0, 1fr) 118px;border-top:1px solid var(--theme-line-soft);background:var(--theme-panel);align-items:center;gap:10px;min-height:28px;padding:0 10px 0 0;display:grid}.timeline-pan-spacer{border-right:1px solid var(--theme-line-soft);height:100%}.timeline-pan-track{cursor:ew-resize;background:#202020;border:1px solid #4a4a4a;border-radius:999px;height:10px;position:relative}.timeline-pan-thumb{pointer-events:none;background:#f0f0f0;border-radius:999px;min-width:26px;position:absolute;top:1px;bottom:1px;box-shadow:inset 0 0 0 1px #0000002e}.timeline-zoom-controls{grid-template-columns:26px minmax(42px,1fr) 26px;align-items:center;gap:6px;display:grid}.timeline-zoom-controls button{border:1px solid var(--theme-line);background:var(--theme-field);width:26px;height:22px;color:var(--theme-text);cursor:pointer;border-radius:5px;line-height:1}.timeline-zoom-controls button:hover{background:var(--theme-active);color:var(--theme-active-text)}.timeline-zoom-controls span{color:var(--theme-muted);text-align:center;font-variant-numeric:tabular-nums;font-size:10px}.timeline-right-scroll{overflow:hidden auto!important}.timeline-right-scroll::-webkit-scrollbar:horizontal{height:0}@media (height<=760px){.editor-shell{grid-template-rows:42px minmax(0,1fr) 216px}.timeline-panel{grid-template-rows:26px 28px minmax(0,1fr) 26px!important}}.brand-mark{place-items:center;display:grid;color:#fff!important;background:0 0!important;border:0!important}.brand-mark:hover,.brand-mark:focus-visible{outline:none;background:var(--theme-field-hover)!important;color:#fff!important}.menu-svg-icon,.assets-svg-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;display:block}.rail-tool.media{color:#fff!important}.rail-tool.media.active{color:#202020!important}.stage-frame{box-shadow:none!important;background:#202020!important;border-radius:0!important}.stage-frame iframe{background:#202020!important}.toolbar-center{justify-content:center;transform:translate(-42px)}.file-chip{color:#a8a8a8;gap:7px;min-width:0;font-size:13px}.file-chip span{font-size:14px;color:#8f8f8f!important}.file-chip strong{max-width:220px;font-size:13px;font-weight:500;color:#b8b8b8!important}.text-font-library{grid-template-rows:auto auto minmax(0,1fr);align-content:stretch;gap:12px}.text-font-library .library-dropzone{text-align:left;border-style:solid;grid-template-columns:30px minmax(0,1fr);place-items:center start;gap:10px;min-height:54px;padding:10px 12px}.text-font-library .library-dropzone>span{border-radius:7px;width:28px;height:28px;font-size:16px}.text-font-library .library-dropzone strong{font-size:13px}.text-font-library .library-dropzone small{display:none}.font-toolbar{grid-template-columns:minmax(0,1fr);align-items:center;gap:0;display:grid}.font-toolbar select,.text-style-controls input,.text-style-controls select{color:#eee;width:100%;min-height:34px;font:inherit;background:#202020;border:1px solid #484848;border-radius:7px;padding:0 10px}.font-toolbar select{background:#1f1f1f;border-radius:10px;min-height:44px;font-size:15px;font-weight:600}.text-style-controls{grid-template-columns:1fr 78px;gap:10px;display:grid}.text-style-controls label{color:#b8b8b8;gap:5px;font-size:11px;display:grid}.text-style-controls label:first-child{grid-column:1/-1}.text-style-controls label:nth-child(2){grid-column:1}.text-style-controls label:nth-child(3){grid-area:2/2}.text-style-controls input:disabled,.text-style-controls select:disabled{opacity:.55;cursor:not-allowed}.font-grid{scrollbar-width:thin;scrollbar-color:#5a5a5a #252525;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;padding:0 2px 10px 0;display:grid;overflow:auto}.font-grid::-webkit-scrollbar{width:8px}.font-grid::-webkit-scrollbar-track{background:#252525}.font-grid::-webkit-scrollbar-thumb{background:#5a5a5a;border-radius:999px}.font-card{color:#eee;text-align:left;background:#2d2d2d;border:1px solid #484848;border-radius:8px;gap:5px;min-height:96px;padding:12px;display:grid}.font-card:hover,.font-card.selected{background:#383838;border-color:#fff}.font-card strong{color:#fff;font-size:30px;font-weight:800;line-height:1}.font-card span{color:#f4f4f4;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.font-card small{color:#a8a8a8;text-transform:capitalize;font-size:10px}.timeline-tabs{align-items:flex-end!important;padding-top:5px!important}.timeline-tabs button{border-radius:8px 8px 0 0!important;min-width:124px!important;height:24px!important;padding:0 11px!important}