:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4efe6;--bg-strong:#eadfce;--card:#fffcf6e6;--card-strong:#fffaf1;--ink:#191413;--muted:#6e6258;--line:#1914131f;--accent:#ef6a3b;--accent-strong:#d4511f;--teal:#0f7a74;--gold:#c48b18;--shadow:0 24px 60px #3a24131f;font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at top left, #ef6a3b33, transparent 28%), radial-gradient(circle at 80% 10%, #0f7a7424, transparent 26%), linear-gradient(180deg, #fbf6ee 0%, var(--bg) 100%);margin:0}button,input{font:inherit}button{cursor:pointer;border:0}code{font-family:IBM Plex Mono,monospace;font-size:.94em}.shell{width:min(1120px,100vw - 2rem);margin:0 auto;padding:2rem 0 4rem}.hero{grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr);align-items:stretch;gap:1.5rem;display:grid}.hero-copy,.guardrail-card,.upload-panel,.job-card,.empty-state{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:28px}.hero-copy{padding:2rem}.hero-copy h1{letter-spacing:-.05em;max-width:10ch;margin:.35rem 0 .75rem;font-size:clamp(2.5rem,5vw,4.5rem);line-height:.94}.lede{max-width:60ch;color:var(--muted);margin:0;font-size:1.05rem;line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--accent-strong);margin:0;font-size:.74rem;font-weight:700}.guardrail-card{background:linear-gradient(#fffaf1f5,#eadfceeb);padding:1.5rem}.guardrail-card h2,.upload-panel h2,.section-heading h2{margin:.35rem 0 .85rem;font-size:1.45rem}.guardrail-card ul{color:var(--muted);margin:0;padding-left:1.1rem;line-height:1.7}.upload-panel{margin-top:1.5rem;padding:1.5rem}.upload-header,.section-heading,.job-topline,.upload-actions,.job-actions{justify-content:space-between;align-items:center;gap:1rem;display:flex}.file-picker{border:1px solid var(--line);background:var(--card-strong);color:var(--ink);border-radius:999px;align-items:center;gap:.75rem;padding:.85rem 1rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.file-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.primary-button,.ghost-button{border-radius:999px;min-height:46px;padding:.8rem 1.2rem;transition:transform .12s,background .12s,color .12s}.primary-button{background:var(--ink);color:#fff}.primary-button:hover:not(:disabled),.ghost-button:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:progress;opacity:.65}.ghost-button{border:1px solid var(--line);color:var(--ink);background:0 0}.file-meta,.job-subtitle,.progress-label,.job-error,.notice,.empty-state p{color:var(--muted);margin:0}.notice{border-radius:16px;margin-top:1rem;padding:.85rem 1rem}.notice.success{color:var(--teal);background:#0f7a7417}.notice.error,.job-error{color:#a63d15;background:#ef6a3b17}.jobs-section{margin-top:1.75rem}.job-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.job-card{padding:1.35rem}.job-title{margin:0;font-size:1.1rem;font-weight:700}.status-chip{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;min-height:34px;padding:0 .8rem;font-size:.82rem;font-weight:700;display:inline-flex}.status-created,.status-queued,.status-starting{color:#8b6517;background:#c48b181f}.status-processing,.status-succeeded{color:var(--teal);background:#0f7a741f}.status-canceling,.status-canceled,.status-failed{color:#a94b24;background:#ef6a3b1f}.progress-shell{background:#19141314;border-radius:999px;height:12px;margin:1rem 0 .5rem;position:relative;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #ffb37d);height:100%}.job-metadata{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem;margin:1rem 0;display:grid}.job-metadata dt{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.2rem;font-size:.72rem}.job-metadata dd{margin:0;font-family:IBM Plex Mono,monospace;font-size:.9rem}.empty-state{text-align:center;margin-top:1rem;padding:2rem}.empty-state h3{margin:0 0 .5rem}@media (width<=900px){.hero,.job-grid{grid-template-columns:1fr}.upload-header,.upload-actions,.section-heading,.job-topline,.job-actions{flex-direction:column;align-items:stretch}.hero-copy h1{max-width:100%}}