:root{color:#173544;--surface:#fff;--line:#dce6eb;--muted:#607886;--accent:#007f7a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f3f6f8;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,select{font:inherit;border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:8px;min-height:40px;padding:8px 12px}button{cursor:pointer}button:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #16b7aa}.layout{min-height:100dvh;display:flex}aside{color:#eaf9fa;background:#10343d;flex-direction:column;flex-shrink:0;gap:40px;width:246px;padding:28px 20px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand small{color:#b3d7da;margin-top:6px;font-weight:400;display:block}.logo{color:#062d36;background:#12b4a3;border-radius:10px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}nav span{background:#ffffff12;border-radius:8px;padding:12px;display:block}.phase{color:#b3d7da;margin-top:auto;font-size:12px}.workspace{flex:1;min-width:0}header{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;height:80px;padding:16px 32px;display:flex}.toolbar{flex-shrink:0;gap:8px;display:flex}main{max-width:1200px;padding:48px 40px}.eyebrow{letter-spacing:.13em;color:var(--accent);font-size:12px;font-weight:700}h1{margin:12px 0 24px;font-size:30px}h2{font-size:21px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;max-width:780px;margin-top:24px;padding:40px;line-height:1.7}.panel p{color:var(--muted)}.empty-icon{color:var(--accent);font-size:30px}.muted{color:var(--muted)}code{overflow-wrap:anywhere;font-size:12px;display:block}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e4f1f2;--surface:#17323c;--line:#36515b;--muted:#b1c8cd;--accent:#5cddcd;background:#10242c}@media (prefers-color-scheme:dark){html[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e4f1f2;--surface:#17323c;--line:#36515b;--muted:#b1c8cd;--accent:#5cddcd;background:#10242c}}@media (width<=700px){aside{width:64px;padding:20px 12px}.brand strong,nav,.phase{display:none}header{flex-wrap:wrap;height:auto;min-height:80px;padding:12px}header>span{overflow-wrap:anywhere;max-width:100%}.toolbar{flex-wrap:wrap}main{padding:28px 16px}h1{font-size:25px}.panel{padding:24px}}