:root{--bg:#08080a;--bg2:#0f0f12;--ink:#f4f1ec;--muted:#a9a29a;--dim:#746e66;--red:#e4121c;--hot:#ff2a36;--gold:#d9b45f;--rule:#ffffff17;--glass:#ffffff0b;--mono:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;--display:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--ink)}body{font-family:var(--display);background:radial-gradient(circle at 18% 8%,#e4121c38,#0000 28%),radial-gradient(circle at 82% 14%,#d9b45f21,#0000 26%),linear-gradient(#07070a 0%,#0d0b0c 46%,#07070a 100%);min-height:100dvh;margin:0;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:72px 72px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000d9,#0000 72%);mask-image:linear-gradient(#000000d9,#0000 72%)}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#0000 0%,#0000002e 54%,#0000009e 100%);position:fixed;inset:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.spot{pointer-events:none;z-index:-1;background:radial-gradient(circle at var(--x) var(--y),#e4121c3d,transparent 24%),radial-gradient(circle at 72% 18%,#d9b45f24,transparent 23%),radial-gradient(circle at 22% 74%,#ffffff0e,transparent 25%);filter:saturate(1.1);position:fixed;inset:-20%}.nav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--rule);background:#08080abd;justify-content:space-between;align-items:center;gap:1rem;padding:18px clamp(16px,4vw,48px);display:flex;position:sticky;top:0}.brand{text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:.45rem;font-weight:900;display:flex}.brand span{color:var(--ink)}.brand b{color:var(--hot)}.nav nav{align-items:center;gap:.25rem;display:flex}.nav nav a{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:.65rem .85rem;font-size:.78rem;text-decoration:none;transition:all .22s}.nav nav a:hover{color:var(--ink);background:var(--glass)}main{width:min(1420px,100% - 32px);margin:0 auto}.hero{align-content:center;min-height:64dvh;padding:92px 0 64px;display:grid;position:relative}.hero:before{content:"";z-index:-1;background:linear-gradient(135deg,#ffffff0e,#ffffff03);border:1px solid #ffffff13;border-radius:36px;position:absolute;inset:42px -22px 18px;box-shadow:0 40px 120px -88px #e4121cf2}.hero:after{content:"";aspect-ratio:1;filter:blur(18px);opacity:.72;z-index:-1;background:conic-gradient(from 210deg,#0000,#e4121c42,#d9b45f33,#0000 72%);border-radius:50%;width:min(34vw,430px);position:absolute;top:18%;right:3%}.eyebrow{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--hot);margin:0 0 18px;font-size:.78rem}.hero h1{letter-spacing:-.08em;text-transform:uppercase;text-wrap:balance;max-width:980px;margin:0;font-size:clamp(56px,11vw,142px);line-height:.82}.heroCopy{max-width:820px;color:var(--muted);margin:26px 0 0;font-size:clamp(1.05rem,2vw,1.32rem);line-height:1.68}.heroActions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.btn{border:1px solid var(--rule);background:var(--glass);color:var(--ink);cursor:pointer;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;border-radius:14px;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.15rem;font-size:.8rem;text-decoration:none;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.btn:hover,.mini:hover{border-color:#e4121c73;transform:translateY(-2px);box-shadow:0 20px 70px -35px #e4121ccc}.primary{background:var(--red);border-color:var(--red);color:#fff}.workspace{grid-template-columns:minmax(300px,390px) minmax(0,1fr);align-items:start;gap:20px;padding:28px 0 74px;display:grid}.rail,.panel,.about{border:1px solid var(--rule);background:linear-gradient(#ffffff0e,#ffffff06);border-radius:28px;box-shadow:0 26px 90px -60px #000000f2}.rail{scrollbar-width:thin;max-height:calc(100dvh - 112px);padding:12px;position:sticky;top:92px;overflow:auto}.railHead{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:12px 12px 16px;font-size:.75rem;display:flex}.railHead b{color:var(--gold)}.toolPick{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:12px;transition:background .18s,border-color .18s,transform .18s;display:grid}.toolPick:hover{background:#ffffff0b;transform:translate(2px)}.toolPick.active{background:#e4121c1c;border-color:#e4121c61}.glyph{width:42px;height:42px;color:var(--gold);background:#111114;border-radius:14px;place-items:center;font-size:1.35rem;display:grid}.toolPick b{font-size:.95rem;display:block}.toolPick small{color:var(--muted);margin-top:3px;line-height:1.45;display:block}.toolPick em{font-style:normal;font-family:var(--mono);color:var(--dim);font-size:.68rem}.panel{min-height:680px;padding:clamp(18px,3vw,34px)}.panelTop{border-bottom:1px solid var(--rule);margin-bottom:24px;padding-bottom:22px}.panelTop h2{text-transform:uppercase;letter-spacing:-.055em;margin:0;font-size:clamp(32px,5vw,76px);line-height:.9}.panelTop p:last-child{color:var(--muted);max-width:760px;margin-bottom:0;line-height:1.65}.two{grid-template-columns:1fr 1fr;gap:18px;display:grid}.stack{gap:16px;display:grid}.split{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{gap:8px;display:grid}.field span{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.76rem}textarea,input,select{border:1px solid var(--rule);width:100%;color:var(--ink);background:#00000042;border-radius:16px;outline:none;padding:13px 14px;transition:border-color .18s,box-shadow .18s}textarea:focus,input:focus,select:focus{border-color:#e4121c8c;box-shadow:0 0 0 4px #e4121c17}textarea{resize:vertical;min-height:190px;font-family:var(--mono);line-height:1.55}input[type=color]{height:52px;padding:5px}.preview,.contrastPreview{border:1px solid var(--rule);min-height:320px;color:var(--muted);background:#00000038;border-radius:22px;place-items:center;padding:18px;display:grid;overflow:hidden}.preview img{max-width:100%;max-height:520px;display:block}.qr img{image-rendering:pixelated;border-radius:20px}.mini{border:1px solid var(--rule);color:var(--ink);cursor:pointer;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;background:#ffffff0a;border-radius:12px;padding:.75rem 1rem;font-size:.78rem;transition:all .18s}.swatches{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.swatch{cursor:pointer;border:1px solid #ffffff24;border-radius:20px;height:120px;transition:transform .18s;position:relative;overflow:hidden}.swatch:hover{transform:translateY(-3px)scale(1.01)}.swatch span{color:#fff;font-family:var(--mono);background:#0000006b;border-radius:999px;padding:.38rem .55rem;font-size:.72rem;position:absolute;bottom:10px;left:10px}.score,.bigResult{border:1px solid var(--rule);background:#e4121c14;border-radius:20px;padding:24px}.score b,.bigResult{font-size:clamp(34px,6vw,72px);font-weight:900;line-height:1}.score span{color:var(--gold);font-family:var(--mono);text-transform:uppercase;margin-top:10px;display:block}.contrastPreview{text-transform:uppercase;align-content:center;font-size:clamp(32px,4vw,64px);font-weight:900;line-height:.95}.contrastPreview small{text-transform:none;margin-top:20px;font-size:1rem;font-weight:500;line-height:1.5;display:block}.metrics,.statGrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.metrics span,.metrics b,.statGrid div{border:1px solid var(--rule);text-align:center;background:#ffffff09;border-radius:16px;padding:14px}.statGrid b{font-size:2rem;display:block}.statGrid span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.diff{border:1px solid var(--rule);line-height:1.9;font-family:var(--mono);background:#00000038;border-radius:18px;padding:18px}.diff .changed{background:#e4121c38;border-radius:5px;padding:2px 3px}.about{grid-template-columns:.75fr 1fr;gap:24px;margin-bottom:64px;padding:34px;display:grid}.about h2{text-transform:uppercase;margin:0;font-size:clamp(34px,5vw,80px);line-height:.9}.about p:last-child{color:var(--muted);font-size:1.08rem;line-height:1.8}.modalShell{z-index:100;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modalBackdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#000000ad;border:0;position:absolute;inset:0}.ideaCard{background:linear-gradient(#16161afa,#08080afa);border:1px solid #ffffff21;border-radius:28px;width:min(720px,100%);max-height:min(92dvh,880px);padding:clamp(20px,4vw,34px);position:relative;overflow:auto;box-shadow:0 40px 140px -54px #000000fa,0 0 90px -58px #e4121ce6}.ideaCard h2{letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(34px,6vw,74px);line-height:.9}.ideaIntro{color:var(--muted);margin:16px 0 22px;line-height:1.65}.close{border:1px solid var(--rule);width:42px;height:42px;color:var(--ink);cursor:pointer;background:#ffffff0b;border-radius:999px;font-size:1.55rem;position:absolute;top:14px;right:16px}.modalActions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.formError{color:#ff7b82;font-family:var(--mono);margin:0;font-size:.82rem}.successBox{background:#d9b45f17;border:1px solid #d9b45f59;border-radius:18px;gap:6px;padding:18px;display:grid}.successBox b{color:var(--gold);font-size:1.2rem}.successBox span{color:var(--muted)}button:disabled{opacity:.62;cursor:not-allowed;transform:none!important}footer{border-top:1px solid var(--rule);width:min(1420px,100% - 32px);color:var(--dim);font-family:var(--mono);margin:0 auto;padding:28px 0 46px;font-size:.78rem}@media (width<=980px){.workspace{grid-template-columns:1fr}.rail{max-height:none;position:relative;top:0}.two,.about{grid-template-columns:1fr}.panel{min-height:auto}.nav nav a:nth-child(2){display:none}}@media (width<=640px){main,footer{width:min(100% - 24px,1420px)}.hero:before{border-radius:26px;inset:26px -10px 10px}.hero:after{opacity:.42;width:72vw;top:16%;right:-22%}.nav{padding:14px 12px}.nav nav a{padding:.55rem .6rem}.hero{min-height:auto;padding:54px 0 38px}.hero h1{font-size:clamp(52px,21vw,100px)}.workspace{padding-top:8px}.panel,.rail,.about{border-radius:22px}.toolPick{grid-template-columns:38px 1fr}.toolPick em{display:none}.split,.swatches,.metrics,.statGrid{grid-template-columns:1fr 1fr}.swatch{height:96px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.spot{display:none}}