@font-face{font-family:Horizon;src:url('/fonts/horizon/horizon.woff2') format('woff2'),url('/fonts/horizon/horizon.otf') format('opentype');font-display:swap}
body.page-studio{--studio-bg:#090a07;--studio-panel:#11120e;--studio-panel-2:#171813;--studio-panel-3:#202119;--studio-border:rgba(255,255,255,.12);--studio-border-strong:rgba(255,212,38,.36);--studio-text:#f6f3e7;--studio-muted:#8f9086;--studio-accent:#ffd426;--studio-accent-strong:#ffd426;background:#090a07;color:var(--studio-text);font-family:Horizon,'Segoe UI',system-ui,sans-serif;letter-spacing:.01em}
.studio-topbar{height:78px;padding:0 16px;border-bottom-color:rgba(255,255,255,.12);background:rgba(12,13,10,.82);backdrop-filter:blur(28px)}.studio-brand{min-width:210px}.studio-brand strong{color:#fff;font:14px Horizon,'Segoe UI',sans-serif;letter-spacing:.1em}.studio-brand span{color:#ffd426}.studio-topbar .tool-btn,.studio-topbar .icon-button,.project-switcher select{height:46px;border-color:rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.055);color:#d9d7cb}.studio-topbar .tool-btn:hover,.studio-topbar .icon-button:hover{border-color:rgba(255,212,38,.38);background:rgba(255,255,255,.09)}.studio-topbar .primary,.publish-button{border-color:#ffd426!important;background:#ffd426!important;color:#0a0b08!important;box-shadow:none!important}.studio-search{height:46px;border-color:rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.05)}.studio-search input{color:#fff;font-family:Horizon,'Segoe UI',sans-serif}
.studio-shell{top:78px;grid-template-columns:142px minmax(310px,370px) minmax(0,1fr) minmax(350px,420px);background:#090a07}.activity-bar{padding:15px 9px;border-right-color:rgba(255,255,255,.1);background:#0d0e0b}.activity-button{min-height:58px;border-radius:14px;color:#88897f}.activity-button:hover{background:rgba(255,255,255,.06);color:#fff}.activity-button.active{background:rgba(255,212,38,.11);color:#ffd426}.activity-button.active::before{background:#ffd426}.activity-button .label{font-size:8px}
.studio-sidebar,.properties-panel{border-color:rgba(255,255,255,.1);background:#11120e}.sidebar-head,.properties-head{min-height:76px;padding:0 18px;border-bottom-color:rgba(255,255,255,.1)}.sidebar-head h1,.properties-head h2{font:14px Horizon,'Segoe UI',sans-serif}.sidebar-eyebrow,.properties-eyebrow{color:#787970;font-size:8px}.sidebar-search{margin:13px;border-color:rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.045)}.sidebar-search input{color:#fff}.create-object-button{margin:0 13px 13px;min-height:49px;border-color:rgba(255,212,38,.3);border-radius:12px;background:rgba(255,212,38,.1);color:#ffe166}.tree-row{min-height:43px;border-radius:10px;color:#bbb9ae}.tree-row:hover{background:rgba(255,255,255,.06)}.tree-row.selected{background:rgba(255,212,38,.11);color:#ffe166}.workspace{background:radial-gradient(circle at 50% 0,rgba(255,212,38,.04),transparent 32%),#0b0c09}.editor-tabs{height:51px;border-color:rgba(255,255,255,.1);background:#11120e}.editor-tab.active{border-color:rgba(255,212,38,.25);background:rgba(255,212,38,.08);color:#ffe166}.editor-canvas{padding:clamp(20px,3vw,46px)}.canvas-card,.property-section,.empty-editor-card{border-color:rgba(255,255,255,.12);border-radius:19px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035));box-shadow:none}.canvas-card h2,.property-section h3{font-family:Horizon,'Segoe UI',sans-serif}.field input,.field textarea,.field select,.property-field input,.property-field textarea,.property-field select{border-color:rgba(255,255,255,.13);border-radius:11px;background:rgba(255,255,255,.05);color:#fff;font-family:Horizon,'Segoe UI',sans-serif}.field input:focus,.property-field input:focus{border-color:#ffd426;box-shadow:0 0 0 3px rgba(255,212,38,.09)}.technical-panel{border-color:rgba(255,255,255,.1);background:#0e0f0c}.technical-tabs button.active{border-bottom-color:#ffd426;color:#ffe166}.statusbar{height:31px;background:#ffd426;color:#0a0b08}.statusbar *{color:#0a0b08!important}.modal,.command-palette,.studio-dialog{border-color:rgba(255,255,255,.16);border-radius:22px;background:rgba(17,18,14,.94);box-shadow:0 35px 100px rgba(0,0,0,.45);backdrop-filter:blur(28px)}
.properties-content{padding:17px}.property-section{padding:17px;margin-bottom:13px}.property-section-title{color:#ffd426}.page-studio svg{stroke-width:1.55}
@media(max-width:1280px){.studio-shell{grid-template-columns:92px minmax(280px,330px) minmax(0,1fr) 340px}.activity-button .label{display:none}.activity-button{min-height:50px}}
@media(max-width:980px){.studio-shell{grid-template-columns:76px minmax(250px,300px) 1fr}.properties-panel{position:fixed;z-index:80;right:0;top:78px;bottom:31px;width:min(390px,90vw);box-shadow:-20px 0 70px rgba(0,0,0,.35)}.studio-brand{min-width:145px}.studio-brand span{display:none}}

/* Actual Studio DOM: keep the mature editor layout and apply the 2.0
   black/yellow Liquid Glass system to every working surface. */
body.page-studio{
  color-scheme:dark;
  --bg:#090a07;--bg-raised:#0d0e0b;--panel:#11120e;--panel-2:#171813;--panel-3:#202119;--panel-hover:#25271e;
  --input:rgba(255,255,255,.055);--line:rgba(255,255,255,.1);--line-strong:rgba(255,212,38,.35);
  --text:#f6f3e7;--text-soft:#dad8cd;--muted:#96978c;--muted-2:#66685f;
  --accent:#ffd426;--accent-strong:#ffe260;--accent-soft:rgba(255,212,38,.11);
  --green:#ffd426;--green-soft:rgba(255,212,38,.11);--blue:#f0c937;--blue-soft:rgba(255,212,38,.09);
  --purple:#cfba66;--purple-soft:rgba(207,186,102,.1);--orange:#d8a83b;--orange-soft:rgba(216,168,59,.1);
  --display:Horizon,'Segoe UI Variable Display','Segoe UI',system-ui,sans-serif;
  --font:Horizon,'Segoe UI Variable Text','Segoe UI',system-ui,sans-serif;
  --topbar:78px;--statusbar:32px;--rail:142px;--sidebar:360px;--properties:410px;--bottom:214px;
  background:#090a07!important;color:#f6f3e7!important
}
body.page-studio .studio-app{background:#090a07!important;color:#f6f3e7!important}
body.page-studio .topbar{min-height:78px;padding:8px 16px;border-color:rgba(255,255,255,.11)!important;background:rgba(11,12,9,.9)!important;box-shadow:0 16px 55px rgba(0,0,0,.22)!important;backdrop-filter:blur(28px) saturate(125%)}
body.page-studio .brand-mark{width:44px;height:44px;border-radius:14px;background:#ffd426!important;color:#0a0b08!important}
body.page-studio .brand-copy strong{color:#fff!important;font:14px Horizon,'Segoe UI',sans-serif!important;letter-spacing:.1em}
body.page-studio .brand-copy small{color:#ffd426!important}
body.page-studio .project-context,body.page-studio .hub-return,body.page-studio .command-trigger,body.page-studio .button,body.page-studio .icon-btn,body.page-studio .ai-button,body.page-studio .avatar{border-color:rgba(255,255,255,.13)!important;background:rgba(255,255,255,.055)!important;color:#d9d7cb!important}
body.page-studio .project-context{border-radius:13px!important}
body.page-studio .command-trigger{height:46px;border-radius:13px!important}
body.page-studio .button,body.page-studio .icon-btn,body.page-studio .ai-button,body.page-studio .avatar{min-height:44px;border-radius:12px!important}
body.page-studio .button:hover,body.page-studio .icon-btn:hover,body.page-studio .ai-button:hover{border-color:rgba(255,212,38,.4)!important;background:rgba(255,255,255,.09)!important;color:#fff!important}
body.page-studio .button.publish,body.page-studio .button.primary{border-color:#ffd426!important;background:#ffd426!important;color:#0a0b08!important}
body.page-studio .runtime-pill{display:none!important}
body.page-studio .avatar{border-color:rgba(255,212,38,.36)!important;color:#ffd426!important}
body.page-studio .context-select{color:#d9d7cb!important}

body.page-studio .studio-layout{grid-template-columns:var(--rail) var(--sidebar) minmax(460px,1fr) var(--properties);background:#090a07!important}
body.page-studio .activity-rail{padding:15px 9px;border-color:rgba(255,255,255,.1)!important;background:#0d0e0b!important}
body.page-studio .activity-btn{min-height:58px;margin-inline:0;border-radius:14px;color:#85877d}
body.page-studio .activity-btn:hover{background:rgba(255,255,255,.06);color:#fff;transform:translateX(3px)}
body.page-studio .activity-btn.active{background:rgba(255,212,38,.11)!important;color:#ffd426!important}
body.page-studio .activity-btn.active::before{background:#ffd426!important}
body.page-studio .sidebar,body.page-studio .properties{border-color:rgba(255,255,255,.1)!important;background:#11120e!important;box-shadow:0 0 36px rgba(0,0,0,.2)!important}
body.page-studio .panel-heading,body.page-studio .properties-heading{min-height:76px;padding:0 18px;border-color:rgba(255,255,255,.1)!important;background:#11120e!important}
body.page-studio .panel-heading h1,body.page-studio .properties-heading h2{color:#f6f3e7!important;font-family:Horizon,'Segoe UI',sans-serif!important}
body.page-studio .eyebrow{color:#777970!important}
body.page-studio .sidebar-tools{padding:13px;border-color:rgba(255,255,255,.1)!important;background:#11120e}
body.page-studio .search-field,body.page-studio .property-filter{border-color:rgba(255,255,255,.12)!important;border-radius:12px;background:rgba(255,255,255,.045)!important}
body.page-studio .create-button{min-height:49px;border-color:rgba(255,212,38,.3)!important;border-radius:12px;background:rgba(255,212,38,.1)!important;color:#ffe166!important}
body.page-studio .sync-summary{border-color:rgba(255,255,255,.1)!important;background:rgba(255,255,255,.04)!important;color:#d8d7cc!important}
body.page-studio .tree-category.active,body.page-studio .tree-object.selected{border-color:rgba(255,212,38,.3)!important;background:rgba(255,212,38,.1)!important;color:#ffe166!important}
body.page-studio .tree-count{background:rgba(255,255,255,.07)!important;color:#aaa99e!important}

body.page-studio .workbench{background:#0b0c09!important}
body.page-studio .tab-strip{border-color:rgba(255,255,255,.1)!important;background:#11120e!important}
body.page-studio .workspace-tab{border-color:rgba(255,255,255,.1)!important;background:rgba(255,255,255,.035)!important;color:#898a81!important}
body.page-studio .workspace-tab.active{border-bottom-color:#ffd426!important;background:rgba(255,212,38,.08)!important;color:#ffe166!important}
body.page-studio .editor-header{border-color:rgba(255,255,255,.1)!important;background:#11120e!important}
body.page-studio .editor-viewport{padding:clamp(22px,3vw,44px);background:radial-gradient(circle at 50% 0,rgba(255,212,38,.05),transparent 34%),#0b0c09!important}
body.page-studio .project-hero,body.page-studio .object-banner,body.page-studio .builder-path,body.page-studio .section-card,body.page-studio .surface-card,body.page-studio .panel-card,body.page-studio .item-metric,body.page-studio .empty-editor-card{border-color:rgba(255,255,255,.12)!important;border-radius:19px!important;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.035))!important;color:#f6f3e7!important;box-shadow:none!important}
body.page-studio .project-hero::after{display:block!important;opacity:.08}
body.page-studio .preview-stage,body.page-studio .inventory-wrap,body.page-studio .world-map,body.page-studio .creative-stage{background-color:#0d0e0b!important;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important}
body.page-studio .bottom-panel{border-color:rgba(255,255,255,.1)!important;background:#0e0f0c!important;box-shadow:0 -10px 35px rgba(0,0,0,.18)!important}
body.page-studio .bottom-tabs{background:#11120e!important}
body.page-studio .bottom-tab.active{border-bottom-color:#ffd426!important;color:#ffe166!important}

body.page-studio .properties-content{padding:14px;background:#11120e}
body.page-studio .property-section{margin:10px 11px;border-color:rgba(255,255,255,.12)!important;border-radius:15px;background:rgba(255,255,255,.045)!important}
body.page-studio .property-section-head{background:rgba(255,255,255,.035)!important;color:#ffd426!important}
body.page-studio .input,body.page-studio input,body.page-studio textarea,body.page-studio select{border-color:rgba(255,255,255,.13)!important;background:rgba(255,255,255,.055)!important;color:#f6f3e7!important;font-family:Horizon,'Segoe UI',sans-serif}
body.page-studio input:focus,body.page-studio textarea:focus,body.page-studio select:focus{border-color:#ffd426!important;box-shadow:0 0 0 3px rgba(255,212,38,.09)!important}
body.page-studio .properties-empty .empty-icon,body.page-studio .empty-sidebar .empty-icon{border-color:rgba(255,212,38,.28)!important;background:rgba(255,212,38,.07)!important;color:#ffd426!important}
body.page-studio .properties-empty strong,body.page-studio .empty-sidebar strong{color:#e8e5d9!important}

body.page-studio .statusbar{min-height:32px;border-color:#ffd426!important;background:#ffd426!important;color:#0a0b08!important}
body.page-studio .statusbar *{color:#0a0b08!important}
body.page-studio .modal{border-color:rgba(255,255,255,.16)!important;background:rgba(17,18,14,.96)!important;color:#f6f3e7!important;box-shadow:0 35px 100px rgba(0,0,0,.48)!important;backdrop-filter:blur(28px)}
body.page-studio .toast{border-color:rgba(255,255,255,.15)!important;background:#171813!important;color:#f6f3e7!important}

@media(max-width:1420px){body.page-studio{--rail:92px;--sidebar:290px;--properties:330px}body.page-studio .activity-btn span{display:none}body.page-studio .activity-btn{grid-template-columns:1fr;place-items:center}}
@media(max-width:1100px){body.page-studio{--rail:66px;--sidebar:270px;--properties:330px}}