:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark;--bg:#08111f;--panel:#0f1d31;--panel2:#142641;--card:#172d49;--text:#edf6ff;--muted:#8fa8c3;--line:#294563;--accent:#44d7ff;--accent2:#7c6cff;--shadow:0 18px 50px #02071180}
:root[data-theme=light]{color-scheme:light;--bg:#eef4fb;--panel:#fff;--panel2:#f4f8fd;--card:#e7f0fa;--text:#122238;--muted:#5c7188;--line:#c6d5e5;--accent:#087ea4;--accent2:#5949d6;--shadow:0 18px 40px #183b5c18}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -10%,#1e4c6b55,transparent 40%),var(--bg);color:var(--text)}button,select,input{font:inherit;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:.5rem .75rem;cursor:pointer;transition:.2s}button:hover,select:hover{border-color:var(--accent);transform:translateY(-1px)}.shell{min-height:100vh;display:grid;grid-template-rows:auto auto auto 1fr auto auto}.topbar,.ribbon,.toolbar,.status,.commandbar{display:flex;gap:.8rem;align-items:center;padding:.65rem 1.2rem;background:#0c192acc;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}:root[data-theme=light] .topbar,:root[data-theme=light] .ribbon,:root[data-theme=light] .toolbar,:root[data-theme=light] .status,:root[data-theme=light] .commandbar{background:#ffffffd9}.brand{display:flex;align-items:center;gap:.8rem}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#07101d;font-weight:900}.brand strong{font-size:1.05rem;letter-spacing:.02em}.brand small,.topbar span{color:var(--muted)}.topbar label{margin-left:auto;color:var(--muted);display:flex;align-items:center;gap:.4rem}.tabs{display:flex;gap:.35rem}.tab[aria-selected=true]{color:var(--accent);border-color:var(--accent);background:var(--card)}.panel{display:flex;gap:.5rem;flex-wrap:wrap}.toolbar{background:var(--panel2);font-size:.9rem}.toolbar #count{margin-left:auto;color:var(--muted)}.group-title{font-size:.7rem;text-transform:uppercase;color:var(--muted);letter-spacing:.1em}.layer.active,.plugin.active{border-color:var(--accent);color:var(--accent)}.workspace{display:grid;grid-template-columns:250px 1fr 270px;min-height:0}.side{padding:1.2rem;background:linear-gradient(180deg,var(--panel),transparent);border-right:1px solid var(--line)}.right{border-left:1px solid var(--line);border-right:0}.side h2{margin:0 0 .8rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.tree{padding:0;margin:0;list-style:none}.tree li{padding:.55rem .65rem;margin:.25rem 0;border-radius:7px;background:transparent}.tree li:hover,.selected-tree{background:var(--card);color:var(--accent)}.inspector{padding:1rem;border:1px solid var(--line);border-radius:12px;background:var(--card);box-shadow:var(--shadow);margin-bottom:1.2rem}.inspector p{margin:.2rem 0;color:var(--muted);font-size:.9rem;line-height:1.5}.canvas{padding:1.2rem;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#0b172755,transparent);min-height:0}.canvas canvas{width:100%;height:100%;min-height:420px;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);cursor:crosshair}.crosshair{position:absolute;right:2rem;top:1.6rem;color:#34617f;font-size:1.4rem;pointer-events:none}.commandbar{padding:.45rem 1.2rem;font-family:ui-monospace,monospace;font-size:.82rem}.commandbar span{color:var(--accent)}.commandbar input{flex:1;border-radius:5px;padding:.35rem .6rem;background:#07101d66}.commandbar button{padding:.35rem .7rem}.status{justify-content:space-between;font-size:.82rem;color:var(--muted);border-top:1px solid var(--line);border-bottom:0}@media(max-width:1000px){.workspace{grid-template-columns:210px 1fr}.right{display:none}}@media(max-width:700px){.topbar{flex-wrap:wrap}.topbar label{margin-left:0}.workspace{grid-template-columns:1fr}.side{border:0;border-bottom:1px solid var(--line)}.canvas{min-height:460px}.status{flex-wrap:wrap;justify-content:flex-start}.commandbar{flex-wrap:wrap}.commandbar input{min-width:70%}}
/* performance and 16:9 workspace */
.workspace{min-height:0;align-items:start}.canvas{aspect-ratio:16/9;min-height:0;height:min(calc(100vh - 270px),72vh);max-height:760px}.canvas canvas{min-height:0;aspect-ratio:16/9}.side{overflow:auto;max-height:min(calc(100vh - 270px),72vh)}@media(max-width:1000px){.canvas{height:auto;min-height:420px;aspect-ratio:16/9}}@media(max-width:700px){.canvas{height:auto;min-height:360px;aspect-ratio:16/10}}

.icon-tool{min-width:40px;min-height:36px;padding:.45rem .65rem;font-size:1.15rem;font-weight:700;display:inline-grid;place-items:center}.icon-tool:hover{color:var(--accent);box-shadow:0 0 0 2px #44d7ff33}.panel{align-items:center}.ribbon{align-items:flex-start}.tabs{align-self:center}
.panel[hidden]{display:none!important}.ribbon{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:start;padding:.55rem 1rem;background:linear-gradient(180deg,#0a1729,#0c1b30);}.tabs{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.tabs .tab{min-width:82px}.panel{display:flex;gap:.4rem;flex-wrap:wrap;align-items:center;padding:.1rem .3rem;border-left:1px solid var(--line);min-height:40px}.panel button{min-width:72px}.panel .icon-tool{min-width:42px}.plugin{font-size:.8rem}.topbar{background:#070f1c;border-bottom-color:#213b5b}.toolbar{background:#0d2039}@media(max-width:1050px){.ribbon{grid-template-columns:1fr}.panel{border-left:0;border-top:1px solid var(--line);padding-top:.45rem}}@media(max-width:700px){.ribbon{padding:.45rem}.tabs .tab{min-width:64px}.panel button{min-width:52px;padding:.45rem .55rem}}.panel-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);padding:0 .3rem;white-space:nowrap}.panel-label:not(:first-child){border-left:1px solid var(--line);padding-left:.8rem;margin-left:.3rem}@media(max-width:700px){.panel-label{font-size:.6rem}}