:root{--graphite-900: #15171c;--graphite-700: #2a2e37;--graphite-500: #5a616e;--graphite-300: #aeb4be;--paper: #f1f3f5;--surface: #ffffff;--signal-600: #1f4fff;--signal-100: #e4eaff;--health-good: #1ba672;--health-risky: #e0a100;--health-fail: #da3838;--font-display: "Space Grotesk", sans-serif;--font-body: "Hanken Grotesk", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-input: 4px;--radius-card: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);font-family:var(--font-body);color:var(--graphite-900)}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--signal-600);outline-offset:2px;border-radius:0}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.display{font-family:var(--font-display);letter-spacing:-.01em}.editor-grid{display:grid;grid-template-columns:260px 1fr 280px;height:100%}.build-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;max-width:1080px;margin:0 auto;padding:28px 24px 60px;align-items:start}.build-flow{display:flex;flex-direction:column;gap:16px;min-width:0}.build-step{background:var(--surface);border:1px solid #e9ebee;border-radius:14px;padding:20px 22px;min-width:0}.build-rail{position:sticky;top:16px;min-width:0}.build-rail-inner{background:var(--surface);border:1px solid #e9ebee;border-radius:14px;padding:16px}@media (max-width: 900px){.build-grid{grid-template-columns:minmax(0,1fr);gap:14px;padding:14px 16px 60px}.build-rail{order:-1;position:sticky;top:0;z-index:10}.build-rail-inner{background:var(--surface);box-shadow:0 6px 18px #14171c14}.build-step{padding:16px}}.codes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.detail-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}.sheet-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}.app-nav{height:56px;flex:none;display:flex;align-items:center;gap:14px;padding:0 18px;background:var(--graphite-900);border-bottom:1px solid var(--graphite-700);color:#fff}.nav-divider{width:1px;height:22px;background:var(--graphite-700)}.nav-tabs{display:flex;align-items:center;gap:6px}@media (max-width: 900px){.editor-grid{grid-template-columns:1fr;height:auto}.detail-grid,.sheet-grid{grid-template-columns:1fr}}@media (max-width: 720px){.app-nav{padding:0 12px;gap:10px}.nav-divider{display:none}.nav-tabs{position:fixed;left:0;right:0;bottom:0;z-index:50;gap:0;justify-content:space-around;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:var(--graphite-900);border-top:1px solid var(--graphite-700);overflow-x:auto;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tabs>a{flex:1;text-align:center;white-space:nowrap;font-size:12px!important;padding:8px 6px!important}.app-scroll{padding-bottom:64px}.nav-new-label{display:none}.editor-grid{grid-template-columns:minmax(0,1fr)}.editor-grid>*{min-width:0}.editor-grid>section{order:-1;position:sticky;top:0;z-index:10;padding:12px!important;gap:10px!important}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.split-grid{grid-template-columns:minmax(0,1fr)!important}.stat-grid>*,.split-grid>*{min-width:0}.app-nav a,.app-nav button{min-height:36px}}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll-x>.tbl{min-width:640px}@media (max-width: 720px){.auth-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 1fr}.auth-grid>aside{padding:14px 20px!important}.auth-grid>aside>.display,.auth-grid>aside>p{display:none}.auth-grid>aside>div:first-child{margin-bottom:0!important}.page{padding-left:16px!important;padding-right:16px!important}input,select,textarea{font-size:16px!important}}