:root{color-scheme:light;--milk:#eeeee7;--light:#fafaf5;--deep:#dfdfd6;--panel:rgba(249,249,244,.78);--ink:#213633;--soft:#445651;--muted:#78817c;--line:rgba(33,54,51,.13)}*{box-sizing:border-box}html,body{width:100%;min-height:100%}html{background:var(--milk)}body{margin:0;overflow:hidden;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 50% 12%,rgba(255,255,252,.96),transparent 38%),linear-gradient(145deg,var(--light),var(--milk) 60%,var(--deep))}button{color:inherit;font:inherit}.app-frame{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}.screen-view,.workspace-view{position:absolute;inset:0;transition:transform .22s ease,opacity .18s ease}.screen-view{z-index:2}.workspace-view{z-index:1;opacity:0;transform:translateY(7%);pointer-events:none}.workspace-open .screen-view{opacity:0;transform:translateY(-7%);pointer-events:none}.workspace-open .workspace-view{z-index:3;opacity:1;transform:none;pointer-events:auto}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:14px;height:82px;padding:18px 32px 10px}.topbar a{display:flex;width:48px;height:48px}.topbar img{width:48px;filter:brightness(0) saturate(100%) invert(20%) sepia(18%) saturate(673%) hue-rotate(122deg) brightness(92%) contrast(90%)}.topbar strong{font-size:clamp(1.32rem,2.05vw,1.82rem)}.icon-button{display:grid;place-items:center;width:36px;height:34px;padding:0;border:1px solid transparent;border-radius:9px;background:transparent;cursor:pointer}.icon-button:hover,.icon-button:focus-visible{border-color:var(--line);background:rgba(255,255,252,.56)}.menu-lines,.menu-lines:before,.menu-lines:after{display:block;width:22px;height:2px;border-radius:2px;background:var(--ink)}.menu-lines{position:relative}.menu-lines:before,.menu-lines:after{content:"";position:absolute;left:0}.menu-lines:before{top:-7px}.menu-lines:after{top:7px}.screen-stage{height:calc(100dvh - 82px)}.workspace-strip{position:fixed;right:0;bottom:0;left:0;z-index:9;width:100%;min-height:54px;padding:16px;border:0;border-top:1px solid var(--line);background:rgba(239,239,232,.94);color:var(--muted);cursor:pointer;backdrop-filter:blur(16px)}.workspace-strip span{font-size:.78rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.workspace-strip:hover,.workspace-strip:focus-visible{color:var(--ink);background:rgba(248,248,242,.96)}.workspace-strip-top{top:0;bottom:auto;border-top:0;border-bottom:1px solid var(--line)}.workspace-stage{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:20px;height:100dvh;padding:72px 22px 22px}.panel{min-height:0;padding:clamp(18px,2.4vw,28px);border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 18px 50px rgba(33,54,51,.07),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(14px)}.panel h1,.panel h2{margin:4px 0 0;font-size:1.18rem}.label{color:var(--muted);font-size:.75rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.menu-overlay{position:fixed;inset:0;z-index:30;background:rgba(26,40,37,.22);backdrop-filter:blur(2px)}.menu-overlay[hidden]{display:none}aside{position:fixed;top:14px;bottom:14px;left:14px;z-index:31;width:min(352px,calc(100vw - 28px));padding:22px;overflow:auto;border:1px solid var(--line);border-radius:20px;background:#f5f5ef;box-shadow:0 20px 55px rgba(33,54,51,.2);transform:translateX(calc(-100% - 20px));transition:transform .19s ease}aside.open{transform:none}.menu-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.menu-head b{display:block;margin-top:5px;font-size:1.25rem}.menu-head button{width:34px;height:34px;border:0;border-radius:9px;background:transparent;font-size:1.6rem;cursor:pointer}details{border-bottom:1px solid var(--line)}summary{padding:14px 2px;font-weight:700;cursor:pointer}details p{margin:0 0 16px;color:var(--soft);font-size:.88rem;line-height:1.55}nav{display:grid;gap:5px;padding-bottom:14px}nav a{padding:9px 11px;border-radius:9px;color:var(--ink);text-decoration:none}nav a:hover,nav a[aria-current=page]{background:rgba(33,54,51,.06)}@media(max-width:760px){.workspace-stage{grid-template-columns:1fr;overflow:auto;padding:72px 14px 18px}.panel{min-height:280px}.topbar{padding-left:20px}}@media(prefers-reduced-motion:reduce){.screen-view,.workspace-view,aside{transition:none}}
.screen-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.screen-action-button{display:grid;place-items:center;width:38px;height:38px;padding:8px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--ink);cursor:pointer}.screen-action-button:hover,.screen-action-button:focus-visible{border-color:var(--line);background:rgba(255,255,252,.62)}.screen-action-button svg{width:21px;height:21px;fill:currentColor}@media(max-width:760px){.screen-actions{gap:0}.screen-action-button{width:34px;height:34px;padding:7px}}