:root{--background:#f7f7fb;--surface:#fff;--surface-muted:#f0f0f7;--text:#111024;--text-muted:#5c587f;--text-soft:#9b98ba;--border:#e1dff0;--primary:#6366f1;--primary-hover:#4f46e5;--primary-soft:#ededff;--primary-border:#d8d6ff;--success:#1f7a68;--success-soft:#e4f5f0;--success-border:#bfe4d9;--warning:#a45f14;--warning-soft:#fff4db;--warning-border:#f3d292;--danger:#ba3d5d;--danger-soft:#fff0f4;--focus:#2563eb;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--shadow-soft:0 24px 70px #34305c1f;--max-width:1160px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.runner-save-error{z-index:40;background:var(--danger-soft);padding:.75rem;position:fixed;top:64px;left:1rem;right:1rem}.runner-restore-backdrop{z-index:100;background:#0000004d;place-items:center;display:grid;position:fixed;inset:0}.runner-restore-dialog{background:var(--surface);border-radius:8px;flex-wrap:wrap;gap:1rem;max-width:calc(100vw - 2rem);padding:1.5rem;display:flex}.runner-restore-dialog h2{width:100%;font-size:1.25rem}.session-completion{border:1px solid var(--border);width:min(440px,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--text);background:var(--surface);text-align:center;box-shadow:var(--shadow-soft);border-radius:8px;padding:2rem;overflow:auto}.session-completion::backdrop{background:#1110248c}.session-completion[open]{animation:.22s ease-out both qa-panel-in}.session-completion[open].is-closing{animation:.22s ease-in both qa-panel-out}.session-completion[open]::backdrop{animation:.22s ease-out both qa-backdrop-in}.session-completion[open].is-closing::backdrop{animation:.22s ease-in both qa-backdrop-out}.completion-content{animation:.22s ease-out both qa-panel-in}.completion-bonuses{min-height:3rem;color:var(--success);flex-direction:column;justify-content:end;gap:.2rem;margin-bottom:.5rem;font-size:.75rem;font-weight:600;line-height:1.4;display:flex}@keyframes qa-panel-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@keyframes qa-panel-out{0%{opacity:1;translate:0}to{opacity:0;translate:0 8px}}@keyframes qa-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes qa-backdrop-out{0%{opacity:1}to{opacity:0}}.runner-save-notice,.runner-save-error,.runner-feedback-panel{animation:.22s ease-out both qa-panel-in}.runner-save-notice.is-closing,.runner-save-error.is-closing,.runner-feedback-panel.is-closing{pointer-events:none;animation:.22s ease-in both qa-panel-out}@media (prefers-reduced-motion:reduce){.runner-save-notice,.runner-save-error,.runner-feedback-panel,.completion-content,.session-completion[open],.session-completion[open]::backdrop,.runner-save-notice.is-closing,.runner-save-error.is-closing,.runner-feedback-panel.is-closing,.session-completion[open].is-closing,.session-completion[open].is-closing::backdrop{animation:none}}.session-completion h2{margin:1rem 0 .5rem;font-size:1.5rem;line-height:1.3}.session-completion p{color:var(--text-muted);overflow-wrap:anywhere;margin:0 0 1.5rem}.session-completion .runner-boot-spinner{display:inline-block}.completion-icon{color:var(--success)}.completion-icon.is-error{color:var(--danger)}.session-abandon-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.session-abandon-actions .session-abandon-confirm{background:var(--danger);border-color:var(--danger);color:#fff}.session-abandon-actions button:disabled{cursor:not-allowed;opacity:.7}.session-abandon-actions button[aria-busy=true]{cursor:wait}.completion-rewards{grid-template-columns:1fr 1fr;gap:1rem;margin:0 0 1.5rem;display:grid}.completion-rewards dt{color:var(--text-muted);font-size:.8125rem}.completion-rewards dd{color:var(--primary);overflow-wrap:anywhere;margin:.25rem 0 0;font-size:1.75rem;font-weight:750}.completion-rank{color:var(--primary);margin:0 0 1.5rem;font-size:1.5rem;display:block}.completion-confetti{pointer-events:none;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.completion-confetti i{left:var(--x);background:var(--color);width:7px;height:12px;animation:completion-confetti 2s var(--delay) ease-out both;position:absolute;top:-16px}@keyframes completion-confetti{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--drift), 480px) rotate(540deg);opacity:0}}@media (prefers-reduced-motion:reduce){.completion-confetti{display:none}}.replay-controls{background:var(--surface);min-height:64px;color:var(--text);border:1px solid var(--border);border-top:0;border-radius:0 0 8px 8px;align-items:center;gap:.75rem;padding:11px 12px;display:flex}.replay-controls input{cursor:pointer;flex:1}.replay-timeline{flex:1;align-items:center;min-width:0;height:40px;display:flex;position:relative}.replay-timeline input{appearance:none;background:linear-gradient(to right, var(--primary) var(--replay-progress,0%), var(--border) var(--replay-progress,0%));border:0;border-radius:3px;width:100%;min-width:0;height:6px;min-height:0;margin:0;padding:0}.replay-timeline input::-webkit-slider-thumb{appearance:none;border:3px solid var(--surface);background:var(--primary);width:16px;height:16px;box-shadow:0 0 0 1px var(--primary-border);border-radius:50%}.replay-timeline input::-moz-range-thumb{border:3px solid var(--surface);background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 1px var(--primary-border);border-radius:50%}.replay-controls :is(button,input):focus-visible{outline:2px solid var(--focus);outline-offset:3px}.replay-markers{pointer-events:none;position:absolute;inset:0 8px}.replay-controls .replay-marker{background:var(--primary);pointer-events:auto;cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px;min-height:0;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%)}.replay-marker.is-selected{outline:2px solid var(--primary);outline-offset:2px}.replay-loading{justify-content:center;align-items:center;gap:1rem;min-height:180px;display:flex}.replay-loading--snapshot{z-index:2;background:var(--surface);position:absolute;inset:0}.replay-controls button{padding:.5rem;display:flex}.replay-controls>button{width:40px;height:40px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 40px;justify-content:center;align-items:center;transition:background-color .15s,color .15s}.replay-controls>button:hover{background:var(--surface-muted);color:var(--text)}.replay-controls>button[aria-expanded=true]{background:var(--primary-soft);color:var(--primary)}.replay-controls>.replay-play-button{background:var(--primary);color:#fff}.replay-controls>.replay-play-button:hover{background:var(--primary-hover);color:#fff}.replay-time{font-variant-numeric:tabular-nums;font-weight:600}.replay-time>span{color:var(--text-muted);font-weight:400}.replay-stage{pointer-events:none;border:1px solid var(--border);background:#fff;border-radius:8px 8px 0 0;overflow:hidden}.replay-snapshot{position:relative;overflow:hidden}.replay-snapshot img{width:100%;height:100%;display:block}.replay-snapshot svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.replay-snapshot path{stroke:#f01828;stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.replay-crop{border:2px solid var(--primary);position:absolute;box-shadow:0 0 0 9999px #0000004d}.replay-notes{gap:.75rem;margin-top:1rem;display:grid}.replay-notes button{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:6px;gap:.35rem;padding:.75rem;display:grid}.replay-notes button.is-selected{border-color:var(--primary)}.replay-notes p{white-space:pre-wrap;margin:0}.replay-layout{grid-template-columns:minmax(0,7fr) minmax(0,3fr);align-items:start;gap:1.25rem;display:grid}.replay-player,.replay-sidebar{min-width:0}.user-menu{position:relative}.user-avatar{background:var(--primary-soft);width:40px;height:40px;color:var(--primary-hover);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-weight:700;list-style:none;display:flex}.user-avatar::-webkit-details-marker{display:none}.user-menu-panel{background:var(--surface);border:1px solid var(--border);width:240px;box-shadow:var(--shadow-soft);border-radius:8px;padding:.75rem;position:absolute;top:calc(100% + 10px);right:0}.user-menu-progress{color:var(--text);cursor:pointer;gap:.4rem;padding:.5rem;display:grid}.user-menu-progress span{color:var(--text-muted);font-size:.8125rem}.user-menu-panel form{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.5rem}.user-menu-panel button{cursor:pointer;color:var(--text-muted);background:0 0;border:0;padding:.5rem}.user-menu-panel button:hover{background:var(--surface-muted);border-radius:4px}.user-profile{padding-block:2rem}.user-profile-heading{align-items:center;gap:1rem;display:flex}.user-profile-heading h1{margin:0;font-size:1.5rem}.user-profile-heading p{color:var(--text-muted);overflow-wrap:anywhere;margin:.25rem 0 0}.user-profile-heading>div{min-width:0}.user-avatar--large{cursor:default;flex:0 0 80px;width:80px;height:80px;font-size:1.5rem}.user-profile-rank{grid-template-columns:1fr auto;gap:.75rem;max-width:480px;margin-block:2rem;display:grid}.user-profile-rank progress,.user-profile-rank p{grid-column:1/-1;margin:0}.user-profile-rank p{color:var(--text-muted);font-size:.875rem}.user-menu progress,.user-profile progress{appearance:none;background:var(--primary-soft);width:100%;height:8px;color:var(--primary);border:0;border-radius:4px;overflow:hidden}.user-menu progress::-webkit-progress-bar{background:var(--primary-soft);border:0}.user-profile progress::-webkit-progress-bar{background:var(--primary-soft);border:0}.user-menu progress::-webkit-progress-value{background:var(--primary);border-radius:4px}.user-profile progress::-webkit-progress-value{background:var(--primary);border-radius:4px}.user-menu progress::-moz-progress-bar{background:var(--primary);border-radius:4px}.user-profile progress::-moz-progress-bar{background:var(--primary);border-radius:4px}.user-profile-details{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding-top:1.5rem;display:grid}.user-profile-details>div:first-child{grid-column:1/-1}.user-profile-details dt{color:var(--text-muted);font-size:.875rem}.user-profile-details dd{overflow-wrap:anywhere;margin:.25rem 0 0;font-weight:600}@media (min-width:801px){.session-replay:not(.is-fullscreen) .replay-player{align-self:start;position:sticky;top:calc(73px + 1rem)}}.feedback-list-meta{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.feedback-read-status{align-items:center;gap:.4rem;font-size:.8125rem;display:inline-flex}.feedback-read-status:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.feedback-read-status.is-unread{color:var(--primary);font-weight:700}.nav-feedback-link{display:inline-block;position:relative}.nav-unread-count{color:#fff;font-variant-numeric:tabular-nums;background:#d52b42;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.625rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:0;right:-6px;transform:translate(50%,-40%)}.feedback-read-error{color:var(--danger);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.replay-session-summary{border-top:1px solid var(--border);align-items:center;gap:1.5rem;margin-top:1.5rem;padding-top:1rem;font-size:.875rem;display:flex}.replay-session-summary dl{flex:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;min-width:0;margin:0;display:grid}.replay-session-summary dt{color:var(--muted)}.replay-session-summary dd{overflow-wrap:anywhere;margin:.25rem 0 0;font-weight:600}.replay-session-summary>a{cursor:pointer;flex-shrink:0}@media (max-width:600px){.replay-session-summary{flex-direction:column;align-items:stretch}.replay-session-summary dl{grid-template-columns:repeat(2,minmax(0,1fr))}.replay-session-summary>a{align-self:flex-start}}.session-replay:fullscreen,.session-replay.is-expanded{background:#111114;width:100%;height:100dvh;padding:0;overflow:hidden}.session-replay.is-expanded{z-index:1000;position:fixed;inset:0}.session-replay::backdrop{background:#111114}.session-replay.is-fullscreen{--replay-bar-height:calc(64px + env(safe-area-inset-bottom,0px));--replay-sidebar-width:min(360px, 42vw)}.session-replay.is-fullscreen .replay-layout{display:block}.session-replay.is-fullscreen .replay-stage{inset:0 0 var(--replay-bar-height);background:#111114;border:0;border-radius:0;justify-content:center;align-items:center;transition:right .18s;display:flex;position:absolute}.session-replay.is-fullscreen.has-open-sidebar .replay-stage{right:var(--replay-sidebar-width)}.session-replay.is-fullscreen .replay-controls{height:var(--replay-bar-height);padding:11px max(16px, env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));z-index:5;border:0;border-top:1px solid var(--border);border-radius:0;margin:0;position:absolute;inset:auto 0 0}.session-replay.is-fullscreen .replay-sidebar{inset:0 0 var(--replay-bar-height) auto;width:var(--replay-sidebar-width);z-index:4;background:var(--surface);border-left:1px solid var(--border);visibility:hidden;align-content:start;padding:1rem;transition:transform .18s,visibility .18s;position:absolute;overflow-y:auto;transform:translate(100%)}.session-replay.is-fullscreen .replay-sidebar.is-open{visibility:visible;transform:translate(0)}.replay-sidebar-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.replay-sidebar-header button{cursor:pointer;background:0 0;border:0;padding:.25rem}@media (prefers-reduced-motion:reduce){.session-replay.is-fullscreen .replay-sidebar,.session-replay.is-fullscreen .replay-stage{transition:none}}.replay-controls .replay-fullscreen-button{cursor:pointer;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px}.replay-sidebar{margin-top:0}.session-replay [data-outcome]{--feedback-color:var(--primary);--feedback-background:var(--surface)}.session-replay [data-outcome=pass]{--feedback-color:var(--success);--feedback-background:var(--success-soft)}.session-replay [data-outcome=failed]{--feedback-color:var(--danger);--feedback-background:var(--danger-soft)}.session-replay [data-outcome=blocked]{--feedback-color:var(--warning);--feedback-background:var(--warning-soft)}.replay-sidebar .replay-note{overflow-wrap:anywhere;cursor:pointer;border-color:var(--feedback-color);background:var(--feedback-background);width:100%;min-width:0;transition:box-shadow .15s,background-color .15s}.replay-note strong{color:var(--feedback-color)}.replay-note .replay-note-task{color:var(--text-muted);font-size:.8125rem}.replay-note p{color:var(--text);padding:.75rem 0;font-size:1rem}.replay-note .replay-note-meta{color:var(--feedback-color);justify-self:end;font-size:.75rem;font-weight:400}.replay-sidebar.has-selection .replay-note:not(.is-selected){opacity:.5}.session-replay.is-fullscreen .replay-stage iframe{border:0!important}.replay-controls .replay-speed{border:1px solid var(--border);background:var(--surface-muted);width:64px;min-width:64px;height:40px;min-height:0;color:var(--text);cursor:pointer;border-radius:6px;padding:0 .35rem;font-size:.8125rem}@media (max-width:600px){.session-replay .replay-controls{grid-template-columns:40px 1fr 64px auto auto;gap:6px;display:grid}.session-replay .replay-timeline{grid-area:1/1/auto/-1;width:100%;height:20px}.session-replay.is-fullscreen{--replay-bar-height:calc(96px + env(safe-area-inset-bottom,0px))}}.replay-sidebar .replay-note.is-selected,.replay-sidebar .replay-note.is-highlighted{border-color:var(--feedback-color);box-shadow:inset 3px 0 var(--feedback-color), 0 0 0 2px var(--feedback-color)}.replay-controls .replay-marker{background:var(--feedback-color)}.replay-marker.is-selected,.replay-marker.is-highlighted{outline:2px solid var(--feedback-color);outline-offset:2px}.replay-controls>span{white-space:nowrap;font-size:.875rem}@media (max-width:800px){.replay-layout{grid-template-columns:minmax(0,1fr)}.replay-controls{gap:.5rem}}@media (prefers-reduced-motion:reduce){.replay-sidebar .replay-note{transition:none}}*{box-sizing:border-box}html{background:var(--background);color:var(--text);min-width:320px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{color:var(--primary-hover)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button,input{font:inherit}:where(a[href],button,select,summary,[role=button],input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio],input[type=file],label:has(input[type=checkbox]),label:has(input[type=radio])):not(:disabled):not([aria-disabled=true]){cursor:pointer}:where(button,select,input,[role=button],a)[aria-disabled=true],:where(button,select,input):disabled{cursor:not-allowed}input[type=file]::file-selector-button{cursor:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0;line-height:1.05}h1{max-width:920px;margin-bottom:1.35rem;font-size:clamp(2.25rem,4.8vw,4.25rem);font-weight:900}h1 span{color:var(--primary);display:block}h2{margin-bottom:1rem;font-size:clamp(1.85rem,3vw,3rem)}h3{margin-bottom:.55rem;font-size:1.15rem}p{color:var(--text-muted);margin-bottom:0}.skip-link{background:var(--text);border-radius:var(--radius-sm);color:var(--surface);z-index:20;padding:.55rem .8rem;position:fixed;top:1rem;left:1rem;transform:translateY(-140%)}.skip-link:focus{transform:translateY(0)}.site-shell{flex-direction:column;min-height:100dvh;display:flex}.site-shell>main{flex:1}.site-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#fffc;position:sticky;top:0}.site-header__inner,.site-footer__inner,.section__inner{width:min(calc(100% - 2rem), var(--max-width));margin:0 auto}.site-header__inner{grid-template-columns:1fr auto auto;align-items:center;gap:1rem;min-height:72px;display:grid}.brand{color:var(--text);align-items:center;gap:.65rem;font-weight:900;display:inline-flex}.brand__mark{color:#fff;justify-content:center;align-items:center;width:36px;height:36px;font-size:.78rem;display:inline-flex}.site-nav{align-items:center;gap:1.25rem;display:flex}.site-nav a,.site-footer a{color:var(--text-muted);font-size:.95rem;font-weight:640}.auth-status{align-items:center;gap:.8rem;display:flex}.credit-pill{background:var(--warning-soft);border:1px solid var(--warning-border);color:var(--warning);white-space:nowrap;border-radius:999px;padding:.42rem .62rem;font-size:.82rem;font-weight:820}.auth-status a{color:var(--text);font-size:.92rem;font-weight:760}.auth-status button{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0;font-size:.92rem;font-weight:720}.button-link,.auth-form button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:.78rem 1.25rem;font-weight:720;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button-link:hover,.auth-form button:hover{transform:translateY(-1px)}.button-link--primary,.auth-form button{background:var(--primary);color:#fff}.button-link--primary:hover,.auth-form button:hover{background:var(--primary-hover);color:#fff}.button-link--secondary{border-color:var(--primary-border);color:var(--text);background:#ffffffb8}.button-link--danger{background:var(--danger-soft);color:var(--danger);border-color:#ba3d5d3d}.button-link--ghost{color:var(--text-muted)}.section{padding:clamp(4rem,8vw,7rem) 0}.section--compact{padding:clamp(2rem,5vw,4rem) 0}.section--surface{background:var(--surface-muted);border-bottom:1px solid var(--border);border-top:1px solid var(--border)}.hero{padding-top:clamp(3.5rem,8vw,7rem);padding-bottom:clamp(3.5rem,7vw,5.25rem);overflow:hidden}.hero__grid{grid-template-columns:1fr;align-items:start;gap:clamp(2.25rem,6vw,4.25rem);display:grid}.hero__copy{max-width:920px}.hero__lead{color:var(--text-muted);max-width:650px;font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.42}.hero__actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.hero__notes{flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1.4rem;display:flex}.hero__notes span{color:var(--text-soft);font-size:.82rem;font-weight:720}.hero__notes span+span:before{color:var(--primary);content:"/";margin-right:.65rem}.eyebrow{color:var(--primary-hover);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.8rem;font-size:.78rem;font-weight:800}.hero__eyebrow{background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:999px;padding:.38rem .68rem;display:inline-flex}.qa-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);justify-self:center;width:100%;max-width:980px;padding:clamp(1rem,3vw,1.35rem)}.hero__visual{position:relative}.hero__visual:before{background:var(--primary);border-radius:inherit;content:"";opacity:.08;z-index:-1;position:absolute;inset:12px}.qa-preview__header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.qa-preview__header h2{margin-bottom:0;font-size:1.45rem}.qa-preview__label{color:var(--text-muted);margin-bottom:.2rem;font-size:.82rem;font-weight:720}.status-pill,.artifact-row span{background:var(--primary-soft);color:var(--primary-hover);white-space:nowrap;border-radius:999px;padding:.5rem .7rem;font-size:.78rem;font-weight:760;line-height:1;display:inline-flex}.qa-preview__grid{grid-template-columns:minmax(230px,.58fr) minmax(0,1.42fr);gap:1rem;display:grid}.qa-product{background:linear-gradient(180deg, var(--primary-soft), #ffffffeb);border:1px solid var(--primary-border);border-radius:var(--radius-md);align-content:start;gap:1rem;min-height:100%;padding:1rem;display:grid}.qa-product__icon{background:var(--primary);color:#fff;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;font-size:.9rem;font-weight:900;display:inline-flex}.qa-product h3{margin-bottom:.35rem;font-size:1.18rem}.qa-product p{font-size:.92rem;line-height:1.4}.qa-product__meta{flex-wrap:wrap;align-self:end;gap:.45rem;display:flex}.qa-product__meta span{border:1px solid var(--primary-border);color:var(--primary-hover);background:#ffffffbd;border-radius:999px;padding:.32rem .52rem;font-size:.76rem;font-weight:760}.qa-feedback{gap:.72rem;display:grid}.qa-feedback__item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);grid-template-columns:1fr auto;align-items:start;gap:1rem;padding:.92rem;display:grid}.qa-feedback__item strong{color:var(--text);margin-bottom:.3rem;font-size:.95rem;line-height:1.25;display:block}.qa-feedback__item p{font-size:.88rem;line-height:1.42}.qa-feedback__item span{background:var(--success-soft);border:1px solid var(--success-border);color:var(--success);white-space:nowrap;border-radius:999px;padding:.42rem .52rem;font-size:.72rem;font-weight:820;line-height:1}.qa-feedback__item--issue{background:var(--warning-soft);border-color:var(--warning-border)}.qa-feedback__item--issue span{background:var(--surface);border-color:var(--warning-border);color:var(--warning)}.qa-preview__footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.qa-preview__footer span{color:var(--text-muted);font-size:.86rem;font-weight:700}.qa-preview__footer a{color:var(--primary-hover);font-size:.86rem;font-weight:800}.section-heading{max-width:46rem;margin-bottom:2rem}.three-up{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.card,.benefit-panel,.auth-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem}.card p,.benefit-panel li{color:var(--text-muted)}.step-number{color:var(--primary);margin-bottom:1.25rem;font-size:.78rem;font-weight:830;display:inline-block}.split{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.benefit-panel h2{font-size:1.65rem}.benefit-panel ul{gap:.7rem;margin:1.5rem 0 0;padding:0;list-style:none;display:grid}.benefit-panel li{border-top:1px solid var(--border);padding-top:.7rem}.credits-grid,.support-pricing,.pricing-page{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:clamp(1.5rem,5vw,4rem);display:grid}.credits-grid p{font-size:1.05rem}.artifact-row{flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;display:flex}.pricing-card{align-self:stretch;gap:1rem;display:grid}.pricing-card h3{font-size:1.6rem}.final-cta{background:var(--text);color:var(--surface);padding:clamp(3.5rem,7vw,5.25rem) 0}.final-cta .eyebrow{color:#d8d6ffeb}.final-cta p{color:#ffffffb8}.final-cta__inner{text-align:center;place-items:center;gap:1.05rem;max-width:760px;display:grid}.final-cta h2{margin-bottom:0;font-size:clamp(2rem,4vw,3.4rem)}.final-cta .button-link{margin-top:.45rem}.site-footer{border-top:1px solid var(--border);padding:1.5rem 0}.site-footer__inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.site-footer nav{gap:1rem;display:flex}.page-intro h1{max-width:13ch}.auth-page{place-items:center;min-height:70vh;display:grid}.auth-panel{width:min(100% - 2rem,440px)}.auth-panel h1{max-width:none;font-size:2.35rem}.auth-form{gap:1rem;margin:1.5rem 0;display:grid}.auth-form label,.product-form label{color:var(--text);gap:.35rem;font-weight:720;display:grid}.auth-form input,.product-form input,.product-form select,.product-form textarea{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit;background:#fff;min-height:44px;padding:.65rem .75rem}.product-form select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-muted) 50%), linear-gradient(135deg, var(--text-muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 18px) 19px,calc(100% - 12px) 19px;background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:2.3rem}.auth-form textarea,.product-form textarea{resize:vertical}.auth-form button:disabled,.product-form button:disabled{cursor:wait;opacity:.72}.form-error{background:var(--danger-soft);border-radius:var(--radius-sm);color:var(--danger);border:1px solid #ba3d5d33;padding:.75rem;font-size:.9rem}.legal-copy{max-width:66ch}.dashboard-grid,.product-create,.product-detail{grid-template-columns:minmax(0,.78fr) minmax(360px,1.22fr);align-items:start;gap:clamp(1.5rem,5vw,4rem);display:grid}.app-list-page{gap:2rem;display:grid}.app-list-page h1{max-width:none;margin-bottom:0;font-size:clamp(2rem,3vw,2.7rem)}.page-toolbar.page-toolbar--flat{border-bottom:1px solid var(--border);align-items:end;margin-bottom:0;padding-bottom:1.25rem}.dashboard-grid .button-link,.page-actions .button-link{margin-top:1.5rem}.page-actions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.dashboard-summary,.product-form,.build-panel,.empty-state,.request-row,.runner-rail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(1rem,3vw,1.35rem);box-shadow:0 14px 40px #34305c0f}.empty-state{gap:.45rem;display:grid}.apps-empty-message{text-align:center;grid-column:1/-1;margin:0;padding-block:3rem;font-size:1.5rem;font-weight:600}.form-grid.form-grid--environment{grid-template-columns:repeat(3,minmax(0,1fr))}.preset-editor{z-index:100;background:var(--surface);flex-direction:column;display:flex;position:fixed;inset:0}.preset-editor__toolbar{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem;display:flex}.preset-editor__toolbar input{max-width:340px}.preset-editor__frame{flex:1;min-height:0}.preset-editor__frame iframe{border:0;width:100%;height:100%}@media (max-width:600px){.form-grid.form-grid--environment{grid-template-columns:1fr}.preset-editor__toolbar{flex-wrap:wrap}}.empty-state h2{margin-bottom:0;font-size:1.08rem;line-height:1.25}.empty-state p{max-width:48rem}.dashboard-summary{gap:1rem;display:grid}.dashboard-summary div{border-bottom:1px solid var(--border);gap:.15rem;padding-bottom:1rem;display:grid}.dashboard-summary div:last-child{border-bottom:0;padding-bottom:0}.dashboard-summary strong{color:var(--primary);font-size:2rem;line-height:1}.dashboard-summary span{color:var(--text-muted);font-weight:720}.product-form{gap:1rem;display:grid}.source-lookup{grid-template-columns:minmax(0,1fr) auto;gap:.75rem;display:grid}.source-lookup .form-error{grid-column:1/-1}.source-lookup button,.task-editor button{background:var(--surface);border:1px solid var(--primary-border);color:var(--text);cursor:pointer;border-radius:999px;align-self:end;width:fit-content;min-height:44px;padding:.62rem .9rem;font-weight:760}.source-lookup button:disabled,.task-editor button:disabled{cursor:wait;opacity:.62}.product-source-preview{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:.85rem;margin:0;padding:.75rem;display:flex}.product-source-preview img{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius-sm);object-fit:cover;background:#fff;width:56px;height:56px}.product-source-preview figcaption{color:var(--text-muted);font-size:.88rem;font-weight:650}.product-form fieldset{border:0;gap:.7rem;margin:0;padding:0;display:grid}.product-form legend{color:var(--text);margin-bottom:.25rem;font-weight:840}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.task-editor{gap:.8rem;display:grid}.task-editor__row{grid-template-columns:minmax(0,1fr) 124px 52px;align-items:end;gap:.7rem .9rem;display:grid}.task-editor__row button{color:var(--danger)}.task-editor__row textarea{resize:vertical;min-height:70px}.task-editor__reward{min-width:0;font-size:.78rem}.task-editor__reward input{width:100%;min-height:44px;margin-top:.25rem;padding-inline:.65rem}.task-editor__row>button{aspect-ratio:1;border-radius:999px;width:52px;min-height:52px;padding:0;font-size:1.25rem}.task-editor__footer{place-items:center;gap:.55rem;padding-top:.2rem;display:grid}.task-editor__footer strong{color:var(--primary);text-align:center;font-size:.96rem;font-weight:820}.toggle-row{flex-direction:row;align-items:center;gap:.65rem;width:fit-content;display:flex}.toggle-row input{opacity:0;width:1px;height:1px;position:absolute}.toggle-row__switch{background:var(--surface-muted);border:1px solid var(--border);border-radius:999px;width:50px;height:28px;padding:3px;transition:background .16s,border-color .16s;display:inline-flex}.toggle-row__label{order:-1}.toggle-row__switch:before{background:var(--surface);content:"";border-radius:999px;width:20px;height:20px;transition:transform .16s;display:block;box-shadow:0 2px 8px #11102424}.toggle-row input:checked+.toggle-row__switch{background:var(--primary);border-color:var(--primary)}.toggle-row input:checked+.toggle-row__switch:before{transform:translate(22px)}.toggle-row input:focus-visible+.toggle-row__switch{outline:3px solid var(--focus);outline-offset:3px}.dashboard-list-section{gap:.85rem;display:grid}.list-section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.list-section-heading h2{margin:0;font-size:1.35rem}.list-section-heading a{color:var(--primary-hover);font-size:.9rem;font-weight:760}.radio-card{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:.85rem;display:grid}.radio-card--recommended{background:var(--primary-soft);border-color:var(--primary-border)}.radio-card input{min-height:auto;margin-top:.25rem}.radio-card strong{line-height:1.3;display:block}.radio-card small{color:var(--text-muted);margin-top:.18rem;font-weight:600;line-height:1.4;display:block}.product-form button{background:var(--primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-height:50px;padding:.75rem 1.2rem;font-weight:780;display:inline-flex}.product-form .source-lookup button,.product-form .task-editor button{background:var(--surface);border-color:var(--primary-border);color:var(--text);min-height:44px;padding:.62rem .9rem}.product-form .task-editor__row button{color:var(--danger)}.page-toolbar{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:2rem;display:flex}.page-toolbar h1,.page-toolbar .button-link{margin:0}.product-list{gap:.85rem;display:grid}.app-card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1rem;display:grid}.marketplace-card{position:relative}.marketplace-card__link:after{content:"";position:absolute;inset:0}.marketplace-card select{z-index:1;background:var(--surface);border:1px solid var(--border);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:6px;padding:.5rem;position:relative}.app-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);gap:.85rem;min-height:100%;padding:.9rem;transition:border-color .16s,transform .16s;display:grid}.app-card:hover{border-color:var(--primary-border);color:inherit;transform:translateY(-1px)}.app-card--clickable{color:inherit}.app-card--clickable:focus-visible{border-color:var(--primary);outline:3px solid var(--focus);outline-offset:3px}.app-card__media{aspect-ratio:1;background:var(--surface-muted);border:1px solid var(--border);border-radius:6px;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.app-card__media img{object-fit:cover;width:100%;height:100%}.app-card__media span{color:var(--text-soft);font-size:1.45rem;font-weight:900}.app-card strong{color:var(--text)}.app-card p{margin-top:.18rem;font-size:.92rem}.app-card__meta{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.app-card__action{justify-self:stretch;width:100%;min-height:36px;margin-top:auto;padding:.4rem .75rem;font-size:.85rem}button.app-card__action{background:var(--surface-muted);border:1px solid var(--border);color:var(--text-soft);cursor:not-allowed;border-radius:999px;justify-content:center;align-items:center;min-height:36px;padding:.4rem .75rem;font-weight:780;display:inline-flex}.app-card__reason{color:var(--text-soft);margin-top:-.35rem;font-size:.85rem}.request-list{gap:.65rem;display:grid}.request-row{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.75rem;display:grid}.request-row a{color:inherit}.request-row p{margin-top:.12rem}.icon-button{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-height:38px;padding:.45rem .75rem;font-size:.85rem;font-weight:780;display:inline-flex}.icon-button--danger{background:var(--danger-soft);color:var(--danger);border-color:#ba3d5d3d}.product-row,.build-row,.request-row,.session-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:1rem;display:grid}.product-row strong,.build-row strong,.request-row strong,.session-row strong{color:var(--text)}.product-row p,.build-row p,.request-row p,.session-row p{margin-top:.2rem;font-size:.92rem}.app-card__meta span,.product-row span,.build-row span,.request-row span,.session-row span{background:var(--primary-soft);color:var(--primary-hover);text-transform:lowercase;white-space:nowrap;border-radius:999px;padding:.42rem .58rem;font-size:.78rem;font-weight:760}.build-panel{gap:.8rem;display:grid}.build-panel h2{font-size:1.6rem}.panel-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.panel-heading h2{margin:0}.panel-heading .button-link{min-height:42px;padding:.58rem .9rem}.request-detail{gap:1.25rem;display:grid}.request-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.request-actions .button-link{min-height:44px;padding:.62rem .95rem}.request-grid,.test-preview{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);align-items:start;gap:1rem;display:grid}.test-preview-page{gap:1.25rem;display:grid}.test-preview{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.test-preview h1,.test-preview h2{max-width:none;margin:0 0 .45rem;font-size:1.35rem;line-height:1.18}.app-detail-card{align-content:start}.app-card__heading,.test-preview-app-heading{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:.85rem;display:grid}.app-card__heading strong{overflow-wrap:anywhere}.test-preview-app-heading h1{overflow-wrap:anywhere;margin:0}.app-detail-card dl{gap:.75rem;margin:0;display:grid}.app-detail-card dt{color:var(--text-soft);text-transform:uppercase;font-size:.8rem;font-weight:780}.app-detail-card dd{color:var(--text);margin:0;font-weight:700}.test-preview-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.request-list,.session-list{gap:.85rem;display:grid}.request-row{grid-template-columns:minmax(0,1fr) auto auto;transition:border-color .16s,transform .16s}.request-row:hover{border-color:var(--primary-border);color:inherit;transform:translateY(-1px)}.session-row{grid-template-columns:1fr auto}.task-list{color:var(--text-muted);gap:.7rem;margin:0;padding-left:1.3rem;display:grid}.task-list li{padding-right:.2rem}.task-list li span{color:var(--text-muted)}.task-list li strong{color:var(--primary-hover);white-space:nowrap;margin-left:.35rem;font-size:.8rem}.task-list li::marker{color:var(--primary);font-weight:900}.meta-panel dl{gap:.85rem;margin:0 0 1rem;display:grid}.meta-panel dl:last-child{margin-bottom:0}.meta-panel dl>div{border-bottom:1px solid var(--border);gap:.12rem;padding-bottom:.75rem;display:grid}.meta-panel dl>div:last-child{border-bottom:0;padding-bottom:0}.meta-panel dt{color:var(--text-soft);text-transform:uppercase;font-size:.8rem;font-weight:780}.meta-panel dd{color:var(--text);margin:0;font-weight:700}.claim-form{margin:0}.claim-form button{background:var(--primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:.78rem 1.25rem;font-weight:780;display:inline-flex}.claim-form button:disabled{cursor:not-allowed;opacity:.55}.runner-shell{background:var(--surface);color:var(--text);grid-template-rows:auto minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.runner-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;min-height:50px;padding:.45rem .75rem;display:flex}.runner-header strong{color:var(--text);font-size:.92rem;line-height:1.1;display:block}.runner-header>div:first-child span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:48rem;font-size:.78rem;line-height:1.2;display:block;overflow:hidden}.runner-header__status{flex-wrap:wrap;justify-content:end;align-items:center;gap:.4rem;display:flex}.runner-header__status span{background:var(--primary-soft);color:var(--primary-hover);white-space:nowrap;border-radius:999px;padding:.3rem .5rem;font-size:.76rem;font-weight:780}.runner-exit{background:var(--danger-soft);color:var(--danger);white-space:nowrap;border:1px solid #ba3d5d3d;border-radius:999px;padding:.3rem .58rem;font-size:.76rem;font-weight:820}.runner-main{grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid}.runner-frame-wrap{background:#fff;min-height:0;position:relative}.runner-playground-host{height:100%;min-height:0}.runner-playground-host.is-feedback-open,.runner-playground-host.is-feedback-open .runner-frame{pointer-events:none}.runner-boot-overlay{background:var(--surface);opacity:1;text-align:center;visibility:visible;z-index:2;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .24s,visibility 0s linear .24s;display:flex;position:absolute;inset:0}.runner-boot-overlay.is-ready{opacity:0;pointer-events:none;visibility:hidden}.runner-boot-status{align-items:center;gap:.75rem;display:flex}.runner-boot-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite runner-boot-spin}@keyframes runner-boot-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.runner-boot-overlay{transition:none}.runner-boot-spinner{animation:none}}.runner-frame{background:#fff;border:0;width:100%;height:100%;min-height:0;display:block}.runner-capture-overlay{touch-action:none;pointer-events:none;position:absolute;inset:0}.runner-capture-overlay.is-capturing{cursor:crosshair;pointer-events:auto;touch-action:none}.runner-capture-box{border:2px solid var(--primary);background:0 0;position:absolute;box-shadow:0 0 0 9999px #11102452}.runner-capture-drawing{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.runner-capture-drawing path{fill:none;stroke:#f01828;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;vector-effect:non-scaling-stroke}.runner-controls{background:var(--surface);border-top:1px solid var(--border);grid-template-columns:minmax(280px,1fr) auto auto auto;min-height:70px;padding:.55rem;display:grid;position:relative}.runner-task-picker{min-width:0;position:relative}.runner-task-current,.runner-task-item{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:52px;padding:.6rem .75rem;display:grid}.runner-task-item{cursor:default}.runner-exit:disabled,.runner-task-current:disabled,.runner-action:disabled,.runner-secondary-actions button:disabled{cursor:not-allowed;opacity:.54}.runner-task-current{width:100%;height:100%}.runner-task-current span,.runner-task-list span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.runner-task-current strong,.runner-task-list strong{color:var(--primary-hover);white-space:nowrap;font-size:.78rem}.runner-task-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);opacity:0;pointer-events:none;transform-origin:bottom;z-index:20;gap:.25rem;max-height:248px;padding:.35rem;transition:opacity .16s,transform .16s;display:grid;position:absolute;inset:auto 0 calc(100% + .45rem);overflow:auto;transform:translateY(8px)scale(.98);box-shadow:0 18px 50px #11102424}.runner-task-list.is-open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.runner-task-item.is-active{border-color:var(--primary-border)}.runner-task-item.has-outcome--pass{background:#1f7a4e1a;border-color:#1f7a4e42}.runner-task-item.has-outcome--failed{background:var(--danger-soft);border-color:#ba3d5d47}.runner-task-item.has-outcome--blocked{background:var(--warning-soft);border-color:var(--warning-border)}.runner-action-bar,.runner-secondary-actions,.runner-feedback-panel__tools{flex-wrap:wrap;display:flex}.runner-action-bar,.runner-secondary-actions{border-left:1px solid var(--border);align-content:center;gap:.45rem;margin-left:.75rem;padding-left:.75rem}.runner-action,.runner-secondary-actions button,.runner-feedback-panel button,.runner-complete{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;min-height:44px;padding:.58rem .82rem;font-weight:780}.runner-action--pass{color:#16653e;background:#1f7a4e1a;border-color:#1f7a4e3d}.runner-action--failed{background:var(--danger-soft);color:var(--danger);border-color:#ba3d5d47}.runner-action--blocked{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning)}.runner-secondary-actions button{background:var(--surface-muted);color:var(--text)}.runner-feedback-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:grab;z-index:30;gap:.55rem;width:min(620px,100vw - 1.1rem);min-width:0;max-width:min(620px,100vw - 1.1rem);padding:.65rem;display:grid;position:fixed;bottom:86px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #11102429}.runner-feedback-panel.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.runner-feedback-panel__header{cursor:grab;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.runner-feedback-panel__header strong{color:var(--text)}.runner-feedback-panel__header button{min-height:34px;padding:.38rem .65rem}.runner-feedback-panel__tools button.is-active{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary-hover)}.runner-feedback-panel__tools{gap:.5rem}.runner-feedback-panel__tools .runner-save-feedback{margin-left:auto}.runner-feedback-panel__tools .runner-save-feedback--pass{background:var(--success);border-color:var(--success);color:#fff}.runner-feedback-panel__tools .runner-save-feedback--failed{background:var(--danger);border-color:var(--danger);color:#fff}.runner-feedback-panel__tools .runner-save-feedback--blocked{background:var(--warning);border-color:var(--warning);color:#fff}.runner-save-notice{z-index:50;border:1px solid var(--success-border);background:var(--success-soft);color:var(--success);pointer-events:none;border-radius:6px;margin:0;padding:.6rem 1rem;position:fixed;top:64px;left:50%;transform:translate(-50%)}.runner-frozen-frame{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.runner-feedback-panel textarea{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);resize:vertical;width:100%;min-height:92px;padding:.6rem .7rem}.runner-save-feedback--pass{color:#16653e;background:#1f7a4e1a;border-color:#1f7a4e42}.runner-save-feedback--failed{background:var(--danger-soft);color:var(--danger);border-color:#ba3d5d47}.runner-save-feedback--blocked{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning)}.runner-notes-backdrop{cursor:pointer;z-index:34;background:#11102433;position:fixed;inset:0}.runner-notes{background:var(--surface);cursor:auto;border:1px solid var(--border);border-radius:var(--radius-sm);z-index:35;width:min(360px,100vw - 1.5rem);max-width:360px;padding:.85rem;position:fixed;top:82px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #1110242e}.runner-notes__header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.45rem;display:flex}.runner-feedback-panel__header .runner-close,.runner-notes__header .runner-close{cursor:pointer;background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;min-height:34px;padding:0;display:flex}.runner-close:hover{color:var(--danger)}.runner-complete{background:var(--primary);color:#fff;white-space:nowrap;align-self:center;margin-left:.55rem}.runner-complete:disabled{cursor:not-allowed;opacity:.46}.runner-save-feedback,.runner-complete{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.runner-button-spinner{flex-shrink:0;animation:.8s linear infinite runner-button-spin}.runner-feedback-panel button:disabled{cursor:not-allowed}.runner-feedback-panel button[aria-busy=true],.runner-complete[aria-busy=true]{cursor:wait;opacity:.8}@keyframes runner-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.runner-button-spinner{animation:none}}.capture-toolbar button{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;min-height:38px;padding:.45rem .75rem;font-size:.82rem;font-weight:760}.capture-toolbar button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:860px){.site-header__inner{grid-template-columns:1fr auto}.site-nav{display:none}.hero__grid,.qa-preview__grid,.three-up,.split,.credits-grid,.support-pricing,.pricing-page,.dashboard-grid,.product-create,.product-detail,.request-grid,.test-preview,.form-grid,.source-lookup{grid-template-columns:1fr}.runner-main{grid-template-columns:1fr;overflow:auto}.runner-controls{grid-template-columns:1fr}.runner-action-bar,.runner-secondary-actions{border-left:0;margin-left:0;padding-left:0}.runner-secondary-actions,.runner-complete{margin-left:0}.runner-frame{min-height:680px}.hero__copy h1{max-width:620px}.page-intro h1{max-width:13ch}}@media (max-width:520px){h1{font-size:2.25rem}.task-editor__row{grid-template-columns:1fr}.auth-status{justify-content:end}.hero__actions{justify-content:center}.hero__actions .button-link{width:auto}.qa-preview__header,.qa-preview__footer,.qa-feedback__item{display:grid}.site-footer__inner{flex-direction:column;align-items:start}.page-toolbar,.product-row,.build-row,.request-row,.session-row{grid-template-columns:1fr;display:grid}.runner-header{align-items:start;display:grid}}.hero--product{background:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px), var(--background);background-size:42px 42px;padding:clamp(4rem,7vw,6.5rem) 0 clamp(3rem,6vw,5rem);overflow:clip}.hero--product .hero__grid{max-width:var(--max-width);width:min(calc(100% - 2rem), var(--max-width));grid-template-columns:minmax(470px,.98fr) minmax(470px,1.02fr);align-items:center;gap:clamp(2rem,4vw,4.75rem);margin:0 auto;display:grid}.hero--product .hero__copy{max-width:620px}.hero--product .hero__copy h1{max-width:17ch;font-size:clamp(2.9rem,4.35vw,4.55rem);line-height:1.02}.hero--product .hero__copy h1 span{color:var(--text-muted);display:block}.hero--product .hero__lead{max-width:34rem}.qa-session-board{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px;justify-self:end;width:min(100%,560px);min-height:560px;padding:0;position:relative;overflow:visible;transform:rotate(-1deg)}.qa-session-board__chrome{background:var(--surface-muted);border-bottom:1px solid var(--border);border-radius:8px 8px 0 0;align-items:center;gap:.45rem;height:42px;padding:0 1rem;display:flex}.qa-session-board__chrome span{background:var(--primary-border);border-radius:50%;width:10px;height:10px;display:block}.qa-session-board__workspace{min-height:450px;padding:1.25rem;position:relative;overflow:hidden}.wp-editor-preview{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:72px minmax(0,1fr);min-height:402px;display:grid;overflow:hidden}.wp-editor-preview__sidebar{background:var(--text);align-content:start;justify-items:center;gap:1rem;padding:1rem .7rem;display:grid}.wp-editor-preview__logo,.wp-editor-preview__sidebar span:not(.wp-editor-preview__logo){border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.wp-editor-preview__logo{background:var(--primary);color:#fff;width:40px;height:40px;font-size:.78rem;font-weight:900}.wp-editor-preview__sidebar span:not(.wp-editor-preview__logo){background:#ffffff2e;width:32px;height:12px}.wp-editor-preview__canvas{grid-template-rows:auto auto 1fr;gap:1rem;padding:clamp(1rem,3vw,1.6rem);display:grid}.wp-editor-preview__toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.9rem;display:flex}.wp-editor-preview__toolbar span,.wp-editor-preview__toolbar strong{font-size:.82rem}.wp-editor-preview__toolbar span{color:var(--text-muted);font-weight:760}.wp-editor-preview__toolbar strong{background:var(--success-soft);border:1px solid var(--success-border);color:var(--success);border-radius:999px;padding:.42rem .58rem}.wp-editor-preview__hero{background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:8px;padding:clamp(1rem,2.4vw,1.25rem)}.wp-editor-preview__hero span{color:var(--primary-hover);font-size:.78rem;font-weight:820}.wp-editor-preview__hero h2{max-width:16ch;margin:.55rem 0 .5rem;font-size:clamp(1.35rem,2.45vw,1.95rem)}.wp-editor-preview__hero p{max-width:32rem}.wp-editor-preview__rows{gap:.75rem;display:grid}.wp-editor-preview__rows span{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;height:48px;display:block}.wp-editor-preview__rows span:nth-child(2){width:78%}.wp-editor-preview__rows span:nth-child(3){width:58%}.recording-strip{background:var(--surface);border:1px solid var(--border);color:var(--text);border-top:0;border-radius:0 0 8px 8px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:.75rem;min-height:64px;padding:11px 12px;display:grid}.recording-strip__play{background:var(--primary);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.recording-strip__play:before{content:"";border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:10px solid #fff;margin-left:3px;display:block}.recording-strip__time{color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.875rem;font-weight:600}.recording-strip__time span{color:var(--text-muted);font-weight:400}.recording-strip__track{background:var(--border);border-radius:3px;height:6px;position:relative}.recording-strip__progress{background:var(--primary);border-radius:inherit;width:58%;height:100%;display:block}.recording-strip__track i{background:var(--feedback-color,var(--primary));border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.recording-strip__track i:first-of-type{--feedback-color:var(--warning)}.recording-strip__track i:last-of-type{--feedback-color:var(--success)}.qa-story{background:var(--surface)}.session-flow{position:relative}.session-flow:before{background:linear-gradient(var(--primary), var(--warning), var(--success));content:"";border-radius:999px;width:3px;height:calc(100% - 72px);position:absolute;top:36px;left:35px}.session-step{grid-template-columns:72px minmax(250px,.78fr) minmax(0,1fr);align-items:center;gap:clamp(1rem,4vw,2.5rem);padding:clamp(1.2rem,3vw,1.9rem) 0;display:grid;position:relative}.session-step__marker{background:var(--surface);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.session-step__marker span{background:var(--primary);border:5px solid var(--surface);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:.78rem;font-weight:900;display:inline-flex}.session-step:nth-child(2) .session-step__marker span{background:var(--warning)}.session-step:nth-child(3) .session-step__marker span{background:var(--success)}.session-step__screen{min-width:0}.mini-screen{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 14px 36px #11102414}.mini-screen__body{min-height:190px;padding:1rem;display:grid;position:relative}.mini-screen__body span{background:var(--surface-muted);border-radius:8px;display:block}.request-mini,.runner-mini,.report-mini{min-width:0}.request-mini{align-content:start;gap:.8rem;display:grid}.request-mini__field{background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:8px;gap:.28rem;padding:.85rem;display:grid}.request-mini__field span{color:var(--primary-hover);background:0 0;font-size:.72rem;font-weight:820}.request-mini__field strong{font-size:1rem}.request-mini__tasks{counter-reset:request-task;gap:.48rem;display:grid}.request-mini__tasks span{background:var(--surface-muted);border:1px solid var(--border);align-items:center;min-height:30px;padding:0 .65rem;font-size:.78rem;font-weight:720;display:flex}.request-mini__tasks span:before{color:var(--text-soft);content:counter(request-task) ".";counter-increment:request-task;margin-right:.45rem}.request-mini__footer{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.request-mini__footer span{background:var(--warning-soft);border:1px solid var(--warning-border);color:var(--warning);padding:.45rem .6rem;font-size:.78rem;font-weight:860}.request-mini__footer i{background:var(--success-soft);border:1px solid var(--success-border);border-radius:999px;width:42%;height:14px;display:block}.runner-mini{gap:.75rem;display:grid;position:relative}.runner-mini__frame{border:1px solid var(--border);border-radius:8px;grid-template-columns:42px minmax(0,1fr);min-height:112px;display:grid;overflow:hidden}.runner-mini__sidebar{background:var(--text);border-radius:0}.runner-mini__page{align-content:start;gap:.55rem;padding:.72rem;display:grid}.runner-mini__page span{background:var(--surface-muted);border:1px solid var(--border);height:24px}.runner-mini__page span:first-child{background:var(--primary-soft);border-color:var(--primary-border);height:46px}.runner-mini__page span:last-child{width:62%}.runner-mini__toolbar{background:var(--surface-muted);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:.6rem;padding:.65rem;display:flex}.runner-mini__toolbar span,.runner-mini__toolbar strong{font-size:.76rem;font-weight:820}.runner-mini__toolbar span{color:var(--success)}.runner-mini__toolbar strong{background:var(--primary);color:#fff;border-radius:999px;padding:.38rem .55rem}.runner-mini__cursor{border-bottom:17px solid #0000;border-left:17px solid var(--primary);filter:drop-shadow(0 5px 8px #11102433);width:0;height:0;position:absolute;top:76px;right:58px;transform:rotate(8deg)}.report-mini{gap:.72rem;display:grid}.report-mini__player{background:var(--text);border-radius:8px;gap:.6rem;min-height:82px;padding:.85rem;display:grid}.report-mini__player span{background:#ffffff2e;height:18px}.report-mini__player span:first-child{background:#ffffffd1;height:34px}.report-mini__notes{gap:.5rem;display:grid}.report-mini__notes span{background:var(--success-soft);border:1px solid var(--success-border);color:var(--success);padding:.46rem .58rem;font-size:.76rem;font-weight:760}.report-mini__notes span:last-child{background:var(--warning-soft);border-color:var(--warning-border);color:var(--warning)}.report-mini__fix{background:var(--primary-soft);border:1px solid var(--primary-border);color:var(--primary-hover);border-radius:8px;width:max-content;padding:.55rem .65rem;font-size:.78rem;font-weight:860}.mini-screen__timeline{border-top:1px solid var(--border);grid-template-columns:1fr 1fr 1fr;align-items:center;gap:.45rem;padding:.75rem .9rem;display:grid}.mini-screen__timeline i{background:var(--border);border-radius:999px;height:6px;display:block}.mini-screen--step-1 .mini-screen__timeline i:first-child,.mini-screen--step-2 .mini-screen__timeline i:nth-child(-n+2),.mini-screen--step-3 .mini-screen__timeline i{background:var(--primary)}.session-step__copy>span{color:var(--primary-hover);margin-bottom:.35rem;font-size:.8rem;font-weight:820;display:block}.session-step__copy h3{margin-bottom:.45rem;font-size:clamp(1.45rem,3vw,2.35rem)}.session-step__copy p{max-width:34rem}.audience-switch__inner{gap:.6rem;display:grid}.audience-tabs{gap:1.25rem;display:grid}.audience-tabs>input{opacity:0;pointer-events:none;position:absolute}.audience-tabs__controls{background:var(--surface);border:1px solid var(--border);border-radius:999px;grid-template-columns:1fr 1fr;max-width:440px;padding:.28rem;display:grid}.audience-tabs__controls label{color:var(--text-muted);cursor:pointer;text-align:center;border-radius:999px;padding:.82rem 1rem;font-weight:820}#audience-maker:checked~.audience-tabs__controls label[for=audience-maker],#audience-tester:checked~.audience-tabs__controls label[for=audience-tester]{background:var(--primary);color:#fff}.audience-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(280px,.86fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);padding:clamp(1rem,4vw,2rem);display:none}#audience-maker:checked~.audience-panel--maker,#audience-tester:checked~.audience-panel--tester{display:grid}.audience-product-screen{background:linear-gradient(180deg, var(--primary-soft), var(--surface));border:1px solid var(--primary-border);border-radius:8px;gap:1rem;padding:1.1rem;display:grid}.audience-product-screen__header{border-bottom:1px solid var(--primary-border);gap:.25rem;padding-bottom:.85rem;display:grid}.audience-product-screen__header span{color:var(--primary-hover);font-size:.78rem;font-weight:820}.audience-product-screen__header strong{font-size:1.4rem}.audience-product-screen ol,.audience-panel ul{gap:.75rem;margin:0;padding-left:1.15rem;display:grid}.audience-product-screen li,.audience-panel li{color:var(--text-muted);padding-left:.25rem}.audience-product-screen__reward{background:var(--surface);border:1px solid var(--warning-border);color:var(--warning);border-radius:8px;padding:.85rem;font-weight:860}.audience-panel h3{margin-bottom:1rem;font-size:clamp(1.55rem,3vw,2.35rem)}.audience-panel .button-link{margin-top:1.35rem}.credits-progress__inner{grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);align-items:center;gap:clamp(1.5rem,5vw,4rem);display:grid}.credits-progress p{max-width:42rem;font-size:1.05rem}.credit-meter{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-soft);border-radius:8px;gap:1rem;padding:1.25rem;display:grid}.credit-meter__header{justify-content:space-between;align-items:end;display:flex}.credit-meter__header span{color:var(--text-muted);font-size:.85rem;font-weight:780}.credit-meter__header strong{color:var(--primary-hover);font-size:2rem}.credit-meter__bar{background:var(--surface-muted);border-radius:999px;height:14px;overflow:hidden}.credit-meter__bar span{background:linear-gradient(90deg, var(--primary), var(--success));border-radius:inherit;width:72%;height:100%;display:block}.credit-meter__ledger{grid-template-columns:1fr auto;gap:.7rem;display:grid}.credit-meter__ledger span{color:var(--text-muted)}.credit-meter__ledger strong{color:var(--success)}@media (max-width:1040px){.hero--product .hero__grid{grid-template-columns:1fr;padding-left:0}.hero--product .hero__copy h1{max-width:12ch}.qa-session-board{min-height:0;transform:none}.session-step,.audience-panel,.credits-progress__inner{grid-template-columns:1fr}.session-flow:before{left:25px}.session-step{padding-left:70px}.session-step__marker{position:absolute;top:1.3rem;left:0}}@media (max-width:640px){.hero--product .hero__copy h1{max-width:13ch;font-size:2.45rem}.hero--product .hero__actions{justify-content:start}.hero--product .hero__actions .button-link{width:100%}.qa-session-board__workspace{padding:.75rem}.wp-editor-preview{grid-template-columns:48px minmax(0,1fr);min-height:410px}.wp-editor-preview__sidebar{padding-inline:.45rem}.wp-editor-preview__logo{width:34px;height:34px}.wp-editor-preview__sidebar span:not(.wp-editor-preview__logo){width:24px}.wp-editor-preview__toolbar{align-items:start;display:grid}.recording-strip{grid-template-columns:auto 1fr auto}.session-step{padding-left:58px}.session-step__marker span{width:44px;height:44px}.audience-tabs__controls{max-width:none}.audience-tabs__controls label{padding-inline:.65rem}}
.replayer-wrapper{position:relative}.replayer-mouse{background-image:url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjMDAwMDAwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDUwIDUwIiB4PSIwcHgiIHk9IjBweCI+PHRpdGxlPkRlc2lnbl90bnA8L3RpdGxlPjxwYXRoIGQ9Ik00OC43MSw0Mi45MUwzNC4wOCwyOC4yOSw0NC4zMywxOEExLDEsMCwwLDAsNDQsMTYuMzlMMi4zNSwxLjA2QTEsMSwwLDAsMCwxLjA2LDIuMzVMMTYuMzksNDRhMSwxLDAsMCwwLDEuNjUuMzZMMjguMjksMzQuMDgsNDIuOTEsNDguNzFhMSwxLDAsMCwwLDEuNDEsMGw0LjM4LTQuMzhBMSwxLDAsMCwwLDQ4LjcxLDQyLjkxWm0tNS4wOSwzLjY3TDI5LDMyYTEsMSwwLDAsMC0xLjQxLDBsLTkuODUsOS44NUwzLjY5LDMuNjlsMzguMTIsMTRMMzIsMjcuNThBMSwxLDAsMCwwLDMyLDI5TDQ2LjU5LDQzLjYyWiI+PC9wYXRoPjwvc3ZnPg==);background-position:50%;background-repeat:no-repeat;background-size:contain;border-color:#0000;width:20px;height:20px;transition:left 50ms linear,top 50ms linear;position:absolute}.replayer-mouse:after{content:"";opacity:.3;background:#4950f6;border-radius:100%;width:20px;height:20px;display:inline-block;transform:translate(-50%,-50%)}.replayer-mouse.active:after{animation:.2s ease-in-out click}.replayer-mouse.touch-device{background-image:none;border:4px solid #4950f600;border-radius:100%;width:70px;height:70px;margin-top:-37px;margin-left:-37px;transition:left linear,top linear,border-color .2s ease-in-out}.replayer-mouse.touch-device.touch-active{border-color:#4950f6;transition:left .25s linear,top .25s linear,border-color .2s ease-in-out}.replayer-mouse.touch-device:after{opacity:0}.replayer-mouse.touch-device.active:after{animation:.2s ease-in-out touch-click}.replayer-mouse-tail{pointer-events:none;position:absolute}@keyframes click{0%{opacity:.3;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}@keyframes touch-click{0%{opacity:0;width:20px;height:20px}50%{opacity:.5;width:10px;height:10px}}