.coverai-prototype{margin:32px 0 0}.prototype-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.prototype-label{font:.625rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px;display:block}.prototype-heading h3{letter-spacing:-.02em;font-size:1rem}.prototype-runtime{font:.6875rem var(--mono);color:var(--muted);white-space:nowrap}.coverai-prototype figcaption{color:var(--muted);max-width:76ch;margin-top:12px;font-size:.75rem;line-height:1.7}.coverai-prototype [hidden]{display:none!important}.walkthrough-viewport{aspect-ratio:900/560;pointer-events:none;user-select:none;background:#fafafb;border:1px solid #e0e2ea;border-radius:8px;width:100%;position:relative;overflow:hidden}.demo-app{--demo-purple:#5536df;--demo-text:#182b53;--demo-muted:#586a86;width:900px;height:560px;color:var(--demo-text);transform-origin:0 0;background:#fafafb;font-family:DM Sans,sans-serif;position:absolute;top:0;left:0}.demo-app p,.story-body .demo-app p{font-size:13px;line-height:1.6}.demo-app h4{letter-spacing:-.025em;font-size:17px;line-height:1.4}.demo-app h5{margin:14px 0 8px;font-size:16px;font-weight:550;line-height:1.5}.demo-nav{background:#fff;border-bottom:1px solid #e3e5ed;align-items:center;gap:36px;height:64px;padding:12px 24px;display:flex}.demo-brand{letter-spacing:-.03em;align-items:center;gap:7px;font-size:17px;font-weight:650;display:flex}.demo-brand>span{color:var(--demo-purple);font-size:28px;line-height:1}.demo-nav-items{color:var(--demo-muted);align-items:center;gap:8px;font-size:13px;display:flex}.demo-nav-items>span{border-radius:24px;padding:10px 14px}.demo-nav-items>.demo-active{color:var(--demo-purple);background:#f0ebff}.demo-user{background:#eee8ff;border-radius:50%;place-items:center;width:30px;height:30px;margin-left:auto;font-size:10px;display:grid}.demo-letter-layout{grid-template-columns:360px 1fr;gap:14px;height:456px;padding:18px;display:grid}.demo-form,.demo-letter-output{background:#fff;border:1px solid #e3e5ed;border-radius:8px;min-width:0;padding:20px}.demo-form h4{margin-bottom:16px}.demo-app label{color:var(--demo-muted);margin:12px 0 6px;font-size:11px;display:block}.demo-field{width:100%;color:var(--demo-text);background:#fff;border:1px solid #dce0ea;border-radius:5px;height:40px;padding:10px 12px;font-size:12px;line-height:1.6}.demo-cv{background:#f8f7fc;justify-content:space-between;display:flex}.demo-cv>span{color:#27633f}.demo-app .demo-cv-summary{color:var(--demo-muted);margin-top:6px;font-size:10px}.demo-input-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.demo-job-input{height:72px}.demo-primary,.demo-secondary{border:1px solid var(--demo-purple);background:var(--demo-purple);color:#fff;border-radius:6px;justify-content:center;align-items:center;gap:12px;min-height:40px;padding:10px 14px;font-size:12px;display:inline-flex}.demo-secondary{color:var(--demo-muted);background:#fff;border-color:#dce0ea}.demo-form>.demo-primary{width:100%;margin-top:16px}.demo-app[data-busy=true] [data-generate]{background:#8170c9}.demo-empty{text-align:center;height:100%;color:var(--demo-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.demo-empty>span{color:#b8bed1;font-size:48px}.demo-empty p{max-width:24ch}.demo-badge{color:var(--demo-purple);background:#f3f0ff;border-radius:20px;padding:6px 10px;font-size:10px;display:inline-block}.demo-letter-output h4{margin:14px 0;font-size:15px}.demo-letter{white-space:pre-wrap;height:270px;font-size:12px;line-height:1.7;overflow:hidden}.demo-letter-footer{color:var(--demo-muted);border-top:1px solid #edf0f4;justify-content:space-between;padding-top:12px;font-size:10px;display:flex}.demo-letter-footer>span{color:#27633f}.demo-bottom{height:40px;color:var(--demo-muted);background:#fff;border-top:1px solid #e3e5ed;justify-content:space-between;align-items:center;padding:0 24px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.demo-dashboard{padding:40px}.demo-app .demo-kicker{font:10px var(--mono);color:var(--demo-muted);letter-spacing:.04em}.demo-dashboard>h4{margin:10px 0 8px;font-size:24px}.demo-dashboard>p{color:var(--demo-muted)}.demo-dashboard-grid{grid-template-columns:1fr 1.2fr;gap:20px;margin-top:28px;display:grid}.demo-summary{background:#fff;border:1px solid #e3e5ed;border-radius:8px;padding:26px}.demo-summary-next{background:#f4f1ff;border-color:#e5defb}.demo-summary p{color:var(--demo-muted);margin-bottom:20px}.demo-check{color:#27633f;background:#e5f2eb;border-radius:50%;place-items:center;width:30px;height:30px;display:inline-grid}.demo-interview{grid-template-columns:230px 1fr;gap:24px;height:456px;padding:24px;display:grid}.demo-job{padding:12px 0}.demo-job h4{margin:12px 0 8px}.demo-job p{color:var(--demo-muted)}.demo-job-description{border-block:1px solid #e3e5ed;margin-top:24px;padding-block:18px}.demo-job-description>span{font-size:12px}.demo-job-description p{margin-top:10px}.demo-question-count{color:var(--demo-purple);margin-top:24px;font-size:11px}.demo-practice{background:#fff;border:1px solid #e3e5ed;border-radius:8px;min-width:0;padding:20px;position:relative}.demo-practice h4{height:48px;margin-top:10px;font-size:16px}.demo-answer{height:95px}.demo-sample-link{color:var(--demo-purple);justify-content:space-between;margin:14px 0 10px;font-size:12px;display:flex}.demo-app .demo-sample-response{background:#f4f1ff;border-radius:6px;padding:10px;font-size:11px;line-height:1.6}.demo-actions{justify-content:space-between;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.demo-cursor{z-index:2;opacity:0;filter:drop-shadow(0 2px 3px #1b263630);width:23px;height:29px;position:absolute;top:420px;left:760px}.demo-cursor>span{opacity:0;border:2px solid #7659f1;border-radius:50%;width:36px;height:36px;position:absolute;top:2px;left:2px}.walkthrough-controls{align-items:center;gap:16px;padding:10px 0 0;display:flex}.walkthrough-controls button{min-height:44px;color:var(--ink);white-space:nowrap;background:0 0;border:0;padding:8px 0;font-size:.75rem}.walkthrough-controls button:first-child{text-align:left;min-width:82px}.walkthrough-progress{background:var(--line);flex:1;height:2px}.walkthrough-progress>span{background:var(--ink);width:0;height:100%;display:block}.walkthrough-time{font:.625rem var(--mono);color:var(--muted)}@media (width<=520px){.prototype-heading h3{font-size:.875rem}.prototype-runtime{display:none}.walkthrough-controls{gap:12px}.walkthrough-time{display:none}}