:root {
  color-scheme:light;
  --bg:#eeece6;
  --bg-raised:#f6f4ef;
  --panel:#ffffff;
  --panel-2:#f7f5f0;
  --panel-3:#ebe8df;
  --panel-hover:#efede7;
  --input:#ffffff;
  --line:rgba(45,50,44,.12);
  --line-strong:rgba(45,50,44,.22);
  --text:#252923;
  --text-soft:#41463f;
  --muted:#747971;
  --muted-2:#999c95;
  --accent:#526b5b;
  --accent-strong:#405747;
  --accent-soft:rgba(82,107,91,.1);
  --green:#52745b;
  --green-soft:rgba(82,116,91,.1);
  --blue:#587383;
  --blue-soft:rgba(88,115,131,.1);
  --purple:#73687e;
  --purple-soft:rgba(115,104,126,.1);
  --orange:#a86b39;
  --orange-soft:rgba(168,107,57,.1);
  --danger:#ae4f4b;
  --danger-soft:rgba(174,79,75,.09);
  --display:'Segoe UI Variable Display','Segoe UI',system-ui,sans-serif;
  --font:'Segoe UI Variable Text','Segoe UI',system-ui,sans-serif;
  --shadow:0 18px 55px rgba(52,47,38,.1);
}
body.page-studio,.page-studio .studio-app { background:var(--bg); color:var(--text); }
.page-studio ::selection { background:#d6e0d7; color:#27362c; }
.page-studio ::-webkit-scrollbar-thumb { background:#bbb9b1; }
.page-studio .topbar { border-color:var(--line); background:rgba(255,255,255,.96); box-shadow:0 5px 18px rgba(52,47,38,.05); }
.page-studio .brand-mark { border-radius:11px; background:#37483d; color:#fff; box-shadow:none; }
.page-studio .brand-copy strong { color:#2c342e; }.page-studio .brand-copy small { color:#65776a; }
.page-studio .hub-return,.page-studio .command-trigger,.page-studio .button,.page-studio .icon-btn,.page-studio .ai-button,.page-studio .avatar,.page-studio .runtime-pill { border-color:var(--line); background:var(--panel-2); box-shadow:none; }
.page-studio .button:hover,.page-studio .icon-btn:hover,.page-studio .ai-button:hover { border-color:var(--line-strong); background:var(--panel-hover); transform:none; }
.page-studio .button.primary { border-color:#526b5b; background:#526b5b; color:#fff; box-shadow:none; }.page-studio .button.primary:hover { background:#405747; }
.page-studio .button.publish { border-color:#52745b; background:#52745b; color:#fff; }.page-studio .button.publish:hover { background:#405f49; }
.page-studio .avatar { border-color:#c6cfc7; background:#e7ece8; color:#405747; }
.page-studio .runtime-dot,.page-studio .status-dot { box-shadow:none !important; }
.page-studio .activity-rail { border-color:var(--line); background:#e5e3dc; }
.page-studio .activity-btn.active { background:#d7e0d8; color:#3f5a48; }.page-studio .activity-btn.active::before { background:#526b5b; }
.page-studio .sidebar,.page-studio .properties,.page-studio .editor-header { background:#fff; }
.page-studio .search-field:focus-within { border-color:#7b8f80; box-shadow:0 0 0 3px rgba(82,107,91,.08); }
.page-studio .create-button { border-color:#bac7bc; background:#edf2ee; color:#405747; }.page-studio .create-button:hover { border-color:#93a696; background:#e3ebe4; }
.page-studio .tree-category.active,.page-studio .tree-object.selected { border-color:#b9c6bb; background:#eaf0eb; color:#405747; }
.page-studio .tree-count { background:#eceae4; }
.page-studio .workbench { background:var(--bg); }
.page-studio .tab-strip { border-color:var(--line); background:#e4e2db; }.page-studio .workspace-tab { border-color:var(--line); background:#ebe9e3; color:#777b74; }.page-studio .workspace-tab:hover { background:#f3f1eb; }.page-studio .workspace-tab.active { border-bottom-color:#526b5b; background:#fff; color:#2e332d; }
.page-studio .editor-viewport { background:var(--bg); }
.page-studio .project-hero { border-color:var(--line); background:#fff; box-shadow:0 12px 38px rgba(52,47,38,.07); }.page-studio .project-hero::after { display:none; }
.page-studio .hero-score { background:#f1f4f1; }.page-studio .score-ring { background:conic-gradient(#52745b calc(var(--score) * 1%),#dfe4df 0); }.page-studio .score-ring::before { background:#fff; }
.page-studio .builder-path,.page-studio .object-banner,.page-studio .section-card,.page-studio .item-metric,.page-studio .panel-card { background:#fff; box-shadow:none; }
.page-studio .builder-path-steps button { background:#f7f5f0; }.page-studio .builder-path-steps button:hover { border-color:#b7c2b9; background:#edf1ed; }
.page-studio .object-banner { background:#fff; }
.page-studio .preview-stage { background-color:#f5f3ed; background-image:linear-gradient(#e5e2d9 1px,transparent 1px),linear-gradient(90deg,#e5e2d9 1px,transparent 1px); background-size:32px 32px; }
.page-studio .item-model { border-color:#bcc8ca; background:#e9eeef; color:#587383; box-shadow:0 12px 32px rgba(52,47,38,.1); }
.page-studio .item-metric { background:#fff; }.page-studio .item-metric::after { display:none; }
.page-studio .inventory-wrap,.page-studio .world-map { background:#f5f3ed; }
.page-studio .asset-thumb { background:#edf0ef; }
.page-studio .property-filter { background:rgba(255,255,255,.96); }
.page-studio .input,.page-studio input,.page-studio textarea,.page-studio select { border-color:var(--line-strong); background:#fff; color:var(--text-soft); }
.page-studio input:focus,.page-studio textarea:focus,.page-studio select:focus { border-color:#758a7a; box-shadow:0 0 0 3px rgba(82,107,91,.08); }
.page-studio .bottom-panel,.page-studio .statusbar { background:#fff; }
.page-studio .creative-launch { border-color:#d2d0c8; background:#fff; }.page-studio .creative-tool.active { border-color:#aebcaf; background:#e7eee8; color:#405747; box-shadow:inset 3px 0 #526b5b; }
.page-studio .creative-stage { background:#e9e7e0; }.page-studio .emoji-upload-zone { border-color:#bfc8c0; background:#f6f5f0; }
.page-studio .modal-backdrop { background:rgba(42,44,39,.42); backdrop-filter:blur(4px); }.page-studio .modal { border-color:#d0cdc4; background:#fff; box-shadow:0 24px 70px rgba(39,36,30,.18); }
.page-studio .toast { border-color:#d1cec5; background:#fff; color:#343831; box-shadow:0 12px 36px rgba(52,47,38,.12); }
.page-studio .welcome-title,.page-studio .hero-copy h2,.page-studio .panel-heading h1,.page-studio .properties-heading h2 { font-family:var(--display); }
@media(prefers-reduced-motion:reduce){.page-studio *, .page-studio *::before,.page-studio *::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}

/* 1.9 — calmer professional workspace */
@font-face{font-family:Horizon;src:url('/fonts/horizon/horizon.woff2') format('woff2'),url('/fonts/horizon/horizon.otf') format('opentype');font-display:swap}
.page-studio .topbar { min-height:70px; padding:8px 14px; }
.page-studio .brand-copy strong { font-family:Horizon,var(--display); font-size:12px; letter-spacing:.08em; }
.page-studio .environment-badge { display:none; }
.page-studio .project-context { padding:5px 8px; border:1px solid var(--line); border-radius:12px; background:#f8f7f3; }
.page-studio .context-select { min-height:34px; border-radius:8px; }
.page-studio .command-trigger { height:42px; border-radius:12px; background:#f8f7f3; }
.page-studio .activity-rail { padding-top:13px; }
.page-studio .activity-btn { margin-inline:8px; border-radius:11px; transition:background .18s,color .18s,transform .18s; }
.page-studio .activity-btn:hover { transform:translateX(2px); }
.page-studio .sidebar,.page-studio .properties { box-shadow:0 0 32px rgba(55,49,38,.035); }
.page-studio .panel-heading,.page-studio .properties-heading { min-height:70px; }
.page-studio .sidebar-tools { padding:12px; }
.page-studio .create-button { min-height:42px; border-radius:11px; }
.page-studio .editor-viewport { padding:26px; }
.page-studio .project-hero,.page-studio .object-banner { border-radius:21px; }
.page-studio .section-card,.page-studio .surface-card,.page-studio .panel-card { border-radius:16px; overflow:hidden; }
.page-studio .property-section { margin:10px 11px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:#fff; }
.page-studio .property-section-head { min-height:50px; padding:0 14px; background:#f8f7f3; }
.page-studio .property-section-body { padding:14px; }
.page-studio .property-filter { margin:10px 11px 5px; border:1px solid var(--line-strong); border-radius:11px; box-shadow:none; }
.page-studio .input,.page-studio input,.page-studio textarea,.page-studio select { min-height:39px; border-radius:9px; }
.page-studio .bottom-panel { box-shadow:0 -8px 28px rgba(55,49,38,.045); }
.page-studio .statusbar { min-height:30px; }
.page-studio .modal { border-radius:22px; }
.page-studio .studio-layout { animation:studioEnter .42s cubic-bezier(.2,.8,.2,1) both; }
@keyframes studioEnter { from{opacity:0;transform:translateY(7px)} to{opacity:1;transform:none} }
@media(max-width:900px){.page-studio .topbar{min-height:62px}.page-studio .editor-viewport{padding:16px}.page-studio .property-section{margin-inline:7px}}
