:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8eef9;background:#070b14;font-synthesis:none;text-rendering:optimizeLegibility;--background: #070b14;--surface: #101827;--surface-strong: #162238;--border: #2a3850;--muted: #9fb0c9;--primary: #7c9cff;--primary-strong: #5778ef;--accent: #38d9c5;--warning: #ffd166;--danger: #ff7b8b;--success: #62d89c;--shadow: 0 24px 70px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:#e8eef9}a{color:#a9bcff}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.skip-link{position:fixed;left:1rem;top:-4rem;z-index:100;padding:.8rem 1rem;border-radius:.6rem;background:#fff;color:#000}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero{background:radial-gradient(circle at 78% 20%,rgba(56,217,197,.16),transparent 30%),radial-gradient(circle at 20% 5%,rgba(124,156,255,.24),transparent 35%),linear-gradient(180deg,#0b1220,#070b14);border-bottom:1px solid rgba(159,176,201,.16)}.topbar{max-width:1240px;margin:0 auto;padding:1.1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;color:#fff;font-weight:750}.brand-mark{width:2.1rem;height:2.1rem;display:grid;place-items:center;border-radius:.65rem;background:linear-gradient(135deg,var(--primary),var(--accent));color:#07111d;font-weight:900}.nav-links{display:flex;gap:1rem}.nav-links a{text-decoration:none;color:var(--muted)}.nav-links a:hover{color:#fff}.hero-content{max-width:980px;margin:0 auto;padding:5rem 1.5rem 5.6rem;text-align:center}.eyebrow{margin:0 0 .65rem;color:var(--accent);text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:800}h1,h2,h3,p{overflow-wrap:anywhere}h1{margin:0;font-size:clamp(2.4rem,7vw,5.4rem);line-height:.98;letter-spacing:-.055em}.hero-copy{max-width:780px;margin:1.5rem auto 0;color:#c4d0e3;font-size:clamp(1rem,2vw,1.2rem);line-height:1.75}.hero-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:2rem}.hero-badges span{padding:.55rem .85rem;border:1px solid rgba(169,188,255,.28);border-radius:999px;background:#101827a6;color:#dce5f5;font-size:.86rem}main{max-width:1240px;margin:0 auto;padding:2rem 1.5rem 5rem}.notice{display:flex;align-items:flex-start;gap:1rem;margin:0 auto 2rem;padding:1.2rem 1.35rem;border:1px solid rgba(255,209,102,.3);border-radius:1rem;background:#ffd16612}.notice-icon{flex:0 0 auto;width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:var(--warning);color:#201700;font-weight:900}.notice h2{margin:0 0 .35rem;font-size:1rem}.notice p{margin:0;color:#d9d0b5;line-height:1.6}.workspace,.technical-section{margin-top:2rem;padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--border);border-radius:1.25rem;background:#0d1422e0;box-shadow:var(--shadow)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.3rem}.section-heading h2{margin:0;font-size:clamp(1.55rem,3vw,2.2rem);letter-spacing:-.025em}.status-pill{padding:.55rem .8rem;border-radius:999px;font-size:.8rem;font-weight:750;border:1px solid var(--border);white-space:nowrap}.status-idle{color:var(--muted)}.status-loading,.status-inference,.status-fallback{color:var(--warning);border-color:#ffd16659;background:#ffd16614}.status-ready{color:var(--success);border-color:#62d89c59;background:#62d89c14}.status-error{color:var(--danger);border-color:#ff7b8b59;background:#ff7b8b14}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:1.25rem}.panel{min-width:0;padding:1.25rem;border:1px solid var(--border);border-radius:1rem;background:#101827eb}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.panel-heading h3{margin:0 0 .35rem;font-size:1.05rem}.panel-heading p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}.panel-heading.compact{margin-bottom:1.35rem}.sample-label{display:grid;gap:.35rem;min-width:180px;color:var(--muted);font-size:.78rem;font-weight:700}select,textarea{width:100%;border:1px solid var(--border);border-radius:.75rem;background:#0a1220;color:#eef4ff}select{padding:.72rem .8rem}textarea{resize:vertical;min-height:330px;padding:1rem;line-height:1.65}textarea:focus,select:focus,input:focus,button:focus-visible{outline:3px solid rgba(124,156,255,.35);outline-offset:2px}.text-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.8rem;color:var(--muted);font-size:.78rem}.text-stats strong{color:#fff}.token-preview{margin-top:1rem;border-top:1px solid rgba(159,176,201,.15);padding-top:.9rem;color:var(--muted)}.token-preview summary{cursor:pointer;color:#cfd9ea;font-weight:700}.token-preview p{margin-bottom:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem;line-height:1.5}.controls-panel{display:flex;flex-direction:column}.control{display:grid;gap:.55rem;margin-bottom:1rem;color:#dce5f5;font-size:.86rem;font-weight:700}.control>span{display:flex;justify-content:space-between;gap:1rem}.control output{color:var(--accent)}.control small,.checkbox-control small{display:block;color:var(--muted);font-weight:450;line-height:1.4}input[type=range]{width:100%;accent-color:var(--primary)}.checkbox-control{display:flex;align-items:flex-start;gap:.7rem;margin:.35rem 0 1.2rem;color:#dce5f5}.checkbox-control input{margin-top:.25rem;accent-color:var(--primary)}.action-stack{display:grid;gap:.65rem;margin-top:auto}.button{border:1px solid var(--border);border-radius:.75rem;padding:.78rem 1rem;background:#162238;color:#f6f8fc;font-weight:800;transition:transform .12s ease,border-color .12s ease,background .12s ease}.button:hover:not(:disabled){transform:translateY(-1px);border-color:#7089b6}.button-primary{border-color:transparent;background:linear-gradient(135deg,var(--primary-strong),#6b5df5)}.button-secondary{background:#38d9c51a;border-color:#38d9c559;color:#bff8ee}.button-ghost{background:transparent}.button-small{padding:.55rem .75rem;font-size:.8rem}.progress-panel{margin-top:1.25rem;padding:1rem;border:1px solid rgba(124,156,255,.3);border-radius:.85rem;background:#7c9cff12}.progress-heading{display:flex;justify-content:space-between;gap:1rem;color:#e7ecff;font-size:.86rem;font-weight:750}progress{width:100%;height:.7rem;margin-top:.65rem;accent-color:var(--primary)}.progress-panel p{margin:.55rem 0 0;color:var(--muted);font-size:.76rem}.error-panel{margin-top:1rem;padding:.9rem 1rem;border:1px solid rgba(255,123,139,.4);border-radius:.8rem;background:#ff7b8b14;color:#ffc4cc}.results{margin-top:2rem}.result-heading{align-items:end}.result-actions{display:flex;gap:.55rem}.summary-card{min-height:160px;padding:1.3rem;border:1px solid var(--border);border-radius:1rem;background:#0a1220}.summary-card p{margin:0;white-space:pre-wrap;line-height:1.8;color:#f1f5fc}.summary-card .summary-placeholder{color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8rem;margin-top:1rem}.metric-card{padding:.95rem;border:1px solid var(--border);border-radius:.85rem;background:#162238a6}.metric-card span{display:block;color:var(--muted);font-size:.72rem;margin-bottom:.35rem}.metric-card strong{font-size:1rem}.comparison-panel{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border)}.comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.comparison-card{padding:1.1rem;border:1px solid var(--border);border-radius:.9rem;background:#0a1220c7}.comparison-card h3{margin-top:0}.comparison-card p{color:#dce5f5;line-height:1.7}dl{margin-bottom:0}dl div{display:flex;justify-content:space-between;color:var(--muted)}dd{margin:0;color:#fff;font-weight:750}.technical-section{box-shadow:none}.technical-copy{max-width:900px;color:var(--muted);line-height:1.7}.flow{display:grid;grid-template-columns:1fr auto 1.3fr auto 1.2fr auto 1.2fr auto 1fr;gap:.65rem;align-items:center}.flow-node{padding:.9rem;border:1px solid var(--border);border-radius:.75rem;text-align:center;background:#0a1220;font-size:.8rem;font-weight:750}.flow-node.accent{border-color:#38d9c566;background:#38d9c514;color:#c9fff7}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.content-card{padding:1.1rem;border:1px solid var(--border);border-radius:.9rem;background:#0a1220a6}.content-card h2{margin-top:0;font-size:1.35rem}.content-card ul,.limitations ul{padding-left:1.2rem;color:#c9d4e6;line-height:1.7}.evaluation-status{padding:.8rem;border-radius:.7rem;font-size:.86rem;font-weight:700}.evaluation-pending{border:1px solid rgba(255,209,102,.35);color:#ffe7a6;background:#ffd16612}.evaluation-complete{border:1px solid rgba(98,216,156,.35);color:#b8f5d2;background:#62d89c12}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:.85rem;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{color:#fff;background:#162238a6;font-size:.8rem}td{color:#c9d4e6;font-size:.84rem;line-height:1.5}.limitations{display:grid;grid-template-columns:minmax(220px,.5fr) minmax(0,1.5fr);gap:2rem}footer{padding:2rem 1.5rem 3.5rem;color:var(--muted);text-align:center}@media(max-width:980px){.workspace-grid,.two-column,.limitations{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flow{grid-template-columns:1fr}.flow>span{transform:rotate(90deg);justify-self:center}}@media(max-width:640px){.topbar,.section-heading,.panel-heading{flex-direction:column;align-items:stretch}.nav-links{flex-wrap:wrap}.hero-content{padding-top:3.5rem;padding-bottom:4rem;text-align:left}.hero-badges{justify-content:flex-start}main{padding-inline:.9rem}.workspace,.technical-section{border-radius:.9rem;padding:1rem}.sample-label{min-width:0}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-grid{grid-template-columns:1fr}.result-heading{align-items:stretch}.result-actions{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}