.appShell{min-height:100vh;background:var(--sa-base)}.appMain{padding:24px 0 60px;background:radial-gradient(circle at 10px 10px,var(--sa-dot) 2px,transparent 2.2px) 0 0/26px 26px,var(--sa-gradient)}.appCanvas{max-width:1120px;margin:0 auto;min-height:calc(100vh - 120px);padding:30px 22px}:root{--orange: #f28c18;--orange-dark: #e07f12;--charcoal: #262626;--charcoal-2: #1f1f1f;--yellow: #f3d34a;--sa-card: #2b2b2b;--sa-card-header: #2b2b2b;--sa-base: #1a1a1a;--sa-elevated: #1c1c1c;--sa-text: #ffffff;--sa-text-dim: rgba(255,255,255,.82);--sa-text-muted: rgba(255,255,255,.5);--sa-border: rgba(255,255,255,.1);--sa-border-dim: rgba(255,255,255,.07);--sa-input-bg: #2b2b2b;--sa-input-border: rgba(255,255,255,.18);--sa-input-border-hover: rgba(255,255,255,.35);--sa-hover: rgba(255,255,255,.06);--sa-hover-strong: rgba(255,255,255,.1);--sa-btn-inactive: #f6f6f6;--sa-btn-inactive-hover: #ededed;--sa-dot: rgba(255,255,255,.12);--sa-gradient: linear-gradient(#2a2a2a, #222)}[data-theme=light]{--sa-card: #ffffff;--sa-card-header: #f5f5f5;--sa-base: #f0f0f0;--sa-elevated: #e2e2e2;--sa-text: #111111;--sa-text-dim: rgba(0,0,0,.68);--sa-text-muted: rgba(0,0,0,.45);--sa-border: rgba(0,0,0,.12);--sa-border-dim: rgba(0,0,0,.07);--sa-input-bg: #fafafa;--sa-input-border: rgba(0,0,0,.23);--sa-input-border-hover: rgba(0,0,0,.5);--sa-hover: rgba(0,0,0,.06);--sa-hover-strong: rgba(0,0,0,.1);--sa-btn-inactive: #e0e0e0;--sa-btn-inactive-hover: #cccccc;--sa-dot: rgba(0,0,0,.05);--sa-gradient: linear-gradient(#f5f5f5, #eaeaea)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:#0f0f0f;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}