.checker-hud{--checker-line:#ded0ed26;--checker-muted:#ada8bd;border:1px solid var(--checker-line);color:#ebe7f1;background:linear-gradient(135deg,#161322,#0c0f19 60%);border-radius:8px;grid-template-areas:"preview""intro""controls";gap:1.25rem;min-width:0;margin-bottom:2rem;padding:1rem;display:grid}.checker-hud [hidden]{display:none!important}.checker-hud :is(button,a,summary,legend,h2):focus-visible{outline-offset:4px;outline:2px solid #f2b9e6}.checker-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.checker-icon{flex:none;width:1.25rem;height:1.25rem;display:block}.checker-intro,.checker-result-header{grid-area:intro;min-width:0}.checker-intro-line{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.checker-intro h2{font-size:1rem;font-weight:800}.checker-private{color:var(--checker-muted);font-size:.72rem}.checker-step-count{color:#e5bbd5;margin-top:.85rem;font-size:.78rem}.checker-rail{grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;margin-top:.65rem;list-style:none;display:grid}.checker-rail li{color:#a29cad;border-bottom:2px solid #393444;align-items:center;gap:.4rem;min-width:0;padding:.45rem 0;display:flex;position:relative}.checker-stage-symbol{border:1px solid #5b5168;border-radius:4px;place-items:center;width:1.25rem;height:1.25rem;font-size:.66rem;font-weight:700;display:grid}.checker-stage-symbol .checker-icon{width:.85rem;height:.85rem;display:none}.checker-stage-label{font-size:.72rem;display:none}.checker-rail [data-state=current]{color:#ffe6f5;border-color:#ed98ca;font-weight:800}.checker-rail [data-state=current] .checker-stage-symbol{background:#54344e;border-color:#efacd7}.checker-rail [data-state=complete]{color:#d2c8dc;border-color:#9a668c}.checker-rail [data-state=complete] .checker-stage-symbol{background:#36273c;border-color:#94708e}.checker-rail [data-state=complete] .checker-stage-symbol>span{display:none}.checker-rail [data-state=complete] .checker-icon{display:block}.checker-form{flex-direction:column;grid-area:controls;min-width:0;display:flex}.checker-form fieldset{border:0;min-width:0;margin:0;padding:0;animation:.15s ease-out checker-step-in}.checker-form legend{width:100%;font-size:1.25rem;font-weight:800;line-height:1.3}.checker-helper{color:#c3bdce;margin-top:.55rem;font-size:.8rem;line-height:1.65}.checker-caveat{color:var(--checker-muted);margin-top:.4rem;font-size:.72rem;line-height:1.6}.checker-options{gap:.5rem;margin:1rem 0;display:grid}.checker-choice{cursor:pointer;background:#181723;border:1px solid #3d374a;border-radius:6px;align-items:center;gap:.7rem;min-width:0;min-height:3.5rem;padding:.7rem .8rem;display:flex;position:relative}.checker-choice>.checker-icon{color:#c5bacf}.checker-choice input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.checker-choice-copy{flex:1;min-width:0;display:block}.checker-choice-copy strong{font-size:.83rem;font-weight:700;line-height:1.4;display:block}.checker-choice-copy small{color:var(--checker-muted);margin-top:.15rem;font-size:.7rem;line-height:1.4;display:block}.checker-choice-mark{border:1px solid #75677e;border-radius:4px;flex:none;place-items:center;width:1rem;height:1rem;display:grid}.checker-choice-mark .checker-icon{visibility:hidden;width:.85rem;height:.85rem}.checker-choice:has(input:checked){background:linear-gradient(#302034,#25202d) padding-box padding-box,linear-gradient(110deg,#d994c6,#b78a76) border-box;border-color:#0000}.checker-choice:has(input:checked) .checker-choice-mark{color:#fff1fa;background:#744564;border-color:#e9b0d5}.checker-choice:has(input:checked) .checker-choice-mark .checker-icon{visibility:visible}.checker-choice:has(input:focus-visible){outline-offset:3px;outline:2px solid #f2b9e6}.checker-actions{border-top:1px solid var(--checker-line);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.65rem;margin-top:auto;padding-top:1rem;display:grid}.checker-back:disabled{display:none}.checker-actions:has(.checker-back:disabled) .checker-next{grid-column:1/-1}.checker-next{justify-self:stretch;min-width:0}.checker-reset{color:#bdb1c7;text-underline-offset:.2em;cursor:pointer;justify-self:start;min-height:2.75rem;padding:.4rem 0;font-size:.75rem;text-decoration:underline}.checker-actions .checker-reset{grid-column:1/-1}.checker-reset:hover{color:#fff0fa}.checker-error{color:#ffceab;margin:.5rem 0;font-size:.8rem}.checker-noscript{grid-column:1/-1}.setup-preview{background:linear-gradient(155deg,#21192c,#111423 54%,#231b26);border:1px solid #494057;border-radius:6px;grid-area:preview;grid-template-rows:1fr auto auto;min-width:0;height:180px;padding:.8rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #edc1db17}.preview-header{z-index:1;width:43%;min-width:0}.preview-header .setup-kicker{font-size:.6rem}.preview-title{color:#f1e4f4;margin-top:.3rem;font-size:.75rem;font-weight:700;line-height:1.4}.preview-format{color:#d7c5dc;gap:.3rem;margin-top:.4rem;font-size:.63rem;font-weight:700;display:flex}.preview-scene{width:61%;height:122px;position:absolute;top:.45rem;right:-.25rem}.preview-screen{transform-origin:220px 202px}.setup-preview[data-display=monitor] .preview-screen{transform:scale(.78)}.preview-monitor-stand{display:none}.setup-preview[data-display=monitor] .preview-monitor-stand{display:block}.setup-preview[data-display=monitor] .preview-tv-stand{display:none}.setup-preview[data-display=neutral] .preview-screen{opacity:.65}.preview-component-light{color:#927084}.setup-preview [data-tone=ready]{color:#9ad8c2}.setup-preview [data-tone=check]{color:#edbe84}.setup-preview [data-tone=optional],.setup-preview [data-tone=keep]{color:#b0a6c8}.setup-preview [data-tone] .preview-component-light{color:inherit}.setup-preview [data-tone=ready] .preview-outline,.setup-preview [data-tone=check] .preview-outline{stroke:currentColor}.preview-capabilities{flex-wrap:wrap;gap:.25rem;display:flex;position:relative}.preview-capabilities>span{color:#afa4bc;text-transform:uppercase;border:1px solid #514254;border-radius:3px;align-items:center;gap:.25rem;min-height:1.25rem;padding:.15rem .35rem;font-size:.6rem;font-weight:700;display:inline-flex}.preview-chip-mark{border:1px solid;border-radius:1px;width:.3rem;height:.3rem}.preview-capabilities [data-active=true]{color:#f4d0e7;background:#4a2b42;border-color:#af709c}.preview-capabilities [data-active=true] .preview-chip-mark{background:currentColor}.preview-footer{text-transform:uppercase;color:#bdb3c9;border-top:1px solid #494052;flex-wrap:wrap;justify-content:space-between;gap:.3rem;margin-top:.5rem;padding-top:.5rem;font-size:.6rem;font-weight:600;display:flex;position:relative}.preview-footer strong{color:#e6c9da}.checker-results{display:contents}.checker-result-header h2{margin-top:.4rem;font-size:1.5rem;font-weight:900;line-height:1.2}.checker-result-header [data-tone=ready]{color:#b6e4d3}.checker-result-header [data-tone=check]{color:#f6c799}.checker-scoreboard{grid-area:controls;min-width:0}.checker-score-row{border-bottom:1px solid var(--checker-line);padding:.75rem 0}.checker-score-row dt{color:#b8aec8;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.65rem;font-weight:700;display:flex}.checker-score-row dt .checker-icon{width:1rem;height:1rem}.checker-score-row dd{flex-wrap:wrap;justify-content:space-between;gap:.35rem .6rem;margin-top:.35rem;font-size:.8rem;line-height:1.5;display:flex}.checker-score-row dd>span{flex:10rem}.checker-score-row strong{color:#c4b4d5;align-self:center;font-size:.63rem;font-weight:700}.checker-score-row[data-tone=ready] strong{color:#acdec9}.checker-score-row[data-tone=check] strong{color:#f2c18c}.checker-keep{background:linear-gradient(90deg,#18312a80,#18251f30);border-left:2px solid #93cbb6;grid-area:keep;align-items:start;gap:.85rem;padding:1rem;display:flex}.checker-keep>.checker-icon{color:#b0e7ce;margin-top:.15rem}.checker-keep h3{font-size:1rem;font-weight:800;line-height:1.5}.checker-keep p{color:#d2e2db;margin-top:.4rem;font-size:.85rem;line-height:1.6}.checker-next-steps{border-top:1px solid var(--checker-line);grid-area:next;padding-top:1.25rem}.checker-next-steps h3{font-size:1rem;font-weight:800}.checker-result-links{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:.8rem;display:flex}.checker-main-action,.checker-main-action a{width:100%}.checker-context-action{font-size:.8rem}.checker-edit-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.25rem;display:flex}.checker-edit-actions .setup-button{background:0 0;font-size:.75rem}.checker-findings{grid-area:findings;min-width:0}.checker-finding-group{border-top:1px solid var(--checker-line);padding:.85rem 0}.checker-finding-group summary{cursor:pointer;color:#d9b8d1;font-size:.85rem;font-weight:700}.checker-finding-group ul{margin-top:.8rem;padding-left:1.15rem;list-style:outside}.checker-hud[data-mode=results]{grid-template-areas:"intro""preview""keep""controls""next""findings"}@keyframes checker-step-in{0%{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.checker-choice:hover{background-color:#201c2c;border-color:#aa829e}}@media (width>=640px){.checker-hud{gap:1.5rem;padding:1.5rem}.checker-options{grid-template-columns:repeat(2,minmax(0,1fr))}.checker-stage-label{display:inline}.checker-main-action{width:auto}.checker-actions{grid-template-columns:auto 1fr auto}.checker-next{justify-self:end;min-width:9rem}.checker-actions .checker-reset{grid-column:auto}.checker-actions:has(.checker-back:disabled) .checker-next{grid-column:2}}@media (width>=900px){.checker-hud{grid-template-columns:minmax(0,1.05fr) minmax(22rem,.8fr);grid-template-areas:"intro intro""controls preview";column-gap:2rem}.checker-hud[data-mode=results]{grid-template-areas:"intro intro""keep keep""controls preview""next next""findings findings"}.checker-form{min-height:360px}.checker-form legend{font-size:1.4rem}.setup-preview{flex-direction:column;align-self:start;height:370px;padding:1.1rem;display:flex}.preview-header{width:100%}.preview-header .setup-kicker{font-size:.68rem}.preview-title{font-size:1rem}.preview-format{font-size:.7rem}.preview-scene{flex:1;width:100%;height:220px;min-height:0;position:static}.preview-capabilities>span{padding:.25rem .4rem;font-size:.6rem}.preview-footer{margin-top:.85rem;padding-top:.65rem;font-size:.6rem}.checker-hud[data-mode=results] .setup-preview{height:405px}}@media (prefers-reduced-motion:reduce){.checker-form fieldset{animation:none}}
