:root{--bg:#f7f6f2;--panel:#fff;--panel-soft:#f0eee7;--ink:#171717;--muted:#68655e;--line:#dedad0;--accent:#0f766e;--accent-strong:#0b5f59;--blue:#2563eb;--gold:#b7791f;--rose:#be123c;--shadow:0 18px 50px #18181814}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--ink);background:linear-gradient(180deg, #ffffffc7, #f7f6f2f0), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.simplePage{background:linear-gradient(180deg, #ffffffd1, #f7f6f2f5), var(--bg);min-height:100vh;padding:24px clamp(18px,4vw,56px) 56px}.simpleNav{justify-content:space-between;align-items:center;gap:18px;width:min(1120px,100%);margin:0 auto;display:flex}.simpleBrand,.advancedLink,.homeLink{align-items:center;gap:8px;font-weight:800;display:inline-flex}.simpleBrand{color:var(--accent)}.advancedLink,.homeLink{color:var(--muted);font-size:.88rem}.advancedLink:hover,.homeLink:hover{color:var(--ink)}.simpleStage{width:min(1180px,100%);margin:clamp(44px,7vh,76px) auto 0}.simpleIntro{max-width:1180px}.simpleEyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}.simpleIntro h1{max-width:1180px;font-size:clamp(2.25rem,6vw,4.8rem);line-height:1.02}.simpleIntro>p:last-child{max-width:640px;color:var(--muted);margin:20px 0 0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.55}.simpleInputWrap{margin:0}.simpleDemoGrid{grid-template-columns:minmax(360px,.88fr) minmax(520px,1.12fr);align-items:start;gap:clamp(44px,6vw,84px);margin-top:38px;display:grid}.simpleInputWrap label{color:var(--muted);margin-bottom:9px;font-size:.82rem;font-weight:800;display:block}.simpleInputWrap textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:190px;color:var(--ink);box-shadow:var(--shadow);background:#fffffff2;border-radius:8px;padding:20px 22px;font-size:clamp(1.15rem,2.4vw,1.55rem);line-height:1.5;display:block}.simpleSubmit{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:48px;margin-top:14px;padding:11px 18px;font-weight:800;display:inline-flex}.simpleSubmit:hover:not(:disabled){background:var(--accent-strong)}.simpleSubmit:disabled{cursor:not-allowed;opacity:.55}.simpleInputWrap textarea:focus{border-color:var(--accent);outline:3px solid #0f766e1f}.liveState{min-height:34px;color:var(--muted);align-items:center;gap:7px;padding-top:10px;font-size:.84rem;font-weight:700;display:flex}.liveDot{background:var(--accent);border-radius:50%;width:8px;height:8px}.liveError{color:var(--rose)}.rateHint{color:var(--muted);margin:8px 0 0;font-size:.78rem;font-weight:600}.simpleResults{margin-top:0;transition:opacity .16s}.simpleResults.isLoading{opacity:.48}.resultsHeading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:12px;display:flex}.resultsHeading h2{margin:0;font-size:1rem}.resultsHeading span{color:var(--muted);text-transform:uppercase;font-size:.76rem;font-weight:800}.candidateList{display:grid}.simpleCandidate{border-bottom:1px solid var(--line);opacity:0;grid-template-columns:32px minmax(100px,180px) minmax(120px,1fr) 64px;align-items:center;gap:16px;min-height:76px;animation:.42s forwards candidate-in;display:grid;transform:translateY(8px)}@keyframes candidate-in{to{opacity:1;transform:translateY(0)}}.candidateRank{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem}.candidateToken{overflow-wrap:anywhere;font-size:clamp(1.05rem,2vw,1.3rem);font-weight:800}.candidateTrack{background:var(--panel-soft);border-radius:999px;height:10px;overflow:hidden}.candidateTrack span{border-radius:inherit;background:var(--accent);transform-origin:0;height:100%;animation:.65s cubic-bezier(.2,.75,.25,1) forwards probability-grow;display:block;transform:scaleX(0)}@keyframes probability-grow{to{transform:scaleX(1)}}.simpleCandidate strong{text-align:right;font-variant-numeric:tabular-nums;font-size:1.08rem}.resultPlaceholder{display:grid;position:relative}.resultPlaceholder span{border-bottom:1px solid var(--line);height:76px}.resultPlaceholder p{color:var(--muted);place-items:center;margin:0;font-weight:700;display:grid;position:absolute;inset:0}.simpleFootnote{max-width:760px;color:var(--muted);text-align:right;margin:22px 0 0 auto;font-size:.78rem;line-height:1.5}@media (max-width:980px){.simpleDemoGrid{grid-template-columns:1fr;gap:40px}.simpleFootnote{text-align:left;margin-left:0}}.page{min-height:100vh;padding:28px}.shell{width:min(1480px,100%);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brandMark{border:1px solid var(--line);background:var(--panel);width:44px;height:44px;color:var(--accent);box-shadow:var(--shadow);border-radius:8px;place-items:center;display:grid}.eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 2px;font-size:.78rem;font-weight:700}h1{letter-spacing:0;margin:0;font-size:clamp(1.55rem,2.7vw,2.55rem);line-height:1.05}.statusPill{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-weight:700;display:inline-flex}.statusDot{background:var(--gold);border-radius:50%;width:9px;height:9px}.statusPill.measured .statusDot{background:var(--accent)}.statusPill.error .statusDot{background:var(--rose)}.topStatus{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.workspace{grid-template-columns:minmax(320px,.95fr) minmax(420px,1.35fr) minmax(330px,.95fr);align-items:start;gap:18px;display:grid}.viewTabs{border:1px solid var(--line);background:var(--panel-soft);border-radius:8px;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.viewTabs button,.rolePresets button{color:var(--muted);background:0 0;border:0;border-radius:6px;padding:9px 13px;font-weight:700}.viewTabs button.active,.rolePresets button.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 4px #1818181a}.simplePrompt{gap:16px;display:grid}.simplePrompt label{color:var(--muted);gap:7px;font-size:.82rem;font-weight:700;display:grid}.simplePrompt input{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fffefb;border-radius:8px;padding:10px 12px;font-size:1rem}.rolePresets{flex-wrap:wrap;gap:6px;display:flex}.rolePresets button{border:1px solid var(--line);padding:7px 10px}.assembledPrompt{border-left:4px solid var(--accent);background:var(--panel-soft);border-radius:0 8px 8px 0;min-height:96px;padding:18px;font-size:1.18rem;line-height:1.55}.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:#ffffffe8;border-radius:8px}.panelHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;padding:18px 18px 12px;display:flex}.panelTitle{margin:0;font-size:1rem;line-height:1.3}.panelHint{color:var(--muted);margin:5px 0 0;font-size:.88rem;line-height:1.45}.panelBody{padding:18px}.promptBox{resize:vertical;border:1px solid var(--line);width:100%;min-height:250px;color:var(--ink);background:#fffefb;border-radius:8px;outline:none;padding:14px;line-height:1.5}.promptBox:focus{border-color:#0f766ea6;box-shadow:0 0 0 4px #0f766e1f}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.controls{justify-content:space-between;margin-top:14px}.select{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--ink);border-radius:8px;padding:7px 10px}.iconButton,.primaryButton,.ghostButton{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-weight:800;display:inline-flex}.iconButton{width:38px;padding:0}.primaryButton{border-color:var(--accent);background:var(--accent);color:#fff}.primaryButton:hover{background:var(--accent-strong)}.ghostButton:hover,.iconButton:hover{background:var(--panel-soft)}.examples{gap:8px;margin-top:16px;display:grid}.exampleButton{border:1px solid var(--line);background:var(--panel);text-align:left;width:100%;color:var(--ink);border-radius:8px;padding:11px 12px;font-weight:750}.exampleButton:hover{background:#f9fbf9;border-color:#0f766e73}.metricGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.metric{border:1px solid var(--line);background:#fffefb;border-radius:8px;min-height:92px;padding:12px}.metricLabel{color:var(--muted);text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}.metricValue{margin:0;font-size:1.75rem;font-weight:850;line-height:1}.metricNote{color:var(--muted);margin:8px 0 0;font-size:.8rem}.sourceBox,.healthBox,.diagnostics,.sampleBox{border:1px solid var(--line);color:var(--muted);background:#fffefb;border-radius:8px;padding:12px;line-height:1.45}.sourceBox{color:#3f3a2f;align-items:flex-start;gap:9px;margin-bottom:14px;font-weight:750;display:flex}.sourceBox.measured{color:#173f3c;background:#0f766e12;border-color:#0f766e47}.healthBox{margin-top:12px}.healthBox.ok{background:#0f766e12;border-color:#0f766e47}.healthBox.error{background:#be123c0f;border-color:#be123c47}.healthTitle{color:var(--ink);align-items:center;gap:8px;font-weight:850;display:flex}.healthMeta{margin-top:7px;font-size:.85rem}.diagnostics{gap:6px;margin-top:12px;font-size:.84rem;display:grid}.sampleBox{margin-top:16px}.sampleBox p:last-child{color:var(--ink);overflow-wrap:anywhere;margin:0;font-weight:750}.tokens{border:1px solid var(--line);background:#fffefb;border-radius:8px;flex-wrap:wrap;gap:8px;min-height:92px;padding:12px;display:flex}.token{color:#0f3f3c;word-break:break-word;background:#0f766e12;border:1px solid #0f766e38;border-radius:8px;align-items:center;gap:7px;max-width:100%;min-height:34px;padding:7px 9px;font-weight:800;display:inline-flex}.tokenImpact{color:var(--muted);font-size:.76rem;font-weight:850}.bars{gap:10px;margin-top:14px;display:grid}.barRow{grid-template-columns:minmax(110px,170px) 1fr 54px;align-items:center;gap:10px;display:grid}.barLabel{overflow-wrap:anywhere;font-weight:800}.track{background:var(--panel-soft);border-radius:999px;height:12px;overflow:hidden}.fill{border-radius:inherit;background:var(--accent);height:100%}.percentage{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-weight:800}.explain{border-left:4px solid var(--accent);color:#173f3c;background:#0f766e12;border-radius:8px;min-height:92px;margin-top:16px;padding:14px;line-height:1.5}.timeline{gap:10px;display:grid}.step{grid-template-columns:36px 1fr;gap:10px;display:grid}.stepIndex{background:var(--panel-soft);width:34px;height:34px;color:var(--muted);border-radius:8px;place-items:center;font-weight:850;display:grid}.stepBox{border:1px solid var(--line);background:#fffefb;border-radius:8px;padding:10px 12px}.stepWord{word-break:break-word;margin:0;font-weight:850}.stepText{color:var(--muted);margin:5px 0 0;font-size:.88rem;line-height:1.4}.empty{border:1px dashed var(--line);min-height:150px;color:var(--muted);text-align:center;border-radius:8px;place-items:center;line-height:1.5;display:grid}.errorBox{color:#8f1230;background:#be123c0f;border:1px solid #be123c47;border-radius:8px;margin-top:12px;padding:12px;line-height:1.45}@media (max-width:1160px){.workspace{grid-template-columns:1fr}.promptBox{min-height:180px}}@media (max-width:700px){.simplePage{padding:18px 16px 40px}.simpleStage{margin-top:48px}.simpleIntro h1{font-size:2.5rem}.simpleCandidate{grid-template-columns:24px minmax(80px,1fr) 58px;gap:10px}.candidateTrack{grid-area:2/2/auto/4;margin-top:-14px}.advancedLink{font-size:0}.advancedLink svg{width:19px;height:19px}.page{padding:16px}.topbar{flex-direction:column;align-items:flex-start}.topStatus{justify-content:flex-start}.metricGrid,.barRow{grid-template-columns:1fr}.percentage{text-align:left}}