@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg:#1b2027;--bg-accent:#232932;--bg-elevated:#292f38;--bg-hover:#333a45;--bg-inset:#171b21;--text:#e8e9eb;--text-strong:#ffffff;--muted:#a4a7ad;--muted-strong:#797f88;--text-muted:var(--muted);--border:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.1);--surface-border:rgba(255,255,255,0.08);--control-bg:linear-gradient(145deg,#2b3139,#252a32);--control-border:rgba(255,255,255,0.045);--control-border-hover:rgba(255,255,255,0.095);--control-shadow:5px 6px 13px rgba(6,9,13,0.56),-4px -4px 10px rgba(62,70,82,0.34);--control-shadow-sm:3px 4px 8px rgba(6,9,13,0.54),-2px -2px 6px rgba(62,70,82,0.3);--surface-raised:var(--bg-elevated);--accent:#ef6b2c;--accent-hover:#ff7a38;--accent-muted:#c95723;--accent-subtle:rgba(239,107,44,0.15);--accent-glow:rgba(239,107,44,0.22);--shadow-light:rgba(62,70,82,0.48);--shadow-dark:rgba(6,9,13,0.62);--shadow-sm:5px 5px 10px var(--shadow-dark),-4px -4px 9px var(--shadow-light);--shadow-raised-sm:var(--shadow-sm);--shadow-md:8px 8px 18px var(--shadow-dark),-6px -6px 14px var(--shadow-light);--shadow-lg:13px 13px 28px var(--shadow-dark),-8px -8px 20px var(--shadow-light);--shadow-inset:inset 4px 4px 9px rgba(6,9,13,0.72),inset -3px -3px 7px rgba(59,67,79,0.46);--shadow-pressed:inset 6px 6px 12px rgba(6,9,13,0.76),inset -4px -4px 9px rgba(59,67,79,0.42);--shadow-glow:0 0 20px var(--accent-glow);--control-selected-shadow:var(--shadow-pressed),inset 0 0 0 1px rgba(239,107,44,0.13);--control-selected-shadow-sm:inset 3px 3px 6px rgba(6,9,13,0.72),inset -2px -2px 5px rgba(59,67,79,0.38),inset 0 0 0 1px rgba(239,107,44,0.1);--swatch-shadow:3px 4px 8px rgba(6,9,13,0.62),-2px -2px 5px rgba(62,70,82,0.28),inset 0 1px 2px rgba(255,255,255,0.16),inset 0 -2px 3px rgba(0,0,0,0.32);--ok:#7DBE7E;--success:var(--ok);--ok-subtle:rgba(125,190,126,0.12);--warn:#F1C40F;--warn-subtle:rgba(241,196,15,0.12);--danger:#E74C3C;--danger-subtle:rgba(231,76,60,0.12);--radius-sm:4px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--radius-full:9999px;--font-body:"Space Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--ease-out:cubic-bezier(0.16,1,0.3,1);--duration-normal:200ms;--duration-fast:120ms;color-scheme:dark}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{background:var(--bg);line-height:1.55;letter-spacing:-.02em;min-height:100dvh;-webkit-font-smoothing:antialiased}body,button,input,select,textarea{font-family:var(--font-body);color:var(--text)}button,input,select,textarea{font-size:16px}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(239,107,44,.48);outline-offset:3px}a{color:var(--accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:var(--radius-pill)}.mono{font-family:var(--mono)}.text-muted{color:var(--muted)}.text-accent{color:var(--accent)}.text-center{text-align:center}.card{box-shadow:var(--shadow-md);padding:20px}.card,.card-sm{background:var(--bg);border-radius:var(--radius-md)}.card-sm{padding:14px}.btn,.card-sm{box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--control-border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;padding:12px 24px;min-height:54px;min-width:54px;font-weight:500;transition:all var(--duration-normal) var(--ease-out)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0);box-shadow:var(--shadow-pressed)}.btn-primary{background:var(--accent);border-color:transparent;color:#fff;box-shadow:var(--shadow-sm),var(--shadow-glow)}.btn-primary:hover{box-shadow:var(--shadow-md),var(--shadow-glow)}.input-field{background:var(--bg-inset);border:1px solid var(--control-border-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-inset);color:var(--text);padding:12px 16px;width:100%;min-height:48px;font-size:16px;transition:box-shadow var(--duration-normal) var(--ease-out)}.input-field:focus{outline:none;box-shadow:var(--shadow-inset),0 0 0 2px var(--accent)}.select-field{background:var(--bg-inset);border:1px solid var(--control-border-hover);border-radius:var(--radius-md);box-shadow:var(--shadow-inset);color:var(--text);padding:12px 16px;width:100%;min-height:48px;font-size:16px;cursor:pointer;transition:box-shadow var(--duration-normal) var(--ease-out)}.select-field:focus{outline:none;box-shadow:var(--shadow-inset),0 0 0 2px var(--accent)}.container{max-width:1100px;margin:0 auto;padding:0 28px}.app-main{min-height:calc(100dvh - 112px);padding:42px 0 156px}.landing-main{min-height:100dvh}.screen-enter{animation:none}.page-title{font-size:24px;font-weight:700;margin-bottom:6px}.page-subtitle{font-size:14px;color:var(--muted);margin-bottom:24px}.section-label{font-size:11px;font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}@media (min-width:768px){.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}}@media (max-width:720px){.container{padding:0 16px}.app-main{min-height:calc(100dvh - 76px);padding:24px 0 112px}}@media (max-height:1100px) and (min-width:721px){.app-main{min-height:calc(100dvh - 84px);padding:24px 0 112px}}@media (prefers-reduced-motion:no-preference){.screen-enter{animation:screen-enter .24s var(--ease-out) both}@keyframes screen-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}