:root{color:#eef1eb;font-synthesis:none;--muted:#89918d;--line:#ffffff1c;--panel:#111517;background:#080b0d;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 78% 12%,#6e8a461c,#0000 30%),#080b0d;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}main{min-height:100vh;overflow:hidden}nav{border-bottom:1px solid var(--line);height:74px;color:var(--muted);align-items:center;gap:28px;padding:0 clamp(22px,5vw,76px);font-size:12px;display:flex}nav>a:last-child{margin-left:auto;transition:color .2s}nav>a:last-child:hover{color:#fff}.brand{color:#f5f7f0;letter-spacing:-.02em;align-items:center;gap:10px;font-size:15px;font-weight:750;display:flex}.brand span{color:#b8e66f;border:1px solid #94c84b;place-items:center;width:28px;height:28px;display:grid;transform:rotate(-6deg)}.nav-note{border-left:1px solid var(--line);padding-left:28px}.hero{max-width:1180px;margin:0 auto;padding:90px 28px 72px}.hero-kicker,.eyebrow{color:#a9d65e;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:750}.hero-kicker{align-items:center;gap:10px;display:flex}.hero-kicker span{background:#a9d65e;width:22px;height:1px}.hero h1{letter-spacing:-.075em;margin:22px 0 26px;font-size:clamp(58px,8.6vw,124px);font-weight:710;line-height:.86}.hero h1 em{color:#9fa5a0;font-style:normal;font-weight:360}.hero>p{color:#a3aaa6;max-width:610px;margin:0 0 0 auto;font-size:18px;line-height:1.6}.milestone{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:220px minmax(0,1fr);gap:8px 28px;max-width:1180px;margin:-18px auto 42px;padding:26px 28px;display:grid}.milestone h2{letter-spacing:-.045em;grid-column:2;margin:0;font-size:clamp(25px,3vw,40px)}.milestone p{color:#a3aaa6;grid-column:2;max-width:740px;margin:4px 0 0;font-size:14px;line-height:1.65}.workbench{border:1px solid var(--line);background:#111517d1;max-width:1180px;margin:0 auto 110px;padding:32px;box-shadow:0 35px 90px #00000040}.step{align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.step>span{color:#a9d65e;padding-top:6px;font:650 11px/1 monospace}.step h2{letter-spacing:-.025em;margin:0;font-size:20px}.step p{color:var(--muted);margin:5px 0 0;font-size:13px}.model-step{border-top:1px solid var(--line);margin-top:38px;padding-top:30px}.dropzone{cursor:pointer;background:#ffffff05;border:1px dashed #ffffff38;flex-direction:column;justify-content:center;align-items:center;gap:19px;width:100%;min-height:265px;transition:all .25s;display:flex;position:relative;overflow:hidden}.dropzone:hover,.dropzone.dragging{background:#a9d65e0b;border-color:#a9d65e}.dropzone.has-image{border-style:solid;min-height:360px}.dropzone img{object-fit:contain;background:#090c0e;width:100%;height:100%;position:absolute;inset:0}.dropzone.has-image:after{content:"";background:linear-gradient(#0000,#040607e6);position:absolute;inset:60% 0 0}.upload-mark{border:1px solid var(--line);color:#b8e66f;border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;display:grid}.drop-copy{z-index:1;text-align:center;flex-direction:column;gap:6px;display:flex}.has-image .drop-copy{position:absolute;bottom:25px}.drop-copy strong{font-size:14px}.drop-copy small{color:var(--muted)}.model-picker{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.model-option{--accent:#fff;text-align:left;cursor:pointer;border:1px solid var(--line);background:#0c1012;align-items:center;gap:13px;min-height:82px;padding:16px;transition:all .2s;display:flex}.model-option:hover{border-color:#ffffff3d;transform:translateY(-2px)}.model-option.active{border-color:color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 7%, #0c1012)}.model-dot{border:2px solid var(--accent);width:9px;height:9px;box-shadow:0 0 14px var(--accent);border-radius:50%}.model-option>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.model-option strong{font-size:15px}.model-option small{color:var(--muted);font-size:11px}.check{color:var(--accent);margin-left:auto}.key-field{color:#d9ded7;flex-direction:column;gap:9px;margin:0 0 8px 27px;font-size:12px;font-weight:700;display:flex}.key-field input{border:1px solid var(--line);color:#f5f7f0;background:#0c1012;outline:none;width:100%;height:48px;padding:0 14px;font:14px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.key-field input:focus{border-color:#a9d65e;box-shadow:0 0 0 3px #a9d65e1f}.key-field input::placeholder{color:#69706c}.key-note{color:var(--muted);margin:0 0 34px 27px;font-size:11px;line-height:1.5}.alert{color:#f0aa9d;background:#a850421a;border:1px solid #a85042;margin-top:16px;padding:12px 14px;font-size:13px}.run-button{color:#10150c;cursor:pointer;background:#b2df65;border:0;justify-content:center;align-items:center;gap:12px;width:100%;height:64px;margin-top:20px;font-size:14px;font-weight:780;transition:all .2s;display:flex}.run-button:hover:not(:disabled){background:#c1ed75;transform:translateY(-1px)}.run-button:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.45}.run-button span{font-size:20px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.results-section{border-top:1px solid var(--line);background:#0a0e10;padding:78px clamp(22px,4vw,64px) 70px}.results-heading{justify-content:space-between;align-items:end;max-width:1500px;margin:0 auto 28px;display:flex}.results-heading h2{letter-spacing:-.05em;margin:9px 0 0;font-size:clamp(32px,4vw,52px)}.results-heading p{color:var(--muted);font-size:12px}.results-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:1500px;margin:auto;display:grid}.result-card{--accent:#fff;border:1px solid var(--line);background:#111517;min-width:0;overflow:hidden}.result-card>header{border-top:2px solid var(--accent);justify-content:space-between;align-items:center;height:80px;padding:0 18px;display:flex}.result-card h3{margin:4px 0 0;font-size:20px}.status{color:#b2df65;text-transform:uppercase;letter-spacing:.08em;border:1px solid #b2df654d;padding:5px 8px;font:700 9px/1 monospace}.status.failed{color:#f0aa9d;border-color:#f0aa9d4d}.viewer{border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:clamp(300px,36vw,520px)}.error-view{color:#f0aa9d;overflow-wrap:anywhere;place-items:center;padding:24px;font:12px/1.6 monospace;display:grid}.metrics{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.metrics span{border-right:1px solid var(--line);flex-direction:column;gap:6px;padding:15px 10px;display:flex}.metrics span:last-child{border:0}.metrics small{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:9px}.metrics strong{font:650 12px/1 monospace}.result-copy{flex-direction:column;align-items:flex-start;min-height:170px;padding:18px;display:flex}.result-copy>strong{font-size:14px}.result-copy p{color:var(--muted);font-size:11px;line-height:1.55}.result-copy button{color:#d9ded7;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;background:0 0;border:0;margin-top:auto;padding:0;font-size:11px;font-weight:700}.result-copy button:hover{color:var(--accent)}.result-copy button span{padding-left:6px}.loading{min-height:480px;position:relative}.loading-bar{background:linear-gradient(90deg,#0000,#b2df65,#0000) 0 0/50% 100%;height:2px;animation:1.2s linear infinite scan}@keyframes scan{to{background-position:200% 0}}.loading-stage{color:#b2df65;place-items:center;height:100%;display:grid}.fine-print{color:#69706c;max-width:1500px;margin:18px auto 0;font-size:10px}footer{color:#626965;border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:120px;padding:30px clamp(22px,5vw,76px);font:10px/1.5 monospace;display:flex}footer p{text-align:right}@media (width<=1000px){.results-grid{grid-template-columns:1fr}.viewer{height:520px}.result-copy{min-height:130px}}@media (width<=720px){nav{height:62px;padding:0 18px}.nav-note{display:none}.hero{padding:68px 20px 52px}.hero h1{font-size:clamp(50px,16vw,78px)}.hero>p{margin-top:38px;font-size:15px}.milestone{grid-template-columns:1fr;margin:-12px 20px 30px;padding:22px 0}.milestone h2,.milestone p{grid-column:1}.milestone p{font-size:13px}.workbench{margin:0 12px 70px;padding:18px}.model-picker{grid-template-columns:1fr}.dropzone{min-height:230px}.results-section{padding:55px 12px}.results-heading{align-items:flex-start}.results-heading>p{display:none}.viewer{height:390px}footer{flex-direction:column;justify-content:center;gap:8px}footer p{text-align:center;margin:0}}
