:root{--ln-bg:#f5f2eb;--ln-surface:#fffdf8;--ln-ink:#171714;--ln-muted:#67665f;--ln-line:#d9d5ca;--ln-accent:#db4b2e;--ln-radius:18px;--ln-shadow:0 24px 70px #1e1b141a}
:root{--canvas:#0b0c0e;--surface:#121418;--raised:#191c22;--border:#30343b;--text:#eef0f2;--muted:#8d949e;--hot:#ff4b23;--blue:#1356d8;--success:#69dfa6;--warning:#f1bb62;--danger:#ff6b61}*{box-sizing:border-box}html,body{background:var(--canvas);min-width:320px;min-height:100%;margin:0}body{color:var(--text);font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.console-shell{grid-template-columns:226px minmax(0,1fr);min-height:100vh;display:grid}.console-rail{border-right:1px solid var(--border);background:#0d0f12;flex-direction:column;height:100vh;padding:25px 18px;display:flex;position:sticky;top:0}.console-rail:after{pointer-events:none;content:"";opacity:.2;background:repeating-linear-gradient(0deg,#0000 0 5px,#ffffff06 5px 6px);position:absolute;inset:0}.console-brand{z-index:1;border-bottom:1px solid var(--border);align-items:center;gap:13px;padding-bottom:28px;display:flex;position:relative}.console-brand img{object-fit:cover;width:48px;height:48px}.console-brand div{gap:3px;display:grid}.console-brand b{letter-spacing:-.04em;font-size:21px}.console-brand span{color:var(--muted);letter-spacing:.17em;font:8px ui-monospace,monospace}.console-rail nav{z-index:1;gap:7px;margin-top:28px;display:grid;position:relative}.console-rail nav :is(a,button){width:100%;min-height:44px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;grid-template-columns:28px 1fr;align-items:center;gap:12px;padding:0 12px;font-size:13px;display:grid}.console-rail nav :is(a,button) span{color:#626975;font:9px ui-monospace,monospace}.console-rail nav :is(a,button).active{border-left-color:var(--hot);background:var(--raised);color:#fff}.console-rail nav a[aria-disabled=true]{opacity:.48;pointer-events:none}.rail-footer{z-index:1;color:#707782;letter-spacing:.12em;align-items:center;gap:9px;margin-top:auto;font:8px ui-monospace,monospace;display:flex;position:relative}.rail-footer i{background:var(--success);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 12px #69dfa6bf}@keyframes pulse{50%{opacity:.45;box-shadow:0 0 3px #69dfa633}}.console-main{min-width:0}.console-topbar{z-index:10;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0b0c0ef0;justify-content:space-between;align-items:center;min-height:68px;padding:0 34px;display:flex;position:sticky;top:0}.console-topbar>div:first-child{align-items:center;gap:12px;display:flex}.console-topbar>div:first-child span{color:#5e6671;letter-spacing:.15em;font:8px ui-monospace,monospace}.console-topbar>div:first-child b{color:var(--warning);letter-spacing:.13em;font:9px ui-monospace,monospace}.topbar-user{text-align:right;grid-template-columns:auto auto;align-items:center;column-gap:12px;display:grid}.topbar-user span{font-size:12px;font-weight:700}.topbar-user small{color:var(--muted);text-transform:uppercase;font:8px ui-monospace,monospace}.topbar-user button{border:1px solid var(--border);color:#bbbfc4;cursor:pointer;background:0 0;grid-area:1/2/3;padding:8px 12px}.topbar-user button:hover{color:#fff;border-color:#fff}.console-content{width:min(1320px,100% - 68px);margin:0 auto;padding:58px 0 100px}.workspace-heading{justify-content:space-between;align-items:flex-end;margin-bottom:42px;display:flex}.workspace-heading p,.upload-heading p,.registry-heading p{color:var(--hot);letter-spacing:.16em;margin:0 0 11px;font:9px ui-monospace,monospace}.workspace-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,4vw,62px)}.workspace-status{justify-items:end;display:grid}.workspace-status span{font:700 34px ui-monospace,monospace}.workspace-status small{color:var(--muted);font-size:11px}.notice{border:1px solid var(--border);background:var(--surface);color:#b9bec5;align-items:center;gap:12px;min-height:48px;margin-bottom:20px;padding:12px 16px;font-size:12px;line-height:1.5;display:flex}.notice i{background:var(--blue);border-radius:50%;flex:none;width:8px;height:8px}.notice-ok i{background:var(--success)}.notice-error i{background:var(--danger)}.upload-workspace{border:1px solid var(--border);background:var(--surface);grid-template-columns:.62fr 1.38fr;gap:50px;padding:36px;display:grid;box-shadow:0 24px 80px #0000003d}.upload-heading h2,.registry-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(25px,2.6vw,38px)}.upload-heading>span{color:var(--muted);margin-top:28px;font-size:11px;line-height:1.75;display:block}.file-drop{cursor:pointer;background:#0e1013;border:1px dashed #515761;align-content:center;min-height:126px;padding:20px 74px 20px 22px;transition:border-color .2s,background-color .2s;display:grid;position:relative}.file-drop:hover,.file-drop.has-file{border-color:var(--hot);background:#131418}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.file-drop>span{color:#f6f7f8;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.file-drop small{color:#7f8690;margin-top:8px;font-size:10px;line-height:1.55}.file-drop i{color:var(--hot);letter-spacing:.14em;font:8px ui-monospace,monospace;position:absolute;top:18px;right:16px}.field-grid{grid-template-columns:1fr 1fr;gap:15px;margin-top:18px;display:grid}.field{gap:7px;display:grid}.field.wide{grid-column:1/-1}.field>span{color:#9299a3;font-size:10px;font-weight:650}.field input,.field select,.field textarea{color:#e9ebed;background:#0e1013;border:1px solid #343943;border-radius:0;outline:0;width:100%;min-height:44px;padding:10px 12px;font-size:12px;transition:border-color .2s}.field textarea{resize:vertical;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--hot)}.publish-intent{border:1px solid var(--hot);background:var(--hot);color:#080808;cursor:pointer;width:100%;min-height:52px;margin-top:18px;font-size:13px;font-weight:800}.publish-intent:hover:not(:disabled){background:#fff;border-color:#fff}.publish-intent:disabled{color:#656b74;cursor:not-allowed;background:#22262c;border-color:#2d3138}.upload-progress{background:#0b0c0f;height:24px;margin-top:16px;position:relative;overflow:hidden}.upload-progress span{background:var(--blue);transition:width .15s linear;position:absolute;inset:0 auto 0 0}.upload-progress b{color:#fff;place-items:center;font:9px ui-monospace,monospace;display:grid;position:absolute;inset:0 10px 0 auto}.release-registry{margin-top:58px}.registry-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.registry-heading>span{color:#666d78;letter-spacing:.14em;font:9px ui-monospace,monospace}.empty-registry{border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#717781;place-items:center;min-height:190px;font-size:12px;display:grid}.registry-list{border-top:1px solid var(--border)}.registry-row{border-bottom:1px solid var(--border);grid-template-columns:100px 1.4fr 1fr .7fr auto;align-items:center;gap:22px;padding:21px 8px;display:grid}.registry-row>div:not(.registry-actions),.registry-version{gap:5px;min-width:0;display:grid}.registry-row b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.registry-row span{color:#7e858f;font-size:10px}.registry-row code{color:#555c66;overflow-wrap:anywhere;grid-column:2/-1;font:8px ui-monospace,monospace}.release-status{align-items:center;gap:8px;display:flex;color:#aeb3ba!important;font:9px ui-monospace,monospace!important}.release-status i{background:#747b85;border-radius:50%;width:7px;height:7px}.status-ready i{background:var(--warning)}.status-published i{background:var(--success);box-shadow:0 0 10px #69dfa680}.status-withdrawn i{background:var(--danger)}.registry-actions{justify-content:flex-end;display:flex}.registry-actions button{color:#dddfe2;cursor:pointer;background:0 0;border:1px solid #535963;min-width:84px;min-height:36px;padding:0 12px;font-size:10px}.registry-actions button:hover:not(:disabled){color:#090909;background:#fff;border-color:#fff}.registry-actions button.danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger)}.signin-screen{background:#050506;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.signin-screen:before{content:"";background:var(--hot);clip-path:polygon(58% 0,100% 0,100% 100%,0 100%);opacity:.96;width:44vw;height:100%;position:absolute;top:0;right:0}.signin-grid{opacity:.22;background-image:linear-gradient(#292b30 1px,#0000 1px),linear-gradient(90deg,#292b30 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 78%);mask-image:linear-gradient(90deg,#000,#0000 78%)}.signin-screen section{z-index:1;width:min(920px,100% - 48px);position:relative}.signin-brand{align-items:center;gap:22px;display:flex}.signin-brand img{object-fit:cover;width:72px;height:72px}.signin-brand span{background:#666;width:1px;height:58px}.signin-brand b{font-size:32px}.signin-screen section>p:nth-child(2){color:var(--hot);letter-spacing:.2em;margin:65px 0 15px;font:9px ui-monospace,monospace}.signin-screen h1{letter-spacing:-.06em;margin:0;font:900 clamp(82px,11vw,154px)/.78 Impact,Arial Narrow Bold,sans-serif}.signin-copy{color:#a0a5ad;max-width:540px;margin:38px 0 30px;font-size:14px;line-height:1.8}.signin-screen section>a{background:var(--hot);color:#080808;place-items:center;min-width:260px;min-height:56px;font-weight:800;display:inline-grid}.signin-screen section>a:hover{background:#fff}.signin-screen section>small{color:#5d626b;letter-spacing:.16em;margin-top:58px;font:8px ui-monospace,monospace;display:block}.signin-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:end;gap:72px;margin-top:56px;display:grid}.signin-heading>p{color:var(--hot);letter-spacing:.2em;margin:0 0 15px;font:9px ui-monospace,monospace}.signin-heading>small{color:#5d626b;letter-spacing:.16em;margin-top:38px;font:8px ui-monospace,monospace;display:block}.signin-form{background:#08090bf0;border:1px solid #30343b;gap:16px;padding:28px;display:grid;box-shadow:0 24px 70px #00000059}.signin-form>div>span{color:var(--hot);letter-spacing:.16em;font:8px ui-monospace,monospace}.signin-form h2{margin:7px 0 10px;font-size:25px}.signin-form label{color:#9aa0a9;gap:7px;font-size:10px;display:grid}.signin-form input{color:#fff;background:#0d0f12;border:1px solid #363b43;outline:0;min-height:44px;padding:0 12px}.signin-form input:focus{border-color:var(--hot)}.signin-form p{color:var(--danger);margin:0;font-size:11px;line-height:1.5}.signin-form button{border:1px solid var(--hot);background:var(--hot);color:#080808;cursor:pointer;min-height:48px;font-weight:800}.signin-form button:disabled{opacity:.55;cursor:wait}.signin-form>a{color:#959ba4;text-align:center;text-underline-offset:4px;font-size:10px;text-decoration:underline}.signin-form .login-captcha{background:#0b0d10;border:1px solid #343943;gap:8px;padding:10px;display:grid}.signin-form .login-captcha-heading{color:#a5abb4;justify-content:space-between;align-items:center;font-size:10px;display:flex}.signin-form .login-captcha-heading button{min-height:28px;color:var(--hot);background:0 0;border:0;padding:0 6px;font-size:9px}.signin-form .login-captcha>img{object-fit:cover;background:#f2efe8;width:100%;height:70px;display:block}.signin-form .login-captcha label{gap:5px}.signin-form .login-captcha input{letter-spacing:.2em;min-height:40px;font:16px ui-monospace,monospace}.account-filters{grid-template-columns:minmax(240px,1fr) 180px 96px;align-items:end;gap:12px;margin-bottom:20px;display:grid}.account-filters label{color:#9299a3;gap:7px;font-size:10px;display:grid}.account-filters input,.account-filters select{color:#e9ebed;background:#0e1013;border:1px solid #343943;outline:0;min-height:42px;padding:0 12px}.account-filters input:focus,.account-filters select:focus{border-color:var(--hot)}.account-filters button{border:1px solid var(--hot);background:var(--hot);color:#080808;cursor:pointer;min-height:42px;font-weight:800}.device-associations-help{color:#9299a3;margin:0 0 24px;font-size:12px;line-height:1.7}.device-associations-toolbar,.device-associations-pagination{color:#9299a3;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;font-size:12px;display:flex}.device-associations-toolbar button,.device-associations-pagination button{color:#e9ebed;cursor:pointer;background:#14171b;border:1px solid #343943;padding:9px 16px}.device-associations-pagination button:disabled,.device-associations-toolbar button:disabled{opacity:.4;cursor:default}.device-associations-list{border-top:1px solid var(--border)}.device-associations-list>header,.device-association-row{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);gap:20px;display:grid}.device-associations-list>header{color:#9299a3;padding:14px 0;font-size:11px}.device-association-row{border-top:1px solid var(--border);padding:22px 0}.device-association-row>div{flex-direction:column;gap:9px;min-width:0;display:flex}.device-association-row b{overflow-wrap:anywhere;font-size:13px}.device-association-row small,.device-association-row code{color:#9299a3;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.device-association-row .device-association-online{color:#a9d6a1}.device-association-row .device-association-warning{color:#f2b872}.device-association-row .device-association-muted{color:#9299a3}@media (max-width:1000px){.device-associations-list>header{display:none}.device-association-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:600px){.device-association-row{grid-template-columns:minmax(0,1fr)}}.account-registry{border-top:1px solid var(--border)}.account-registry>header,.account-row{grid-template-columns:minmax(220px,1.5fr) 100px minmax(190px,1fr) 150px 90px;align-items:center;gap:18px;display:grid}.account-registry>header{color:#626975;letter-spacing:.12em;min-height:38px;font:8px ui-monospace,monospace}.account-row{border-bottom:1px solid var(--border);min-height:82px;padding:14px 0}.account-identity{gap:5px;min-width:0;display:grid}.account-identity b,.account-identity small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-identity b{font-size:12px}.account-identity small,.account-row>span{color:#858c96;font-size:10px}.account-state{align-items:center;gap:7px;display:flex}.account-state i{background:var(--success);border-radius:50%;width:7px;height:7px}.account-state.state-disabled i{background:var(--danger)}.account-roles,.role-switches{flex-wrap:wrap;gap:6px;display:flex}.account-roles em{color:#b6bbc2;border:1px solid #343943;padding:4px 7px;font:8px ui-monospace,monospace}.account-row button{color:#e3e5e8;cursor:pointer;background:0 0;border:1px solid #505660;min-height:34px;padding:0 11px}.account-row-editing input,.account-row-editing select{color:#fff;background:#0e1013;border:1px solid #424852;min-height:38px;padding:0 9px}.role-switches label{color:#aeb3ba;font-size:9px}.account-row-actions{gap:5px;display:flex}.account-row-editing>p{color:var(--danger);grid-column:1/-1;margin:0;font-size:10px}.account-registry-empty{border-bottom:1px solid var(--border);color:#717781;place-items:center;min-height:160px;font-size:11px;display:grid}.entitlement-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.entitlement-panel{border:1px solid var(--border);background:var(--surface);min-width:0;padding:24px}.entitlement-panel>header{margin-bottom:20px}.entitlement-panel>header p{color:var(--hot);letter-spacing:.14em;margin:0 0 8px;font:9px ui-monospace,monospace}.entitlement-panel h2{margin:0;font-size:20px}.entitlement-account-search,.entitlement-form{grid-template-columns:1fr auto;gap:8px;margin-bottom:16px;display:grid}.entitlement-form{grid-template-columns:110px 90px minmax(160px,1fr) auto}.campaign-form{grid-template-columns:minmax(140px,1fr) 90px 80px 90px auto}.entitlement-panel input,.entitlement-panel select,.entitlement-panel textarea{color:#e9ebed;background:#0e1013;border:1px solid #343943;min-height:40px;padding:0 10px}.entitlement-panel textarea{resize:vertical;width:100%;min-height:220px;padding:10px;font:11px ui-monospace,monospace}.entitlement-panel button{color:#fff;cursor:pointer;background:0 0;border:1px solid #505660;min-height:40px;padding:0 12px}.entitlement-panel button:disabled{cursor:not-allowed;opacity:.45}.entitlement-summary{background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:16px;display:grid}.entitlement-summary div{background:#0e1013;gap:6px;padding:14px;display:grid}.entitlement-summary span,.batch-count span{color:#858c96;font-size:9px}.entitlement-summary b{font-size:18px}.entitlement-grant,.campaign-row{border-top:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:12px;min-height:64px;display:grid}.entitlement-grant div,.campaign-row div{gap:5px;display:grid}.entitlement-grant span,.campaign-row span,.entitlement-grant small{color:#858c96;font-size:9px}.entitlement-grant em{color:var(--danger);font-size:9px;font-style:normal}.batch-count{align-items:center;gap:10px;margin:12px 0;display:flex}.batch-count input{width:110px}.code-batch{margin-top:18px}.code-batch>header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.entitlement-subheading{color:#aeb3ba;letter-spacing:.04em;margin:24px 0 8px;font-size:12px}.console-loading{background:#090a0c;place-content:center;justify-items:center;min-height:100vh;display:grid}.console-loading img{object-fit:cover;filter:invert();mix-blend-mode:screen;width:64px;height:64px}.console-loading span{background:#262a30;width:140px;height:2px;margin:32px 0 18px;display:block;overflow:hidden}.console-loading span:after{content:"";background:var(--hot);width:40%;height:100%;animation:1.1s ease-in-out infinite alternate load;display:block}.console-loading span.error:after{background:var(--danger);width:100%;animation:none}.console-loading p{color:#777e88;letter-spacing:.14em;font:9px ui-monospace,monospace}@keyframes load{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (max-width:980px){.console-shell{grid-template-columns:76px minmax(0,1fr)}.console-rail{padding:20px 12px}.console-brand{justify-content:center}.console-brand div,.console-rail nav :is(a,button):not(.active){font-size:0}.console-rail nav :is(a,button){grid-template-columns:1fr;justify-items:center;padding:0}.console-rail nav :is(a,button) span{font-size:9px}.rail-footer span{display:none}.upload-workspace{grid-template-columns:1fr}.registry-row{grid-template-columns:90px 1.2fr .8fr auto}.registry-row>div:nth-child(4),.account-registry>header{display:none}.account-row{grid-template-columns:minmax(180px,1fr) 90px minmax(160px,1fr) 90px}.account-row>span:nth-of-type(2){display:none}}@media (max-width:680px){.console-shell{display:block}.console-rail{border-right:0;border-bottom:1px solid var(--border);width:100%;height:auto;padding:14px 16px;position:relative}.console-brand{justify-content:flex-start;padding-bottom:13px}.console-brand img{width:40px;height:40px}.console-brand div{display:grid}.console-rail nav{scrollbar-width:none;gap:5px;margin-top:12px;display:flex;overflow-x:auto}.console-rail nav::-webkit-scrollbar{display:none}.console-rail nav :is(a,button),.console-rail nav :is(a,button):not(.active){grid-template-columns:auto auto;width:auto;min-width:max-content;padding:0 12px;font-size:11px}.rail-footer{display:none}.console-topbar{min-height:60px;padding:0 16px;position:relative}.console-topbar>div:first-child{display:none}.topbar-user{margin-left:auto}.console-content{width:calc(100% - 32px);padding:36px 0 72px}.workspace-heading{align-items:start}.workspace-heading h1{font-size:38px}.workspace-status span{font-size:25px}.upload-workspace{gap:26px;padding:22px 16px}.field-grid{grid-template-columns:1fr}.field.wide{grid-column:1}.registry-row{grid-template-columns:88px 1fr auto;gap:12px}.registry-row>div:nth-child(3),.registry-row>div:nth-child(4){display:none}.registry-row code{grid-column:1/-1}.signin-screen:before{opacity:.14;width:70vw}.signin-screen section{width:calc(100% - 36px)}.signin-brand img{width:56px;height:56px}.signin-screen section>p:nth-child(2){margin-top:72px}.signin-screen h1{font-size:88px}.signin-screen section>a{width:100%}.signin-layout{grid-template-columns:1fr;gap:34px;margin-top:42px}.signin-layout h1{font-size:72px}.account-filters,.entitlement-columns{grid-template-columns:1fr}.entitlement-form,.campaign-form{grid-template-columns:1fr 1fr}.entitlement-form input:nth-of-type(2),.campaign-form input:first-child{grid-column:1/-1}.account-row{grid-template-columns:1fr auto;gap:10px}.account-row>:nth-child(3),.account-row>:nth-child(4){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.console-global-error{color:#ffc0ba;background:#ff6b6114;border:1px solid #ff6b617a;margin:20px 34px 0;padding:12px 16px;font-size:12px}.observability-content{width:min(1440px,100% - 68px);margin:0 auto;padding:38px 0 88px}.observability-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:24px;display:flex}.observability-heading h1{letter-spacing:-.05em;margin:0;font-size:clamp(30px,3vw,44px)}.observability-heading p{color:var(--muted);margin:9px 0 0;font-size:12px}.observability-actions{align-items:flex-end;gap:9px;display:flex}.observability-actions label,.observability-filters label{color:#818893;gap:7px;font-size:9px;display:grid}.observability-actions select,.observability-filters :is(input,select){color:#e5e7ea;background:#0f1114;border:1px solid #343943;border-radius:0;outline:0;min-height:39px;padding:0 11px;font-size:11px}.observability-actions select{min-width:146px}.observability-actions button,.observability-filters>button,.observability-state button,.observability-dashboard-state button{color:#e6e8eb;cursor:pointer;background:#16191e;border:1px solid #4a505a;min-height:39px;padding:0 15px;font-size:11px}.observability-actions button:hover:not(:disabled),.observability-state button:hover,.observability-dashboard-state button:hover{color:#090909;background:#fff;border-color:#fff}.observability-actions button:disabled{opacity:.45;cursor:wait}.observability-actions :is(select,button):focus-visible,.observability-filters :is(input,select,button):focus-visible,.registry-switcher button:focus-visible,.observability-row:focus-visible,.observability-detail button:focus-visible,.observability-pagination button:focus-visible{outline:2px solid var(--hot);outline-offset:2px}.observability-metrics{border:1px solid var(--border);background:var(--surface);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.observability-metrics article{border-right:1px solid var(--border);min-width:0;padding:19px 21px 18px;display:grid}.observability-metrics article:last-child{border-right:0}.observability-metrics article>span{color:#9ba1a9;align-items:center;gap:8px;font-size:10px;display:flex}.observability-metrics article>b{letter-spacing:-.05em;margin-top:10px;font:650 29px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.observability-metrics article>small{color:#6f7680;margin-top:9px;font-size:9px}.metric-dot,.health-dot,.event-severity i,.device-health-label i{background:#747b85;border-radius:50%;flex:none;width:7px;height:7px}.tone-success{color:var(--success)!important}.tone-success.metric-dot,.health-healthy{background:var(--success)!important}.tone-danger{color:var(--danger)!important}.tone-danger.metric-dot,.health-attention{background:var(--danger)!important}.tone-warning{color:var(--warning)!important}.tone-warning.metric-dot,.health-unknown{background:var(--warning)!important}.tone-neutral.metric-dot,.health-revoked{background:#737b86!important}.observability-signal-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);gap:14px;margin-top:14px;display:grid}.event-trend,.device-health{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:220px;margin:0;padding:19px 21px}.event-trend figcaption,.device-health>header{justify-content:space-between;align-items:center;gap:18px;display:flex}.event-trend h2,.device-health h2,.registry-title h2,.observability-detail h2{letter-spacing:-.02em;margin:0;font-size:14px}.event-trend figcaption>span,.device-health>header>span{color:#777f89;align-items:center;gap:6px;font-size:8px;display:flex}.trend-key{background:#747b85;border-radius:50%;width:7px;height:7px;margin-left:7px}.trend-key.warning{background:var(--warning)}.trend-key.error{background:var(--danger)}.trend-plot{background-image:repeating-linear-gradient(0deg,#0000 0 35px,#ffffff0e 35px 36px);border-bottom:1px solid #333842;align-items:end;gap:3px;height:145px;margin-top:17px;padding:11px 2px 22px;display:flex;position:relative}.trend-column{flex:1;align-items:end;gap:1px;min-width:2px;height:100%;display:flex;position:relative}.trend-column>i{width:50%;min-height:1px}.trend-warning{height:var(--warning-height);background:var(--warning);opacity:.85}.trend-error{height:var(--error-height);background:var(--danger)}.trend-column time{color:#656c76;white-space:nowrap;font:7px ui-monospace,monospace;position:absolute;bottom:-19px;left:0}.device-health>div{margin-top:14px;display:grid}.device-health article{border-top:1px solid #292d34;grid-template-columns:minmax(0,1fr) auto 50px;align-items:center;gap:12px;min-height:35px;display:grid}.device-health article>span{color:#a5abb3;align-items:center;gap:8px;font-size:10px;display:flex}.device-health article>b{font:650 12px ui-monospace,monospace}.device-health article>small{color:#6f7680;text-align:right;font:9px ui-monospace,monospace}.observability-workbench{min-width:0;margin-top:14px;transition:opacity .14s;display:grid}.observability-workbench.with-detail{grid-template-columns:minmax(580px,1fr) minmax(310px,390px)}.observability-workbench.is-pending{opacity:.72}.observability-registry{border:1px solid var(--border);background:var(--surface);min-width:0}.observability-workbench.with-detail .observability-registry{border-right:0}.registry-switcher{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:51px;padding:0 17px;display:flex}.registry-switcher>div{align-self:stretch;gap:22px;display:flex}.registry-switcher button{color:#858c96;cursor:pointer;background:0 0;border:0;font-size:11px;position:relative}.registry-switcher button[aria-selected=true]{color:#f2f3f4;font-weight:700}.registry-switcher button[aria-selected=true]:after{content:"";background:var(--hot);height:2px;position:absolute;bottom:-1px;left:0;right:0}.registry-switcher>span{color:#666e78;letter-spacing:.08em;font:8px ui-monospace,monospace}.registry-title{align-items:center;padding:18px 18px 0;display:flex}.registry-title small{color:#69717b;margin-top:7px;font-size:8px;display:block}.observability-filters{grid-template-columns:minmax(146px,1.3fr) repeat(4,minmax(105px,1fr)) auto;align-items:end;gap:9px;padding:16px 18px 17px;display:grid}.observability-filters .filter-search,.observability-filters input{min-width:0}.observability-filters>button{border-color:var(--hot);background:var(--hot);color:#080808;font-weight:800}.observability-filters>button:hover{background:#fff;border-color:#fff}.observability-table{border-top:1px solid var(--border)}.event-batch-toolbar{color:#9198a2;background:#14171b;border-bottom:1px solid #353a43;align-items:center;gap:12px;min-height:48px;padding:8px 17px;font-size:9px;display:flex}.event-batch-toolbar>label{cursor:pointer;align-items:center;gap:7px;display:flex}.event-batch-toolbar input,.event-select-cell input{accent-color:var(--hot)}.event-batch-toolbar>button,.event-batch-confirmation button{color:#c7cbd1;cursor:pointer;background:0 0;border:1px solid #4a505a;min-height:30px;padding:0 10px;font-size:9px}.event-batch-toolbar>button:disabled,.event-batch-confirmation button:disabled{opacity:.4;cursor:default}.event-batch-toolbar>p{color:#ff8f7e;margin:0 0 0 auto}.event-batch-confirmation{align-items:center;gap:8px;display:flex}.event-batch-confirmation strong{color:#ffab9f;font-weight:600}.event-select-row{grid-template-columns:42px minmax(0,1fr);display:grid}.event-select-row:has(.event-select-cell+button) .observability-row{border-left:1px solid #292d34}.event-select-row:not(:has(.event-select-cell)){display:block}.event-select-cell{cursor:pointer;background:0 0;border-bottom:1px solid #292d34;place-items:center;display:grid}.observability-row{color:#d9dce0;text-align:left;background:0 0;border:0;border-bottom:1px solid #292d34;align-items:center;gap:13px;width:100%;min-width:0;padding:13px 17px;display:grid}button.observability-row{cursor:pointer}button.observability-row:hover{background:#181b20}button.observability-row.selected{box-shadow:inset 2px 0 var(--hot);background:#ff4b2313}.event-table .observability-row{grid-template-columns:minmax(118px,.85fr) 70px minmax(105px,.8fr) minmax(132px,1.25fr) minmax(75px,.6fr) minmax(95px,.8fr)}.device-table .observability-row{grid-template-columns:80px minmax(110px,1fr) 90px 78px 76px minmax(100px,.9fr) 95px}.observability-row.table-header{color:#626a75;letter-spacing:.07em;border-bottom-color:#353a43;min-height:34px;padding-top:0;padding-bottom:8px;font:8px ui-monospace,monospace}.observability-row>span{overflow-wrap:anywhere;min-width:0;font-size:10px;line-height:1.35}.observability-row>span>b,.observability-row>span>small{display:block}.observability-row>span>b{color:#e7e9eb;font-size:10px}.observability-row>span>small{color:#6f7680;margin-top:4px;font-size:8px}.observability-row>code{color:#b3b8bf;text-overflow:ellipsis;min-width:0;font:9px ui-monospace,monospace;overflow:hidden}.observability-row>span>code{color:#b3b8bf;text-overflow:ellipsis;min-width:0;font:9px ui-monospace,monospace;display:block;overflow:hidden}.event-severity,.device-health-label{align-items:center;gap:7px;display:flex}.severity-error{color:#ff9a92}.severity-error i{background:var(--danger)}.severity-warning{color:#f4cd84}.severity-warning i{background:var(--warning)}.device-health-label.health-healthy{color:var(--success);background:0 0!important}.device-health-label.health-attention{color:#ff9a92;background:0 0!important}.device-health-label.health-unknown{color:var(--warning);background:0 0!important}.device-health-label.health-revoked{color:#858c96;background:0 0!important}.observability-state,.observability-dashboard-state,.detail-state{color:#747b85;text-align:center;justify-content:center;align-items:center;gap:14px;min-height:142px;font-size:11px;display:flex}.observability-dashboard-state{border:1px solid var(--border);background:var(--surface);min-height:280px}.state-error{color:#ff9a92}.observability-pagination{color:#747b85;justify-content:space-between;align-items:center;min-height:55px;padding:0 17px;font-size:9px;display:flex}.observability-pagination>div{align-items:center;gap:10px;display:flex}.observability-pagination button{color:#c6cad0;cursor:pointer;background:0 0;border:1px solid #3d424b;min-height:30px;padding:0 10px;font-size:9px}.observability-pagination button:disabled{opacity:.32;cursor:default}.observability-pagination strong{color:#8e959f;text-align:center;min-width:44px;font:9px ui-monospace,monospace}.observability-detail{border:1px solid var(--border);background:#101216;min-width:0;box-shadow:-24px 0 50px #00000026}.observability-detail>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:51px;padding:0 17px;display:flex}.observability-detail>header button{color:#a9afb7;cursor:pointer;background:0 0;border:1px solid #3c424b;min-height:29px;padding:0 9px;font-size:9px}.delete-event-panel{border-top:1px solid #482824}.delete-event-panel .danger-button{color:#ff8f7e;cursor:pointer;background:#a83a2d1f;border:1px solid #a83a2d;min-height:32px;padding:0 11px}.delete-event-panel .danger-button:hover:not(:disabled){color:#080808;background:#ff4b23;border-color:#ff6b55}.delete-event-panel button:disabled{opacity:.45;cursor:wait}.delete-event-confirmation{gap:10px;display:grid}.delete-event-confirmation p{color:#aeb3ba;margin:0;font-size:9px;line-height:1.6}.delete-event-confirmation code{color:#e5e7ea;overflow-wrap:anywhere}.delete-event-confirmation>div{gap:8px;display:flex}.delete-event-confirmation>div>button:not(.danger-button){color:#a9afb7;cursor:pointer;background:0 0;border:1px solid #3c424b;min-height:32px;padding:0 11px}.share-registry-content{width:min(1380px,100% - 64px);margin:0 auto;padding:42px 0 80px}.share-registry{margin-top:24px;transition:opacity .15s}.share-registry.is-pending{opacity:.7}.share-registry-filters{grid-template-columns:minmax(260px,1fr) 180px auto;align-items:end;gap:10px;padding:18px;display:grid}.share-registry-filters label{color:#818893;gap:7px;font-size:9px;display:grid}.share-registry-filters :is(input,select){color:#e5e7e9;background:#0d0f12;border:1px solid #353a42;border-radius:0;min-width:0;min-height:38px;padding:0 11px}.share-registry-filters button{border:1px solid var(--hot);background:var(--hot);color:#080808;cursor:pointer;min-height:38px;padding:0 20px;font-weight:800}.share-registry-filters :is(input,select,button):focus-visible{outline:2px solid var(--hot);outline-offset:2px}.share-registry-table{border-top:1px solid var(--border)}.share-registry-row{border-bottom:1px solid #292d34;grid-template-columns:150px minmax(230px,1.2fr) minmax(190px,1fr) 80px 90px;align-items:center;gap:16px;padding:15px 18px;display:grid}.share-registry-row.table-header{color:#626a75;letter-spacing:.07em;padding-top:9px;padding-bottom:9px;font:8px ui-monospace,monospace}.share-registry-row :is(time,span){min-width:0;font-size:10px}.share-registry-row span>:is(code,b,small){text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.share-registry-row code{color:#d9dce0;font:9px ui-monospace,monospace}.share-registry-row small{color:#707782;margin-top:4px;font-size:8px}.share-status{color:#bbc0c6;border:1px solid #474d56;width:fit-content;padding:4px 7px;font:8px ui-monospace,monospace!important}.share-status.status-published{color:#77c89f;border-color:#397a60}.share-status.status-deleted,.share-status.status-expired{color:#ce8375;border-color:#784238}.privacy-boundary{color:#a7cab9;background:#69dfa60e;border:1px solid #69dfa63d;align-items:center;gap:8px;margin:14px 15px 0;padding:10px 11px;font-size:8px;line-height:1.5;display:flex}.privacy-boundary i{background:var(--success);border-radius:50%;flex:none;width:6px;height:6px}.detail-content{padding:4px 15px 22px}.detail-content section{border-bottom:1px solid #2c3037;padding:17px 0 10px}.detail-content section:last-child{border-bottom:0}.detail-content h3{color:#777f89;letter-spacing:.13em;text-transform:uppercase;margin:0 0 10px;font:8px ui-monospace,monospace}.detail-row{grid-template-columns:minmax(92px,.8fr) minmax(0,1.2fr);align-items:start;gap:14px;padding:6px 0;display:grid}.detail-row>span{color:#737a84;font-size:9px;line-height:1.45}.detail-row>b{color:#d8dbe0;text-align:right;overflow-wrap:anywhere;min-width:0;font-size:9px;font-weight:570;line-height:1.5}.detail-row>b.mono{color:#aeb4bc;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.detail-empty,.consent-boundary{color:#737a84;margin:7px 0 0;font-size:9px;line-height:1.65}.consent-boundary{border-left:2px solid var(--warning);color:#c9b88f;background:#f1bb620e;padding:10px}.diagnostic-actions>div,.symbol-upload-actions{flex-wrap:wrap;gap:7px;display:flex}.diagnostic-actions button,.symbol-artifacts button{color:#dce0e5;cursor:pointer;background:#171a1f;border:1px solid #444a54;min-height:30px;padding:0 10px;font-size:9px}.diagnostic-actions button:first-child{border-color:var(--hot);background:var(--hot);color:#090909;font-weight:800}.diagnostic-actions button:disabled,.symbol-artifacts button:disabled{opacity:.38;cursor:default}.diagnostic-actions p,.symbol-notice,.detail-error{color:#7e8792;margin:9px 0 0;font-size:8px;line-height:1.55}.detail-error{color:#dd8677}.symbol-artifact{border-top:1px solid #292e35;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 0;display:grid}.symbol-artifact>span{color:#89cba8;font-size:8px}.symbol-artifact>code{color:#bec4cb;overflow-wrap:anywhere;min-width:0;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.symbol-artifact small{color:#69717c;margin-top:3px;display:block}.symbol-upload-actions{margin-top:10px}@media (max-width:1180px){.observability-content{width:calc(100% - 44px)}.observability-filters{grid-template-columns:repeat(3,minmax(120px,1fr))}.observability-filters>button{align-self:end}.event-table .observability-row{grid-template-columns:122px 70px minmax(100px,.8fr) minmax(125px,1.2fr) 82px}.event-table .observability-row>:last-child{display:none}.device-table .observability-row{grid-template-columns:78px minmax(110px,1fr) 82px 78px 76px 90px}.device-table .observability-row>:nth-child(6){display:none}}@media (max-width:840px){.observability-heading{align-items:start}.observability-metrics{grid-template-columns:1fr 1fr}.observability-metrics article:nth-child(2){border-right:0}.observability-metrics article:nth-child(-n+2){border-bottom:1px solid var(--border)}.observability-signal-grid{grid-template-columns:1fr}.observability-workbench.with-detail{grid-template-columns:minmax(0,1fr) 320px}.event-table .observability-row{grid-template-columns:112px 65px minmax(100px,.8fr) minmax(125px,1.1fr)}.event-table .observability-row>:nth-child(5){display:none}.device-table .observability-row{grid-template-columns:74px minmax(105px,1fr) 80px 72px 74px}.device-table .observability-row>:last-child{display:none}}@media (max-width:680px){.share-registry-content{width:calc(100% - 28px);padding-top:28px}.share-registry-filters{grid-template-columns:minmax(0,1fr)}.share-registry-filters label,.share-registry-filters :is(input,select),.share-registry-filters button{width:100%}.share-registry-row.table-header{display:none}.share-registry-row{grid-template-columns:minmax(0,1fr) auto;gap:10px}.share-registry-row>:nth-child(2),.share-registry-row>:nth-child(3){grid-column:1/-1}.console-global-error{margin:14px 16px 0}.observability-content{width:calc(100% - 28px);padding:28px 0 62px}.observability-heading{gap:18px;display:grid}.observability-heading h1{font-size:30px}.observability-heading p{font-size:11px;line-height:1.6}.observability-actions{width:100%}.observability-actions label{flex:1}.observability-actions select{width:100%;min-width:0}.observability-metrics article{padding:15px}.observability-metrics article>b{font-size:23px}.observability-signal-grid{gap:10px;margin-top:10px}.event-batch-toolbar{flex-wrap:wrap;align-items:center}.event-batch-toolbar>p{width:100%;margin-left:0}.event-batch-confirmation{flex-wrap:wrap;width:100%}.event-trend,.device-health{padding:16px}.observability-workbench,.observability-workbench.with-detail{margin-top:10px;display:block}.observability-filters{grid-template-columns:1fr 1fr;padding:14px}.observability-filters .filter-search,.observability-filters>button{grid-column:1/-1}.observability-row.table-header{display:none}.event-table .observability-row,.device-table .observability-row{grid-template-columns:1fr 1fr;gap:8px 12px;padding:15px;display:grid}.event-table .observability-row>*,.device-table .observability-row>*{display:block}.event-table .observability-row>:first-child,.device-table .observability-row>:nth-child(2){grid-column:1/-1}.event-table .event-severity,.device-table .device-health-label{display:flex}.observability-detail{z-index:50;border:1px solid #555c66;border-bottom:0;max-height:min(82svh,720px);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -26px 70px #000000b8}.observability-detail:before{content:"";background:#5f6670;border-radius:2px;width:34px;height:3px;margin:8px auto 0;display:block}.observability-detail>header{z-index:2;background:#101216;position:sticky;top:0}}@media (max-width:420px){.observability-metrics{grid-template-columns:1fr}.observability-metrics article{border-right:0;border-bottom:1px solid var(--border)}.observability-metrics article:last-child{border-bottom:0}.observability-filters{grid-template-columns:1fr}.observability-filters .filter-search,.observability-filters>button{grid-column:1}.registry-switcher{padding:0 13px}.registry-switcher>div{gap:14px}}.page-editor-shell{--editor-topbar:64px;--editor-timeline:194px;--editor-statusbar:48px;grid-template-rows:var(--editor-topbar) minmax(480px, 1fr) var(--editor-timeline) var(--editor-statusbar);color:#e9ebee;background:#090b0e;min-width:1180px;height:100svh;min-height:100svh;display:grid;overflow:hidden}.page-editor-topbar{z-index:30;background:#0b0e12;border-bottom:1px solid #343943;grid-template-columns:minmax(280px,1fr) auto minmax(230px,.9fr) minmax(500px,1.35fr);align-items:center;gap:18px;padding:0 18px;display:grid;position:relative}.page-editor-brand{align-items:center;gap:15px;min-width:0;display:flex}.page-editor-brand a{align-items:center;display:inline-flex}.page-editor-brand strong{color:#e5a83e;letter-spacing:-.055em;font-size:26px}.page-editor-brand>span{background:#343943;width:1px;height:31px}.page-editor-brand b{color:#f0f1f2;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.page-editor-mode{background:#11151a;border:1px solid #3b414b;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.page-editor-mode button{color:#a6acb5;cursor:pointer;background:0 0;border:0;min-width:80px;min-height:39px}.page-editor-mode button.active{color:#f0b94f;background:#252a31;font-weight:750;box-shadow:inset 0 -2px #f0ad39}.page-editor-runtime-status{color:#abb1b9;justify-content:center;align-items:center;gap:9px;min-width:0;font-size:11px;display:flex}.page-editor-runtime-status i{background:var(--warning);border-radius:50%;flex:none;width:8px;height:8px}.page-editor-runtime-status.runtime-ready i{background:var(--success);box-shadow:0 0 10px #69dfa68c}.page-editor-runtime-status.runtime-unavailable i,.page-editor-runtime-status.runtime-error i{background:var(--danger)}.page-editor-actions{justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.page-editor-actions>button,.page-editor-publish>button{color:#e4e6e9;cursor:pointer;background:#12161b;border:1px solid #3b414a;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:11px;display:inline-flex}.page-editor-actions>button:first-child,.page-editor-actions>button:nth-child(2){width:38px;padding:0}.page-editor-actions button svg{width:17px;height:17px}.page-editor-actions button:hover:not(:disabled){background:#1b2026;border-color:#767d88}.page-editor-actions button:disabled{opacity:.32;cursor:not-allowed}.page-editor-actions .primary{color:#fff;background:#e6461e;border-color:#e6461e;min-width:94px;font-weight:780}.page-editor-actions .primary:hover{background:#ff5732;border-color:#ff6340}.page-editor-actions .page-editor-user{color:#fff;background:#323841;border-color:#5b626c;border-radius:50%;width:38px;height:38px;padding:0;font-size:10px}.page-editor-publish{position:relative}.publish-menu{z-index:40;background:#15191e;border:1px solid #444b55;width:254px;padding:7px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 48px #00000073}.publish-menu button{color:#e9ebed;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:28px 1fr 18px;align-items:center;gap:10px;width:100%;padding:12px 10px;display:grid}.publish-menu button:hover,.publish-menu button[aria-checked=true]{background:#22272e}.publish-menu button>svg{color:#f0b24a;width:20px;height:20px}.publish-menu button span{gap:4px;display:grid}.publish-menu button b{font-size:12px}.publish-menu button small{color:#858c95;font-size:9px}.page-editor-body{grid-template-columns:282px minmax(580px,1fr) 352px;min-height:0;display:grid;overflow:hidden}.page-editor-sidebar,.page-editor-inspector{scrollbar-color:#3a4048 transparent;background:#11151a;min-height:0;overflow:auto}.page-editor-sidebar{border-right:1px solid #30353d;grid-template-rows:minmax(270px,.56fr) minmax(0,.44fr);display:grid;overflow:hidden}.page-editor-pages,.page-editor-layers{min-height:0;padding:14px 10px;overflow:auto}.page-editor-pages{border-bottom:1px solid #30353d}.page-editor-pages>header,.page-editor-layers>header{justify-content:space-between;align-items:center;min-height:28px;padding:0 6px 10px;display:flex}.page-editor-pages h2,.page-editor-layers h2{color:#e3e5e8;letter-spacing:.02em;margin:0;font-size:12px}.page-editor-pages>header button{color:#7f8792;background:0 0;border:0;width:24px;height:24px;font-size:18px}.page-editor-layers>header div{color:#777f8a;gap:10px;display:flex}.page-editor-pages nav{gap:5px;display:grid}.page-editor-pages nav button{color:#aeb4bc;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:54px 20px 1fr 8px;align-items:center;gap:9px;min-height:49px;padding:5px 8px;display:grid}.page-editor-pages nav button:hover{background:#191d23}.page-editor-pages nav button.selected{color:#f1b94c;background:#232930;border-color:#d89c33}.page-editor-pages nav button>svg{width:17px;height:17px}.page-editor-pages nav button b{font-size:11px;font-weight:580}.page-editor-pages nav button>i{border-radius:50%;width:7px;height:7px}.page-editor-pages nav button>i.status-ready{background:#6ec675}.page-editor-pages nav button>i.status-warning{background:#e7ad3f}.page-editor-pages nav button>i.status-error{background:#e76659}.page-miniature{color:#a94429;background:#eee9df;border:1px solid #d9d2c8;place-items:center;width:50px;height:35px;display:grid}.page-miniature svg{width:18px;height:18px}.layer-search{color:#68717c;background:#0d1014;border:1px solid #353b44;grid-template-columns:18px 1fr;align-items:center;gap:7px;height:36px;margin:0 0 8px;padding:0 9px;display:grid}.layer-search input{color:#e8eaed;background:0 0;border:0;outline:0;min-width:0;font-size:10px}.layer-tree{gap:2px;display:grid}.layer-tree button{color:#b8bdc4;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:19px 1fr auto 17px;align-items:center;gap:8px;min-height:34px;padding:0 8px;display:grid}.layer-tree button:hover:not(:disabled),.layer-tree button.selected{color:#f0b64b;background:#252b32;border-color:#606974}.layer-tree button:disabled{opacity:.58;cursor:not-allowed}.layer-tree button svg{width:15px;height:15px}.layer-tree button span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.layer-tree button small{color:#ff745a;letter-spacing:.08em;font:7px ui-monospace,monospace}.page-editor-center{background:#0b0e12;min-width:0;min-height:0;position:relative;overflow:hidden}.page-editor-center:before{content:"";opacity:.35;background-image:linear-gradient(#252a31 1px,#0000 1px),linear-gradient(90deg,#252a31 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.canvas-ruler{z-index:5;color:#646c77;pointer-events:none;font:8px ui-monospace,monospace;display:flex;position:absolute}.canvas-ruler-x{background:#101419;border-bottom:1px solid #30353d;justify-content:space-around;align-items:center;height:30px;top:0;left:30px;right:0}.canvas-ruler-y{background:#101419;border-right:1px solid #30353d;flex-direction:column;justify-content:space-around;align-items:center;width:30px;top:30px;bottom:0;left:0}.page-editor-canvas{place-items:center;display:grid;position:absolute;inset:48px 34px 60px 48px;overflow:auto}.page-runtime-stage{aspect-ratio:4/3;width:min(100%,133.33vh - 519.987px);min-width:480px;transform:scale(var(--editor-zoom));transform-origin:50%;background:#eee9df;border:1px solid #6c737c;position:relative;overflow:hidden;box-shadow:0 18px 56px #0000006b}.page-runtime-camera,.page-runtime-wasm{position:absolute;inset:0}.page-runtime-camera{background:#e9e3d9}.page-runtime-camera[aria-hidden=true]{display:none}.page-runtime-camera img{object-fit:cover;object-position:54% center;filter:saturate(.82)contrast(.96)brightness(.96)}.page-runtime-wasm{z-index:2}.page-runtime-empty{z-index:3;color:#2a2c2e;text-align:center;background:#eee9dfe0;align-content:center;justify-items:center;gap:10px;padding:40px;display:grid;position:absolute;inset:0}.page-runtime-empty strong{letter-spacing:-.03em;font-size:22px}.page-runtime-empty span{color:#6e6159;max-width:460px;font-size:11px;line-height:1.6}.page-runtime-empty small{color:#a64a2f;letter-spacing:.06em;font:8px ui-monospace,monospace}.canvas-toolbar{z-index:6;background:#161b21;border:1px solid #434a54;align-items:center;gap:5px;padding:5px;display:flex;position:absolute;bottom:12px;right:50%;transform:translate(50%);box-shadow:0 10px 24px #0000004d}.canvas-toolbar button{color:#aeb4bd;cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:32px;display:grid}.canvas-toolbar label{color:#7f8791;grid-template-columns:auto 90px 42px;align-items:center;gap:8px;padding:0 7px;font-size:8px;display:grid}.canvas-toolbar input{accent-color:#e6a33c}.canvas-toolbar output{color:#d8dbe0;font:8px ui-monospace,monospace}.page-editor-inspector{border-left:1px solid #30353d}.inspector-tabs{z-index:3;background:#11151a;border-bottom:1px solid #30353d;grid-template-columns:repeat(3,1fr);display:grid;position:sticky;top:0}.inspector-tabs button{color:#8d949e;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;min-height:48px;font-size:11px}.inspector-tabs button[aria-selected=true]{color:#e5a43d;border-bottom-color:#e5a43d;font-weight:730}.inspector-section{border-bottom:1px solid #30353d;padding:17px 16px}.inspector-section>header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.inspector-section>header svg{color:#dca03b;width:14px;height:14px}.inspector-section>header h2{color:#e4e6e9;margin:0;font-size:11px}.animation-presets{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.animation-presets button{color:#aeb3ba;cursor:pointer;background:#171b20;border:1px solid #363c45;place-items:center;gap:4px;min-height:90px;padding:11px 5px;display:grid}.animation-presets button.selected{color:#e7ac40;border-color:#d89a32;box-shadow:inset 0 0 0 1px #d89a3238}.animation-glyph{color:#d8dbe0;font:26px Georgia,serif}.glyph-rise{transform:translateY(-4px)}.glyph-spring{transform:scale(1.07)}.animation-presets button b{font-size:9px;font-weight:600}.number-control,.inspector-field,.range-control{color:#939aa4;align-items:center;min-height:46px;font-size:10px;display:grid}.number-control,.inspector-field{grid-template-columns:88px 1fr}.number-control>div{background:#0f1216;border:1px solid #363c45;grid-template-columns:1fr 34px;align-items:center;display:grid}.number-control input{color:#e5e7ea;text-align:right;background:0 0;border:0;outline:0;min-width:0;height:35px;padding:0 8px}.number-control em{color:#737b86;font-size:9px;font-style:normal}.inspector-field select,.advanced-content select{color:#e5e7ea;background:#0f1216;border:1px solid #363c45;outline:0;width:100%;height:36px;padding:0 8px;font-size:10px}.inspector-field input{color:#e5e7ea;background:#0f1216;border:1px solid #363c45;outline:0;width:100%;min-width:0;height:36px;padding:0 9px;font-size:10px}.inspector-field input:focus{border-color:#ba6f40;box-shadow:0 0 0 2px #ba6f4024}.geometry-grid{grid-template-columns:1fr 1fr;gap:6px 10px;display:grid}.geometry-grid .number-control{grid-template-columns:20px 1fr;min-width:0}.element-properties{overflow-y:auto}.particle-section>header .toggle{margin-left:auto}.particle-performance-hint{color:#747c87;margin:-3px 0 8px 73px;font-size:8px;line-height:1.45}.toggle{cursor:pointer;background:#252a31;border:1px solid #454c55;border-radius:12px;width:38px;height:21px;padding:0;position:relative}.toggle span{background:#949ba4;border-radius:50%;width:15px;height:15px;transition:transform .16s;position:absolute;top:2px;left:2px}.toggle.checked{background:#d9962d;border-color:#d9962d}.toggle.checked span{background:#fff;transform:translate(17px)}.range-control{grid-template-columns:64px 1fr 44px;gap:9px}.range-control input{accent-color:#e4a139;width:100%}.range-control output{color:#dfe2e5;text-align:center;background:#15191e;border:1px solid #343a43;padding:5px 4px;font:9px ui-monospace,monospace}.advanced-section>button{color:#d7dade;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;width:100%;padding:0;font-size:10px;display:flex}.advanced-content{color:#8c939d;grid-template-columns:88px 1fr;align-items:center;margin-top:16px;font-size:9px;display:grid}.advanced-content p{margin:0}.inspector-placeholder{color:#7d858f;text-align:center;align-content:center;justify-items:center;gap:9px;min-height:240px;display:grid}.inspector-placeholder strong{color:#d5d8dc;font-size:13px}.inspector-placeholder span{font-size:10px}.editor-timeline{background:#101419;border-top:1px solid #343943;grid-template-rows:41px 1fr;grid-template-columns:245px 1fr;display:grid;position:relative;overflow:hidden}.timeline-playback{border-bottom:1px solid #30353d;border-right:1px solid #30353d;align-items:center;gap:8px;padding:0 14px;display:flex}.timeline-playback button{color:#dce0e4;cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;display:grid}.timeline-playback button svg{width:18px;height:18px}.timeline-playback strong{color:#e4e7eb;margin-left:8px;font:10px ui-monospace,monospace}.timeline-playback span{color:#6f7782;font:9px ui-monospace,monospace}.timeline-scale{color:#69717b;border-bottom:1px solid #30353d;justify-content:space-between;align-items:center;padding:0 26px;font:8px ui-monospace,monospace;display:flex}.timeline-lanes{grid-column:1/-1;grid-template-rows:repeat(3,1fr);min-height:0;display:grid}.timeline-lanes>div{border-bottom:1px solid #262b32;grid-template-columns:245px 1fr;align-items:center;display:grid}.timeline-lanes>div>span{color:#b5bbc2;border-right:1px solid #30353d;align-self:stretch;align-items:center;padding:0 16px;font-size:9px;display:flex}.timeline-block{color:#e7ebef;border:1px solid;align-items:center;width:34%;height:27px;margin-left:24px;padding:0 12px;font-size:9px;font-style:normal;display:flex}.timeline-lanes>div:nth-child(2) .timeline-block{width:72%;margin-left:15%}.timeline-lanes>div:nth-child(3) .timeline-block{width:80%;margin-left:5%}.block-blue{background:#315a88;border-color:#69a7ee}.block-violet{background:#654b94;border-color:#a484df}.block-green{background:#456b43;border-color:#71aa6a}.timeline-scrubber{z-index:3;opacity:0;cursor:ew-resize;width:calc(100% - 245px);height:16px;margin:0;position:absolute;top:33px;left:245px;right:0}.timeline-playhead{z-index:2;top:41px;bottom:0;left:calc(245px + (100% - 245px) * var(--timeline-ratio));pointer-events:none;background:#f3f4f5;width:1px;position:absolute}.timeline-playhead:before{content:"";background:#f3f4f5;width:11px;height:8px;position:absolute;top:0;left:-5px}.page-editor-statusbar{background:#0e1216;border-top:1px solid #343943;align-items:center;gap:0;display:flex}.page-editor-statusbar>div{border-right:1px solid #2e333a;align-items:center;gap:10px;height:100%;padding:0 18px;display:flex}.page-editor-statusbar span{color:#68717c;font-size:8px}.page-editor-statusbar b{color:#d3d7db;font:9px ui-monospace,monospace}.page-editor-statusbar p{color:#e0a940;margin:0 auto 0 18px;font-size:9px}.page-editor-statusbar .validation-ok,.page-editor-statusbar .validation-error{color:#73cb78;border-right:0;margin-left:auto}.page-editor-statusbar .validation-error{color:#e76659}.page-editor-statusbar .validation-ok svg,.page-editor-statusbar .validation-error svg{width:18px;height:18px}.page-editor-statusbar .validation-ok b,.page-editor-statusbar .validation-error b{color:currentColor}.editor-route-loading{background:#090b0e;place-content:center;justify-items:center;gap:18px;min-height:100svh;display:grid}.editor-route-loading strong{color:#e3aa48;letter-spacing:-.05em;font-size:30px}.editor-route-loading>span{background:#2a2f36;width:160px;height:2px;overflow:hidden}.editor-route-loading>span:after{content:"";background:var(--hot);width:45%;height:100%;animation:1.1s ease-in-out infinite alternate load;display:block}.editor-route-loading>span.error:after{background:var(--danger);width:100%;animation:none}.editor-route-loading p{color:#777f89;letter-spacing:.13em;margin:0;font:9px ui-monospace,monospace}.editor-permission-denied{color:#e8eaed;background:#090b0e;place-content:center;justify-items:center;gap:12px;min-height:100svh;display:grid}.editor-permission-denied strong{letter-spacing:-.04em;font-size:30px}.editor-permission-denied p{color:#8c939d;margin:0;font-size:12px}.editor-permission-denied a{color:#f0ae3c;border:1px solid #d94723;margin-top:14px;padding:12px 22px;font-size:11px}@media (max-width:1279px){.page-editor-shell{min-width:1024px}.page-editor-topbar{grid-template-columns:minmax(240px,1fr) auto minmax(410px,1.3fr)}.page-editor-runtime-status{display:none}.page-editor-body{grid-template-columns:232px minmax(520px,1fr) 310px}.page-editor-actions>button:not(:first-child):not(:nth-child(2)),.page-editor-publish>button{padding:0 9px}}@media (max-height:840px){.page-editor-shell{--editor-timeline:158px}.page-editor-pages nav button{min-height:42px}.page-miniature{width:45px;height:30px}.page-runtime-stage{width:min(100%,133.33vh - 450.655px)}}.console-error-page{background:#050506;grid-template-rows:112px 1fr 80px;min-height:100svh;display:grid;position:relative;overflow:hidden}.console-error-page:after{aspect-ratio:1;content:"";background:var(--hot);filter:blur(170px);opacity:.08;pointer-events:none;border-radius:50%;width:46vw;position:absolute;top:-16vw;right:-12vw}.console-error-grid{opacity:.24;pointer-events:none;background-image:linear-gradient(#25272b 1px,#0000 1px),linear-gradient(90deg,#25272b 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0}.console-error-header,.console-error-footer{z-index:2;justify-content:space-between;align-items:center;width:calc(100% - 128px);margin:0 auto;display:flex;position:relative}.console-error-header{border-bottom:1px solid #ffffff17}.console-error-brand{align-items:center;gap:14px;display:flex}.console-error-brand img{object-fit:cover;width:46px;height:46px}.console-error-brand>span{background:#555961;width:1px;height:38px}.console-error-brand b{color:var(--text);letter-spacing:-.05em;font-size:27px}.console-error-header>small,.console-error-footer,.console-error-future,.console-error-break small{color:#8d949e;letter-spacing:.2em;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.console-error-stage{z-index:1;align-content:center;min-height:0;padding:32px 0 40px;display:grid;position:relative}.console-error-future{width:calc(100% - 128px);color:var(--hot);margin:0 auto 28px;transform:translateY(15px)}.console-error-signal{grid-template-columns:minmax(64px,1fr) auto minmax(0,2.35fr);align-items:center;display:grid;transform:translateY(15px)}.console-error-signal-lead,.console-error-signal-tail>i{border-top:2px solid #e5e7e9}.console-error-signal>strong{color:var(--text);letter-spacing:-.045em;margin:0 28px;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:clamp(142px,15vw,220px);font-weight:900;line-height:.74}.console-error-signal-tail{grid-template-columns:minmax(72px,.65fr) auto minmax(160px,1.35fr);align-items:center;display:grid}.console-error-signal-tail>i:last-child{border-top-style:dashed;border-top-color:#7c8189}.console-error-break{width:130px;color:var(--hot);justify-items:center;display:grid;position:relative}.console-error-break small{width:max-content;color:var(--hot);font-size:9px;position:absolute;top:54px}.console-error-copy{width:min(1170px,100% - 128px);margin:clamp(76px,9vh,116px) auto 0}.console-error-copy h1{letter-spacing:-.065em;margin:0;font-family:Impact,Haettenschweiler,Arial Narrow Bold,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(54px,4.8vw,72px);font-weight:900;line-height:.95}.console-error-copy>p{color:#9ba1a9;max-width:680px;margin:26px 0 0;font-size:16px;line-height:1.75}.console-error-actions{gap:18px;margin-top:44px;display:flex}.console-error-actions :is(a,button){border:1px solid var(--hot);background:var(--hot);color:#080808;cursor:pointer;border-radius:0;place-items:center;min-width:264px;min-height:58px;font-weight:800;display:inline-grid}.console-error-actions button{color:var(--text);background:0 0;border-color:#515761}.console-error-actions :is(a,button):hover{color:#080808;background:#fff;border-color:#fff}.console-error-footer{color:#656b74;border-top:1px solid #ffffff14;align-items:flex-start;padding-top:4px;font-size:8px}@media (max-width:900px){.console-error-page{grid-template-rows:92px 1fr 64px;overflow:auto}.console-error-header,.console-error-footer,.console-error-future{width:calc(100% - 64px)}.console-error-signal{grid-template-columns:32px auto minmax(0,1fr)}.console-error-signal>strong{margin:0 20px;font-size:clamp(126px,24vw,210px)}.console-error-signal-tail{grid-template-columns:minmax(36px,.5fr) auto minmax(70px,1fr)}.console-error-copy{width:calc(100% - 64px);margin-top:80px}}@media (max-width:560px){.console-error-page{grid-template-rows:78px 1fr 58px;min-height:100svh}.console-error-header,.console-error-footer,.console-error-future{width:calc(100% - 36px)}.console-error-brand img{width:36px;height:36px}.console-error-brand>span{height:30px}.console-error-brand b{font-size:22px}.console-error-header>small{letter-spacing:.12em;font-size:7px}.console-error-stage{align-content:start;padding-top:74px}.console-error-future{margin-bottom:44px;font-size:8px}.console-error-future,.console-error-signal{transform:none}.console-error-signal{grid-template-columns:18px auto 1fr}.console-error-signal>strong{margin:0 14px;font-size:clamp(104px,35vw,146px)}.console-error-signal-tail{grid-template-columns:minmax(22px,.35fr) auto minmax(30px,1fr)}.console-error-break{width:64px}.console-error-break svg{width:32px;height:32px}.console-error-break small{letter-spacing:.12em;font-size:7px;top:44px}.console-error-copy{width:calc(100% - 36px);margin-top:86px}.console-error-copy h1{max-width:350px;font-size:clamp(46px,13vw,60px);line-height:1}.console-error-copy>p{margin-top:22px;font-size:15px}.console-error-actions{gap:12px;margin-top:34px;display:grid}.console-error-actions :is(a,button){width:100%;min-width:0}}:root{--studio-gold:#e8ad45;--studio-gold-strong:#f2bc55;--studio-gold-ink:#17130d;--studio-bg:#090f14;--studio-surface:#0e171e;--studio-raised:#14202a;--studio-border:#283640;--studio-border-strong:#3b4a55;--studio-text:#eef1f3;--studio-muted:#8e9aa4}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.studio-home :is(button,input,select,a):focus-visible,.studio-wizard-screen :is(button,input,select):focus-visible,.page-editor-shell :is(button,input,select):focus-visible,.studio-dialog :is(button,input,select):focus-visible{outline-offset:2px;outline:2px solid #76b7ff}.studio-home{background:var(--studio-bg);min-height:100svh;color:var(--studio-text)}.studio-home-topbar{z-index:20;border-bottom:1px solid var(--studio-border);background:#0a1117;grid-template-columns:auto 220px auto 1fr auto;align-items:center;gap:26px;min-height:72px;padding:0 26px;display:grid;position:sticky;top:0}.studio-home-brand{color:var(--studio-gold);letter-spacing:-.055em;font-size:29px;font-weight:800}.studio-workspace-select select{border:1px solid var(--studio-border-strong);background:var(--studio-surface);width:100%;min-height:40px;color:var(--studio-text);border-radius:3px;padding:0 38px 0 14px;font-size:12px}.studio-topbar-section{border-bottom:2px solid var(--studio-gold);min-width:74px;color:var(--studio-gold);align-self:stretch;place-items:center;font-size:13px;font-weight:700;display:grid}.studio-topbar-search{border:1px solid var(--studio-border);width:min(100%,280px);min-height:40px;color:var(--studio-muted);border-radius:3px;grid-template-columns:20px 1fr;justify-self:end;align-items:center;gap:8px;padding:0 12px;display:grid}.studio-topbar-search svg{width:16px;height:16px}.studio-topbar-search input{min-width:0;color:var(--studio-text);background:0 0;border:0;outline:0;font-size:11px}.studio-home-account{grid-template-columns:36px auto;align-items:center;gap:10px;display:grid}.studio-home-account>span{color:#1b1d20;background:#c8c0b4;border:1px solid #52606a;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.studio-home-account button{color:var(--studio-text);text-align:left;cursor:pointer;background:0 0;border:0;gap:2px;font-size:11px;display:grid}.studio-home-account small{color:var(--studio-muted);font-size:8px}.studio-home-content{width:min(1390px,100% - 52px);margin:0 auto;padding:24px 0 64px}.studio-home-heading{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.studio-home-heading h1{letter-spacing:-.035em;margin:0;font-size:27px}.studio-home-heading p{color:var(--studio-muted);margin:7px 0 0;font-size:10px}.studio-new-project{border:1px solid var(--studio-gold-strong);background:var(--studio-gold-strong);min-height:44px;color:var(--studio-gold-ink);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:12px;font-weight:800;display:inline-flex}.studio-new-project svg{width:18px;height:18px}.studio-new-project:disabled{opacity:.48;cursor:not-allowed}.studio-recent-project{border:1px solid var(--studio-border);background:var(--studio-surface);border-radius:3px;grid-template-columns:190px minmax(0,1fr) 205px;align-items:center;gap:20px;min-height:158px;padding:18px 20px;display:grid}.studio-recent-summary{border-right:1px solid var(--studio-border);align-content:center;gap:7px;display:grid}.studio-recent-summary strong{font-size:17px}.studio-recent-summary span{color:#b1bbc3;font-size:11px}.studio-recent-summary time{color:var(--studio-muted);margin-top:22px;font-size:10px}.studio-recent-pages{grid-template-columns:repeat(7,minmax(58px,1fr));gap:8px;display:grid}.studio-recent-pages>span{color:#b6c0c8;justify-items:center;gap:7px;min-width:0;display:grid}.studio-recent-pages i{aspect-ratio:4/3;color:#71808b;background:#101a22;border:1px solid #43515b;border-radius:2px;place-items:center;width:100%;max-width:108px;font-style:normal;display:grid}.studio-recent-pages svg{width:22px;height:22px}.studio-recent-pages small{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;overflow:hidden}.studio-recent-actions{border-left:1px solid var(--studio-border);gap:10px;padding-left:2px;display:grid}.studio-recent-actions>span{color:#aeb9c1;align-items:center;gap:7px;font-size:10px;display:flex}.studio-recent-actions>span svg{color:#70d278;width:16px;height:16px}.studio-recent-actions button{border:1px solid var(--studio-gold);background:var(--studio-gold);min-height:40px;color:var(--studio-gold-ink);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:8px;margin-top:3px;font-size:11px;font-weight:800;display:flex}.studio-home-toolbar{grid-template-columns:minmax(230px,310px) 190px 190px 1fr auto;align-items:center;gap:12px;margin:20px 0 16px;display:grid}.studio-home-toolbar>label{border:1px solid var(--studio-border);background:#0d151c;border-radius:3px;grid-template-columns:1fr;align-items:center;min-height:42px;display:grid}.studio-home-toolbar select{color:#c9d0d5;background:0 0;border:0;outline:0;width:100%;min-height:40px;padding:0 13px;font-size:11px}.studio-home-toolbar .studio-search{color:var(--studio-muted);grid-template-columns:20px 1fr;gap:7px;padding:0 12px}.studio-search input{min-width:0;color:var(--studio-text);background:0 0;border:0;outline:0;font-size:11px}.studio-view-switch{border:1px solid var(--studio-border);border-radius:3px;grid-column:5;display:flex;overflow:hidden}.studio-view-switch button{border:0;border-left:1px solid var(--studio-border);color:#9da8b0;cursor:pointer;background:0 0;place-items:center;width:46px;height:40px;display:grid}.studio-view-switch button:first-child{border-left:0}.studio-view-switch button.active{color:var(--studio-gold);background:#2b271c}.studio-home-notice{color:#e9c277;background:#221d15;border:1px solid #725b30;align-items:center;gap:10px;min-height:42px;margin:0 0 12px;padding:0 14px;font-size:10px;display:flex}.studio-project-section{border:1px solid var(--studio-border);background:#0b141b;border-radius:3px;position:relative}.studio-project-table-head,.studio-project-row{grid-template-columns:minmax(330px,1.55fr) minmax(105px,.52fr) minmax(110px,.54fr) minmax(155px,.75fr) minmax(126px,.6fr) 84px 50px;align-items:center;gap:14px;display:grid}.studio-project-table-head{border-bottom:1px solid var(--studio-border);color:#9aa6af;background:#111c24;min-height:45px;padding:0 14px;font-size:10px}.studio-project-row{border-bottom:1px solid var(--studio-border);color:#c7d0d6;min-height:94px;padding:10px 14px;font-size:10px}.studio-project-row:last-child{border-bottom:0}.studio-project-row:hover,.studio-project-row:focus-within{background:#111c24}.studio-project-open{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:116px 1fr;align-items:center;gap:14px;padding:0;display:grid}.studio-project-open>span:last-child{gap:7px;min-width:0;display:grid}.studio-project-open strong{color:var(--studio-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.studio-project-open small{color:var(--studio-muted);font-size:9px}.studio-project-preview{color:#75838e;background:#101920;border:1px solid #465560;border-radius:2px;place-items:center;width:116px;height:67px;display:grid}.studio-project-preview svg{width:21px;height:21px}.studio-project-preview small{font-size:7px}.studio-validation{align-items:center;gap:7px;display:inline-flex}.studio-validation svg{width:15px;height:15px}.studio-validation.status-valid{color:#78d17f}.studio-validation.status-warning{color:#e3af4d}.studio-validation.status-error{color:#ef766d}.studio-project-row time{color:#aeb7be}.studio-project-menu{justify-self:center;position:relative}.studio-project-menu>button{color:#bcc5cb;cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:38px;display:grid}.studio-project-menu>div{z-index:12;border:1px solid var(--studio-border-strong);background:#121d25;width:160px;padding:6px;display:grid;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 15px 34px #0000006b}.studio-project-menu>div button{color:#d5dbe0;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;min-height:38px;padding:0 9px;font-size:10px;display:flex}.studio-project-menu>div button:hover{background:#1c2932}.studio-project-menu>div button.danger{color:#f18b82}.studio-project-empty{color:#85929c;text-align:center;align-content:center;justify-items:center;gap:10px;min-height:240px;padding:30px;display:grid}.studio-project-empty>svg{width:35px;height:35px}.studio-project-empty strong{color:#dfe4e7;font-size:15px}.studio-project-empty p{max-width:420px;margin:0;font-size:10px;line-height:1.6}.studio-project-empty button{border:1px solid var(--studio-gold);min-height:40px;color:var(--studio-gold);background:0 0;margin-top:10px;padding:0 16px}.studio-loading-dot{border:2px solid #47545e;border-top-color:var(--studio-gold);border-radius:50%;width:12px;height:12px;animation:.8s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}.studio-project-section.view-grid .studio-project-table-head{display:none}.studio-project-section.view-grid .studio-project-list{background:var(--studio-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.studio-project-section.view-grid .studio-project-row{background:#0d171e;grid-template-rows:auto auto auto auto;grid-template-columns:1fr auto;align-content:start;gap:12px;min-height:275px;display:grid}.studio-project-section.view-grid .studio-project-open{grid-column:1/-1;grid-template-columns:1fr}.studio-project-section.view-grid .studio-project-preview{width:100%;height:120px}.studio-project-section.view-grid .studio-project-menu{grid-area:2/2}.studio-wizard-screen{background:var(--studio-bg);min-height:100svh;color:var(--studio-text)}.studio-wizard-topbar{border-bottom:1px solid var(--studio-border);background:#0a1117;align-items:center;gap:28px;min-height:70px;padding:0 24px;display:flex}.studio-wizard-topbar strong{color:var(--studio-gold);letter-spacing:-.055em;font-size:29px}.studio-wizard-topbar button{border:1px solid var(--studio-border-strong);color:#d4dbe0;cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:8px;min-height:40px;padding:0 13px;display:inline-flex}.studio-wizard-panel{border:1px solid var(--studio-border);background:#0c151c;width:calc(100% - 20px);max-width:1420px;margin:4px auto 0;padding:24px}.studio-wizard-panel>h1{letter-spacing:-.03em;margin:0 0 20px;font-size:24px}.studio-wizard-steps{grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 24px;padding:0 13%;list-style:none;display:grid}.studio-wizard-steps li{color:#8e9aa3;justify-content:center;align-items:center;gap:9px;min-height:38px;font-size:11px;display:flex;position:relative}.studio-wizard-steps li:after{content:"";background:#68737b;width:66%;height:1px;position:absolute;top:18px;left:67%}.studio-wizard-steps li:last-child:after{display:none}.studio-wizard-steps i{z-index:1;color:#b8c0c6;background:#0c151c;border:1px solid #68737b;border-radius:50%;place-items:center;width:32px;height:32px;font-style:normal;display:grid}.studio-wizard-steps li.active{color:var(--studio-gold);font-weight:700}.studio-wizard-steps li.active i{border-color:var(--studio-gold);background:var(--studio-gold);color:var(--studio-gold-ink)}.studio-wizard-steps li.done i{border-color:var(--studio-gold);color:var(--studio-gold)}.studio-wizard-steps li.done:after{background:var(--studio-gold)}.studio-wizard-body{border:1px solid var(--studio-border);background:#0a1218;min-height:560px;padding:20px}.studio-wizard-step>header>span,.studio-dialog-kicker{color:var(--studio-gold);letter-spacing:.12em;text-transform:uppercase;font:8px ui-monospace,monospace}.studio-wizard-step>header h2{margin:7px 0 6px;font-size:19px}.studio-wizard-step>header p{color:var(--studio-muted);margin:0 0 24px;font-size:10px}.studio-form-grid{grid-template-columns:1fr 1fr;gap:20px;max-width:760px;display:grid}.studio-form-grid>label{color:#b9c2c8;gap:8px;font-size:10px;display:grid;position:relative}.studio-form-grid>label:first-child{grid-column:1/-1}.studio-form-grid input{border:1px solid var(--studio-border-strong);width:100%;min-height:44px;color:var(--studio-text);background:#0b141a;border-radius:2px;outline:0;padding:0 12px}.studio-form-grid label>small{color:#66737c;font-size:8px;position:absolute;bottom:14px;right:10px}.studio-color-field{grid-template-columns:48px 1fr;gap:8px;display:grid}.studio-color-field input[type=color]{padding:4px}.suite-step{grid-template-columns:minmax(0,1fr) 330px;gap:18px;display:grid}.studio-suite-column{min-width:0}.studio-suite-grid{gap:9px;display:grid}.studio-suite-grid>button{border:1px solid var(--studio-border);color:#dfe4e7;text-align:left;cursor:pointer;background:#0d171e;border-radius:2px;grid-template-columns:minmax(160px,.72fr) minmax(0,1.28fr);align-items:center;gap:20px;min-height:132px;padding:16px 18px;display:grid;position:relative}.studio-suite-grid>button.selected{border-color:var(--studio-gold);box-shadow:inset 0 0 0 1px #e8ad4533}.studio-suite-grid button>div:first-of-type{align-self:start;gap:7px;display:grid}.studio-suite-grid strong{color:var(--studio-gold);font-size:15px}.studio-suite-grid p{color:#a7b1b8;margin:0;font-size:9px;line-height:1.55}.studio-suite-grid small{color:#71808a;font-size:8px}.studio-suite-check{background:var(--studio-gold);width:25px;height:25px;color:var(--studio-gold-ink);place-items:center;display:grid;position:absolute;top:0;right:0}.studio-suite-check:empty{display:none}.studio-suite-pages{grid-template-columns:repeat(6,minmax(36px,1fr));gap:6px;display:grid}.studio-suite-pages i{aspect-ratio:4/3;color:#798892;background:#101b23;border:1px solid #3d4a54;place-items:center;gap:3px;font-style:normal;display:grid}.studio-suite-pages svg{width:15px;height:15px}.studio-suite-pages small{font-size:6px}.studio-import-project{border:1px solid var(--studio-border);color:#b8c1c8;text-align:left;cursor:pointer;background:#0d171e;grid-template-columns:42px 1fr 24px;align-items:center;gap:12px;width:100%;min-height:68px;margin-top:9px;padding:0 14px;display:grid}.studio-import-project>svg:first-child{width:27px;height:27px;color:var(--studio-gold)}.studio-import-project span{gap:5px;display:grid}.studio-import-project small{color:var(--studio-muted);font-size:8px}.studio-canvas-options{border:1px solid var(--studio-border);background:#0d171e;min-height:100%;padding:18px}.studio-canvas-options h3,.studio-creation-summary h3{margin:0 0 16px;font-size:12px}.studio-aspect-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.studio-aspect-options button{border:1px solid var(--studio-border-strong);color:#c1cad0;cursor:pointer;background:0 0;min-height:44px}.studio-aspect-options button.selected{border-color:var(--studio-gold);color:var(--studio-gold);box-shadow:inset 0 0 0 1px var(--studio-gold)}.studio-canvas-options dl,.studio-creation-summary dl{gap:0;margin:18px 0;display:grid}.studio-canvas-options dl div,.studio-creation-summary dl div{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;min-height:42px;display:flex}.studio-canvas-options dt,.studio-creation-summary dt{color:var(--studio-muted);font-size:9px}.studio-canvas-options dd,.studio-creation-summary dd{color:#d7dde1;margin:0;font-size:10px}.studio-ratio-preview{aspect-ratio:4/3;color:#99a6af;background:#111c23;border:1px solid #4b5963;place-content:center;justify-items:center;gap:8px;width:min(100%,250px);margin:20px auto 0;display:grid}.studio-ratio-preview.ratio-3-4{aspect-ratio:3/4;width:170px}.studio-ratio-preview.ratio-16-9{aspect-ratio:16/9}.studio-ratio-preview small{color:#65747e;font-size:7px}.brand-step{grid-template-columns:minmax(0,1fr) 330px;gap:28px;display:grid}.brand-step>header{grid-column:1/-1}.studio-creation-summary{border:1px solid var(--studio-border);background:#0d171e;padding:18px}.studio-form-error{color:#f08a81;align-items:center;gap:8px;margin:14px 0 0;font-size:10px;display:flex}.studio-wizard-footer{border-top:1px solid var(--studio-border);grid-template-columns:180px 1fr 250px;align-items:center;gap:18px;margin-top:16px;padding-top:16px;display:grid}.studio-wizard-footer button{border:1px solid var(--studio-gold);background:var(--studio-gold);min-height:48px;color:var(--studio-gold-ink);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;gap:9px;font-weight:800;display:inline-flex}.studio-wizard-footer button.ghost{border-color:var(--studio-border-strong);color:#d3d9de;background:0 0}.studio-wizard-footer span{color:#65737c;text-align:center;font-size:8px}.studio-dialog-backdrop{z-index:100;background:#02070ad1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.studio-dialog{border:1px solid var(--studio-border-strong);width:min(520px,100%);color:var(--studio-text);background:#111c24;border-radius:3px;padding:28px;position:relative;box-shadow:0 30px 80px #0000008a}.studio-dialog h2{letter-spacing:-.025em;margin:8px 0 12px;font-size:20px}.studio-dialog>p{color:#a4afb7;margin:0 0 18px;font-size:11px;line-height:1.7}.studio-dialog dl{background:var(--studio-border);gap:1px;margin:18px 0;display:grid}.studio-dialog dl div{background:#0d171e;grid-template-columns:140px 1fr;gap:12px;padding:12px;display:grid}.studio-dialog dt{color:var(--studio-muted);font-size:9px}.studio-dialog dd{color:#dce2e6;margin:0;font-size:10px}.studio-dialog-close{color:#a9b3ba;cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:15px;right:15px}.studio-dialog-actions{flex-wrap:wrap;gap:9px;margin-top:22px;display:flex}.studio-dialog-actions.vertical{display:grid}.studio-dialog-actions button{border:1px solid var(--studio-gold);background:var(--studio-gold);min-height:42px;color:var(--studio-gold-ink);cursor:pointer;border-radius:2px;padding:0 15px;font-size:10px;font-weight:800}.studio-dialog-actions button.secondary,.studio-dialog-actions button.ghost{border-color:var(--studio-border-strong);color:#d4dbe0;background:0 0}.studio-dialog-actions button.danger{color:#fff;background:#c76159;border-color:#c76159}.checkpoint-label{color:#aab5bc;gap:8px;font-size:10px;display:grid}.checkpoint-label input{border:1px solid var(--studio-border-strong);min-height:44px;color:var(--studio-text);background:#0a1218;padding:0 12px}.checkpoint-label small{color:var(--studio-muted);text-align:right;font-size:8px}@media (max-width:1120px){.studio-home-topbar{grid-template-columns:auto 180px auto 1fr auto;gap:14px;padding:0 18px}.studio-recent-project{grid-template-columns:165px minmax(0,1fr) 175px}.studio-recent-pages{grid-template-columns:repeat(7,minmax(46px,1fr))}.studio-project-table-head,.studio-project-row{grid-template-columns:minmax(300px,1.4fr) 100px 100px 130px 110px 70px 44px;gap:10px}}@media (prefers-reduced-motion:reduce){.studio-loading-dot{animation:none}}.signin-screen.studio-signin:before,.studio-signin .signin-grid{display:none}.studio-signin{background:#091016}.studio-signin section{width:min(920px,100% - 48px)}.studio-signin-brand{gap:5px;display:grid}.studio-signin-brand b{color:var(--studio-gold);letter-spacing:-.04em;font-size:34px}.studio-signin-brand small{color:#78858e;letter-spacing:.14em;font:8px ui-monospace,monospace}.studio-signin .signin-heading>p,.studio-signin .signin-form>div>span,.studio-signin .signin-form .login-captcha-heading button{color:var(--studio-gold)}.studio-signin .signin-form input:focus{border-color:var(--studio-gold)}.studio-signin .signin-form button{border-color:var(--studio-gold);background:var(--studio-gold);color:var(--studio-gold-ink)}.studio-recovery-history{border:1px solid var(--studio-border);background:#0b141b;gap:5px;max-height:210px;margin:14px 0;padding:10px;display:grid;overflow:auto}.studio-recovery-history h3{color:#dfe5e8;margin:0 0 5px;font-size:10px}.studio-recovery-history>div{border-bottom:1px solid var(--studio-border);grid-template-columns:68px minmax(0,1fr);gap:3px 8px;padding:7px;display:grid}.studio-recovery-history span{color:var(--studio-gold);grid-row:1/3;align-self:center;font-size:7px}.studio-recovery-history b{color:#d9e0e4;font-size:9px}.studio-recovery-history small{color:#74818a;font-size:7px}.page-editor-shell{--editor-topbar:68px;--editor-timeline:0px;--editor-statusbar:52px;background:#091016;min-width:1024px}.page-editor-shell.timeline-open{--editor-timeline:166px}.page-editor-shell.mode-frame{--editor-timeline:0px}.page-editor-topbar{border-color:var(--studio-border);background:#091117;grid-template-columns:minmax(320px,1fr) auto minmax(170px,.6fr) auto;gap:14px;padding:0 16px}.page-editor-brand{gap:12px}.page-editor-brand>strong{color:var(--studio-gold);font-size:26px}.page-editor-brand>button{border:1px solid var(--studio-border-strong);color:#d5dde2;cursor:pointer;background:0 0;border-radius:3px;place-items:center;width:39px;height:39px;display:grid}.page-editor-brand>span{height:28px}.page-editor-brand b{font-size:13px}.page-editor-brand small{color:#aeb7be;border:1px solid #58636b;padding:4px 6px;font-size:8px}.page-editor-mode{border-color:var(--studio-border-strong);background:#0d171e;border-radius:2px}.page-editor-mode button.active{color:var(--studio-gold);box-shadow:inset 0 -2px var(--studio-gold);background:#2b271c}.page-editor-save-status{color:#9eaab3;white-space:nowrap;justify-content:center;align-items:center;gap:7px;min-width:0;font-size:9px;display:inline-flex}.page-editor-save-status i{background:#89949c;border-radius:50%;width:8px;height:8px}.page-editor-save-status.state-cloud-saved{color:#74ce7c}.page-editor-save-status.state-cloud-saved i{background:#74ce7c}.page-editor-save-status.state-local-saved i{background:#75b7eb}.page-editor-save-status.state-offline,.page-editor-save-status.state-conflict,.page-editor-save-status.state-failed{color:#e2af52}.page-editor-save-status.state-conflict i,.page-editor-save-status.state-failed i{background:#e76d64}.page-editor-save-status time{color:#6f7b84}.page-editor-actions{gap:7px}.page-editor-actions>button{border-color:var(--studio-border-strong);background:#0c151c;border-radius:3px;min-height:39px}.page-editor-actions .primary{border-color:var(--studio-gold);background:var(--studio-gold);min-width:110px;color:var(--studio-gold-ink)}.page-editor-actions .primary:hover:not(:disabled){border-color:var(--studio-gold-strong);background:var(--studio-gold-strong)}.page-editor-body{background:#091016;grid-template-columns:76px 224px minmax(420px,1fr) 336px}.page-editor-body.context-closed{grid-template-columns:76px 0 minmax(500px,1fr) 336px}.page-editor-mode-rail{z-index:8;border-right:1px solid var(--studio-border);background:#0a1218;flex-direction:column;gap:7px;min-height:0;padding:7px 6px;display:flex}.page-editor-mode-rail button{color:#9ca7af;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;align-content:center;place-items:center;gap:8px;min-height:74px;padding:6px 2px;display:grid}.page-editor-mode-rail button svg{width:24px;height:24px}.page-editor-mode-rail button span{font-size:9px}.page-editor-mode-rail button.active{border-color:var(--studio-gold);color:var(--studio-gold);background:#29251b}.page-editor-mode-rail .context-collapse{min-height:46px;margin-top:auto}.page-editor-mode-rail .context-collapse svg{width:17px;height:17px;transform:rotate(90deg)}.page-editor-context{border-right:1px solid var(--studio-border);scrollbar-color:#34434e transparent;background:#0c151c;min-width:0;min-height:0;overflow:auto}.context-panel-section{border:0;min-height:100%;padding:14px 10px}.context-panel-section>header{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;min-height:39px;margin:0 0 10px;padding:0 6px 10px;display:flex}.context-panel-section>header>div{gap:4px;display:grid}.context-panel-section>header h2{color:#e5e9ec;margin:0;font-size:12px}.context-panel-section>header small{color:#72808a;font-size:8px}.page-editor-pages{border:0;padding:0}.page-editor-pages nav{gap:5px}.page-editor-pages nav>button{grid-template-columns:80px 18px 1fr 7px;gap:8px;min-height:74px;padding:6px}.page-editor-pages nav>button.selected{border-color:var(--studio-gold);color:var(--studio-gold);background:#18232b}.page-miniature{color:#77858f;background:#101a21;border-color:#46545e;width:78px;height:56px;position:relative;overflow:hidden}.page-miniature img{object-fit:cover;width:100%;height:100%}.page-miniature small{font-size:6px}.page-editor-pages nav>button>svg{width:15px;height:15px}.layer-tree{gap:3px}.layer-row{border:1px solid #0000;grid-template-columns:minmax(0,1fr) 28px 28px;align-items:center;display:grid}.layer-row.selected{border-color:var(--studio-gold);background:#20271f}.layer-row>button{color:#b8c1c7;cursor:pointer;background:0 0;border:0;min-height:38px;padding:0 7px}.layer-row>button:first-child{text-align:left;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;display:grid}.layer-row>button span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.layer-row>button svg{width:14px;height:14px}.layer-row>button small{color:#ef8a73;font:7px ui-monospace,monospace}.frame-list nav{gap:6px;display:grid}.frame-row{border:1px solid #0000;grid-template-columns:minmax(0,1fr) 31px 31px;align-items:center;gap:3px;padding:5px;display:grid}.frame-row.selected{border-color:var(--studio-gold);background:#18232b}.frame-row>button{color:#b9c3ca;cursor:pointer;background:0 0;border:0;place-items:center;min-height:42px;display:grid}.frame-row>button:first-child{text-align:left;grid-template-columns:62px 1fr;gap:8px}.frame-row .page-miniature{width:58px;height:64px}.frame-list footer{border-top:1px solid var(--studio-border);gap:8px;margin-top:12px;padding:12px 5px;display:grid}.frame-list footer button{border:1px solid var(--studio-border-strong);color:#c5cdd2;background:0 0;min-height:39px}.frame-list footer small{color:#75818a;font-size:8px}.studio-component-list,.studio-asset-compact-list{gap:6px;display:grid}.studio-component-list>button,.studio-asset-compact-list>button{border:1px solid var(--studio-border);color:#c8d0d5;text-align:left;cursor:pointer;background:#0f1a22;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:60px;padding:8px;display:grid}.studio-component-list>button:hover,.studio-asset-compact-list>button:hover{border-color:var(--studio-gold)}.studio-component-list>button span,.studio-asset-compact-list>button span{gap:5px;min-width:0;display:grid}.studio-component-list strong,.studio-asset-compact-list strong{color:#e1e6e9;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.studio-component-list small,.studio-asset-compact-list small{color:#72808a;font-size:7px}.studio-component-library>p,.studio-assets-drawer>p{color:#79868f;font-size:8px;line-height:1.6}.studio-asset-upload{border:1px solid var(--studio-gold);min-height:31px;color:var(--studio-gold);cursor:pointer;align-items:center;gap:5px;padding:0 8px;font-size:8px;display:inline-flex}.studio-assets-search{border:1px solid var(--studio-border-strong);color:#7c8993;grid-template-columns:18px 1fr;align-items:center;gap:7px;min-height:37px;margin-bottom:8px;padding:0 8px;display:grid}.studio-assets-search input{color:#e4e8eb;background:0 0;border:0;outline:0;min-width:0;font-size:9px}.studio-asset-kind-tabs{grid-template-columns:repeat(4,1fr);margin-bottom:9px;display:grid}.studio-asset-kind-tabs button{border:0;border-bottom:1px solid var(--studio-border);color:#8c98a1;cursor:pointer;background:0 0;min-height:32px;font-size:8px}.studio-asset-kind-tabs button.active{border-bottom-color:var(--studio-gold);color:var(--studio-gold)}.studio-asset-compact-list i{color:#6ecc76;font-size:7px;font-style:normal}.page-editor-center{background:#0a1218}.page-editor-center:before{display:none}.page-editor-canvas{inset:38px 32px 58px 40px}.page-runtime-stage{width:min(100%, calc((100vh - var(--editor-topbar) - var(--editor-statusbar) - var(--editor-timeline) - 112px) * var(--canvas-ratio)));min-width:300px;max-height:calc(100vh - var(--editor-topbar) - var(--editor-statusbar) - var(--editor-timeline) - 112px);aspect-ratio:var(--canvas-ratio);background:#e8e1d7}.canvas-toolbar{border-color:var(--studio-border-strong);background:#111c24;border-radius:3px}.canvas-toolbar button.active{color:var(--studio-gold-strong);background:#5c4725}.page-editor-inspector,.inspector-tabs{border-color:var(--studio-border);background:#0c151c}.inspector-tabs button[aria-selected=true]{border-bottom-color:var(--studio-gold);color:var(--studio-gold)}.inspector-primary-action{border:1px solid var(--studio-gold);background:var(--studio-gold);width:100%;min-height:42px;color:var(--studio-gold-ink);cursor:pointer;justify-content:center;align-items:center;gap:8px;margin:10px 0;font-size:10px;font-weight:800;display:flex}.element-quick-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;display:grid}.element-quick-actions button{border:1px solid var(--studio-border-strong);color:#c5cdd2;background:0 0;justify-content:center;align-items:center;gap:6px;min-height:38px;font-size:9px;display:flex}.page-editor-statusbar{border-color:var(--studio-border);background:#091117}.page-editor-statusbar>div{border-color:var(--studio-border)}.page-editor-statusbar>button{border:0;border-right:1px solid var(--studio-border);color:#aeb7be;cursor:pointer;background:0 0;min-height:100%}.timeline-toggle{align-items:center;gap:6px;padding:0 15px;font-size:9px;display:flex}.validation-panel{z-index:45;border:1px solid var(--studio-border-strong);background:#111c24;width:330px;max-height:45vh;position:fixed;bottom:62px;right:16px;overflow:auto;box-shadow:0 18px 48px #0000006b}.validation-panel header{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;min-height:42px;padding:0 12px;display:flex}.validation-panel header strong{font-size:10px}.validation-panel header span{color:#ef7f75;font-size:9px}.validation-panel>button{border:0;border-bottom:1px solid var(--studio-border);color:#cbd2d7;text-align:left;cursor:pointer;background:0 0;grid-template-columns:9px 1fr 18px;align-items:center;gap:9px;width:100%;min-height:56px;padding:8px 11px;display:grid}.validation-panel>button>i{background:#ef756b;border-radius:50%;width:7px;height:7px}.validation-panel>button>span{gap:4px;display:grid}.validation-panel b{font-size:9px}.validation-panel small{color:#76838d;font-size:7px}.page-editor-shell.preview-open .page-editor-body{grid-template-columns:0 0 minmax(0,1fr) 0}.page-editor-shell.preview-open .page-editor-mode-rail,.page-editor-shell.preview-open .page-editor-context,.page-editor-shell.preview-open .page-editor-inspector,.page-editor-shell.preview-open .canvas-toolbar,.page-editor-shell.preview-open .canvas-ruler,.page-editor-shell.preview-open .page-editor-statusbar,.page-editor-shell.preview-open .editor-timeline{visibility:hidden}.page-editor-shell.preview-open .page-editor-center{grid-column:3}.flow-preview-overlay{z-index:80;pointer-events:none;background:0 0;grid-template-rows:68px minmax(0,1fr) 82px;display:grid;position:fixed;inset:0}.flow-preview-overlay:before{border:1px solid var(--studio-border-strong);content:"Qt PageRuntime · 模拟上下文";color:#9da9b1;background:#0b141b;place-self:start center;margin-top:82px;padding:7px 10px;font-size:9px}.flow-preview-overlay>header{border-bottom:1px solid var(--studio-border);background:#0b141b;grid-row:1;grid-template-columns:1fr auto 44px;align-items:center;gap:20px;padding:0 20px;display:grid}.flow-preview-overlay>header div{align-items:center;gap:14px;display:flex}.flow-preview-overlay>header span{color:var(--studio-gold);font-size:10px}.flow-preview-overlay>header strong{font-size:14px}.flow-preview-overlay>header p{color:#e4af4e;align-items:center;gap:7px;margin:0;font-size:9px;display:flex}.flow-preview-overlay>header button{color:#cbd3d8;background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid}.flow-preview-overlay>footer{border-top:1px solid var(--studio-border);background:#0b141b;grid-row:3;justify-content:center;align-items:center;gap:16px;display:flex}.flow-preview-overlay>header,.flow-preview-overlay>footer{pointer-events:auto}.flow-preview-overlay>footer>button{border:1px solid var(--studio-border-strong);color:#d6dde1;background:0 0;min-height:40px;padding:0 15px}.flow-preview-overlay>footer .error-branch{color:#ef8178;border-color:#c65f58}.flow-preview-overlay ol{gap:8px;margin:0;padding:0;list-style:none;display:flex}.flow-preview-overlay li{color:#8d99a2;border:1px solid #4b5862;border-radius:50%;place-items:center;width:28px;height:28px;font-size:8px;display:grid}.flow-preview-overlay li.active,.flow-preview-overlay li.done{border-color:var(--studio-gold);color:var(--studio-gold)}.asset-picker-backdrop{padding:28px}.studio-asset-picker{grid-template-rows:auto auto auto minmax(0,1fr) auto;width:min(1180px,100%);height:min(800px,100vh - 56px);padding:0;display:grid;overflow:hidden}.studio-asset-picker>header{border-bottom:1px solid var(--studio-border);justify-content:space-between;align-items:center;min-height:72px;padding:0 20px;display:flex}.studio-asset-picker>header h2{margin:5px 0 0}.studio-asset-picker>header button{color:#c4cdd3;background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid}.studio-asset-picker-toolbar{border-bottom:1px solid var(--studio-border);grid-template-columns:minmax(260px,1fr) 180px 130px;gap:10px;padding:14px 20px;display:grid}.studio-asset-picker-toolbar>label:first-child{border:1px solid var(--studio-border-strong);grid-template-columns:20px 1fr;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:grid}.studio-asset-picker-toolbar input{color:#e0e5e8;background:0 0;border:0;outline:0;min-width:0}.studio-asset-picker-toolbar select{border:1px solid var(--studio-border-strong);color:#d7dde1;background:#0c151c;padding:0 10px}.studio-asset-picker-body{grid-template-columns:minmax(0,1fr) 280px;min-height:0;display:grid}.studio-asset-grid{grid-template-columns:repeat(4,minmax(130px,1fr));align-content:start;gap:9px;min-height:0;padding:16px;display:grid;overflow:auto}.studio-asset-grid>button{border:1px solid var(--studio-border);color:#bcc6cc;text-align:left;cursor:pointer;background:#0d171e;justify-items:start;gap:7px;padding:8px;display:grid;position:relative}.studio-asset-grid>button.selected{border-color:var(--studio-gold);box-shadow:inset 0 0 0 1px var(--studio-gold)}.studio-asset-grid>button img,.studio-asset-grid>button>span{aspect-ratio:4/3;object-fit:cover;color:#73828c;background:#111d24;place-items:center;width:100%;display:grid}.studio-asset-grid strong{color:#e1e6e9;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:9px;overflow:hidden}.studio-asset-grid small{color:#74818b;font-size:7px}.studio-asset-grid i{color:#8edf93;background:#184a2a;padding:3px 5px;font-size:6px;font-style:normal;position:absolute;top:12px;right:12px}.studio-asset-picker-body>aside{border-left:1px solid var(--studio-border);background:#0d171e;padding:18px}.studio-asset-picker-body>aside>span{color:var(--studio-gold);font-size:8px}.studio-asset-picker-body>aside h3{overflow-wrap:anywhere;font-size:14px}.studio-asset-picker-body>aside dl div{grid-template-columns:80px 1fr}.studio-asset-picker>footer{border-top:1px solid var(--studio-border);justify-content:flex-end;align-items:center;gap:9px;min-height:62px;padding:0 20px;display:flex}.studio-asset-picker>footer button{border:1px solid var(--studio-gold);background:var(--studio-gold);min-width:110px;min-height:40px;color:var(--studio-gold-ink);font-weight:800}.studio-asset-picker>footer button.ghost{border-color:var(--studio-border-strong);color:#d5dde1;background:0 0}@media (max-width:1279px){.page-editor-topbar{grid-template-columns:minmax(250px,1fr) auto auto}.page-editor-save-status{display:none}.page-editor-actions>button{padding:0 8px}.page-editor-actions>button:nth-child(3),.page-editor-actions>button:nth-child(4){width:39px;font-size:0}.page-editor-body{grid-template-columns:68px 195px minmax(360px,1fr) 285px}.page-editor-body.context-closed{grid-template-columns:68px 0 minmax(440px,1fr) 285px}.page-editor-mode-rail{padding-inline:4px}.page-editor-mode-rail button{min-height:68px}.page-editor-pages nav>button{grid-template-columns:66px 16px 1fr 7px}.page-miniature{width:64px;height:48px}.canvas-toolbar label{grid-template-columns:auto 62px 36px}}@media (max-height:840px){.page-editor-shell{--editor-timeline:0px}.page-editor-shell.timeline-open{--editor-timeline:132px}.page-editor-mode-rail button{min-height:60px}.page-editor-pages nav>button{min-height:59px}.page-miniature{height:43px}.page-runtime-stage{width:min(100%, calc((100vh - var(--editor-topbar) - var(--editor-statusbar) - var(--editor-timeline) - 96px) * var(--canvas-ratio)));max-height:calc(100vh - var(--editor-topbar) - var(--editor-statusbar) - var(--editor-timeline) - 96px)}}