:root{--ink:#171713;--muted-ink:#69675f;--paper:#f2f0ea;--paper-deep:#e8e5dd;--white:#fffefa;--line:#d0cdc4;--soft-line:#dfdcd3;--coral:#ff7061;--acid:#dbff63;--lavender:#b7a1ff;--mint:#77d9c7;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-soft:0 18px 60px #17171317}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:radial-gradient(circle at 15% 0%, #b7a1ff26, transparent 28%), var(--paper);min-width:320px;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Helvetica Neue,Helvetica,Arial,ui-sans-serif,system-ui,sans-serif}button,input,select,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--lavender);outline-offset:2px}.app-shell{min-height:100dvh}.app-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f2f0eae6;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:76px;padding:0 clamp(18px,3vw,42px);display:grid;position:relative}.brand,.header-actions,.stepper,.feature-strip,.local-badge,.icon-text-button,.step,.eyebrow,.card-kicker,.viewport-toggle span,.primary-button,.secondary-button,.danger-button,.capture-estimate,.add-url-bar,.check-label,.page-title-cell,.screen-footer,.viewport-summary,.capture-job,.toolbar-back,.tool-group,.zoom-control,.workspace-export-actions,.export-button,.agent-prompt-button,.selected-issue-title,.inspector-actions button{align-items:center;display:flex}.brand{gap:11px;min-width:0}.brand-mark{background:var(--ink);width:38px;height:38px;color:var(--paper);letter-spacing:-.04em;box-shadow:4px 4px 0 var(--coral);border-radius:12px 12px 12px 3px;flex:none;place-items:center;font-size:12px;font-weight:900;display:grid}.brand-mark.small{width:46px;height:46px}.brand>div:last-child{min-width:0;display:grid}.brand strong{letter-spacing:-.025em;font-size:14px}.brand span{color:var(--muted-ink);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:650}.stepper{border:1px solid var(--line);background:#fffefaa8;border-radius:99px;gap:3px;padding:4px}.step{color:#8a877f;white-space:nowrap;border-radius:99px;gap:6px;padding:6px 11px 6px 7px;font-size:11px;font-weight:750}.step-icon{background:var(--paper-deep);border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.step.is-current{background:var(--ink);color:#fff}.step.is-current .step-icon{background:var(--coral);color:var(--ink)}.step.is-done{color:var(--ink)}.step.is-done .step-icon{background:var(--mint)}.header-actions{justify-content:flex-end;gap:9px}.local-badge,.icon-text-button{border:1px solid var(--line);background:0 0;border-radius:99px;gap:7px;height:34px;padding:0 12px;font-size:11px;font-weight:750}.local-badge{color:var(--muted-ink)}.icon-text-button:hover{background:var(--white)}.tutorial-launch-button{color:#3d3178;background:#eee9ff;border-color:#9b8ee0}.tutorial-launch-button:hover{background:#e5ddff}.global-notice{z-index:100;width:min(540px,100vw - 32px);box-shadow:var(--shadow-soft);color:#6b1812;background:#fff1ee;border:1px solid #c93e33;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;padding:12px 14px 12px 17px;font-size:13px;font-weight:650;display:flex;position:fixed;top:88px;left:50%;transform:translate(-50%)}.global-notice button{background:#6b181214;border:0;border-radius:50%;width:26px;height:26px;font-size:20px;line-height:1}.loading-screen{min-height:100dvh;color:var(--muted-ink);place-content:center;justify-items:center;gap:18px;font-size:13px;font-weight:700;display:grid}.loading-line{background:var(--line);border-radius:99px;width:160px;height:3px;overflow:hidden}.loading-line:after{content:"";border-radius:inherit;background:var(--coral);width:48%;height:100%;animation:1.1s ease-in-out infinite alternate loading-slide;display:block}@keyframes loading-slide{to{transform:translate(108%)}}.setup-layout{grid-template-columns:minmax(0,1.05fr) minmax(460px,.85fr);align-items:center;gap:clamp(50px,8vw,128px);width:min(1320px,100% - 48px);min-height:calc(100dvh - 76px);margin:0 auto;padding:clamp(50px,8vh,100px) 0;display:grid}.eyebrow{color:var(--muted-ink);letter-spacing:.16em;text-transform:uppercase;gap:9px;font-size:10px;font-weight:850}.eyebrow-dot{background:var(--coral);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #ff706124}.setup-copy h1,.section-heading h1,.capture-hero h1{letter-spacing:-.075em;margin:20px 0;font-size:clamp(52px,7.3vw,105px);font-weight:810;line-height:.86}.setup-copy h1 em{color:var(--coral);font-family:Georgia,Times New Roman,serif;font-weight:500;position:relative}.setup-copy h1 em:after{content:"";border-top:3px solid var(--coral);border-radius:50%;height:7px;position:absolute;bottom:-6px;left:2px;right:-12px;transform:rotate(-2deg)}.lead{color:#535149;max-width:560px;margin:32px 0;font-size:clamp(17px,1.55vw,22px);line-height:1.5}.feature-strip{flex-wrap:wrap;gap:17px}.feature-strip span{color:var(--muted-ink);align-items:center;gap:6px;font-size:11px;font-weight:750;display:inline-flex}.feature-strip svg{background:var(--mint);color:var(--ink);border-radius:50%;padding:2px}.setup-card{border:1px solid var(--ink);background:var(--white);box-shadow:11px 11px 0 var(--ink), 14px 14px 0 var(--lavender);border-radius:28px 28px 28px 8px;padding:clamp(24px,3vw,38px);position:relative}.setup-card:before{content:"";clip-path:polygon(7% 0,95% 5%,100% 91%,0 100%);background:#dbff63b8;width:76px;height:34px;position:absolute;top:-18px;right:64px;transform:rotate(3deg)}.card-kicker{border-bottom:1px solid var(--soft-line);letter-spacing:.08em;text-transform:uppercase;gap:8px;margin-bottom:27px;padding-bottom:15px;font-size:12px;font-weight:850}.card-kicker span{color:#98958c;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.field{gap:8px;margin-bottom:20px;display:grid}.field>span,.viewport-fieldset legend,.severity-field legend{letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:820}.field input,.field select,.field textarea,.add-url-bar input{border:1px solid var(--line);border-radius:var(--radius-sm);background:#f9f8f4;width:100%;transition:border-color .16s,box-shadow .16s,background .16s}.field input,.field select{height:48px;padding:0 14px}.field textarea{resize:vertical;min-height:126px;padding:13px 14px;line-height:1.45}.field input:focus,.field select:focus,.field textarea:focus,.add-url-bar input:focus{border-color:var(--ink);background:#fff;outline:0;box-shadow:0 0 0 3px #b7a1ff40}.field small{color:#88857d;font-size:10px}.input-with-icon{position:relative}.input-with-icon svg{z-index:1;color:#77746d;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.input-with-icon input{padding-left:42px}.site-login-panel{border:1px solid var(--soft-line);background:#f6f4ef;border-radius:14px;margin:4px 0 22px;padding:12px;transition:border-color .16s,background .16s}.site-login-panel.is-enabled{background:#f7f4ff;border-color:#8f86ac}.site-login-toggle{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.site-login-toggle>input{opacity:0;position:absolute}.site-login-toggle-icon{color:#67569e;background:#fff;border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.site-login-toggle>span:nth-of-type(2){gap:2px;min-width:0;display:grid}.site-login-toggle strong{font-size:11px}.site-login-toggle small{color:var(--muted-ink);font-size:9px;line-height:1.35}.site-login-check{background:#fff;border:1px solid #aaa79f;border-radius:5px;width:18px;height:18px;box-shadow:inset 0 0 0 3px #fff}.site-login-toggle input:checked~.site-login-check{border-color:var(--ink);background:var(--lavender)}.site-login-toggle:has(input:focus-visible){outline:3px solid var(--lavender);outline-offset:4px;border-radius:8px}.site-login-fields{border-top:1px solid #d7d1e8;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;padding-top:14px;display:grid}.site-login-fields .field{gap:6px;min-width:0;margin:0}.site-login-fields .field>span,.site-login-fields .field>label{letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:820}.site-login-fields input{background:#fff;height:42px;padding:0 11px;font-size:11px}.site-login-url,.site-login-privacy{grid-column:1/-1}.password-input{position:relative}.password-input input{padding-right:40px}.password-input button{width:34px;height:34px;color:var(--muted-ink);background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:4px;right:4px}.password-input button:hover{background:var(--paper-deep);color:var(--ink)}.site-login-privacy{color:#5f5875;align-items:flex-start;gap:7px;margin:1px 0 0;font-size:9px;line-height:1.45;display:flex}.site-login-privacy svg{flex:none;margin-top:1px}.viewport-fieldset,.severity-field{border:0;min-width:0;margin:23px 0;padding:0}.viewport-fieldset legend{justify-content:space-between;width:100%;margin-bottom:10px;display:flex}.viewport-fieldset legend span{color:#8d8a82;font-size:9px}.viewport-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.viewport-card{border:1px solid var(--soft-line);opacity:.55;background:#f6f4ef;border-radius:12px;padding:11px;transition:opacity .16s,border .16s,background .16s}.viewport-card.is-enabled{opacity:1;background:#fff;border-color:#99958b}.viewport-toggle{cursor:pointer;display:block}.viewport-toggle input{opacity:0;pointer-events:none;position:absolute}.viewport-toggle span{gap:7px;font-size:11px;font-weight:800}.viewport-toggle span:after{content:"";background:#fff;border:1px solid #aaa79f;border-radius:3px;width:10px;height:10px;margin-left:auto}.viewport-toggle input:checked+span:after{border-color:var(--ink);background:var(--ink);box-shadow:inset 0 0 0 2px #fff}.dimension-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:3px;margin-top:11px;display:grid}.dimension-row input{border:1px solid var(--soft-line);text-align:center;background:#f7f6f1;border-radius:5px;width:100%;min-width:0;height:28px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.dimension-row span{color:#aaa79f;font-size:9px}.primary-button,.secondary-button,.danger-button{border-radius:12px;justify-content:center;gap:9px;min-height:48px;padding:0 18px;font-size:12px;font-weight:850;transition:transform .14s,box-shadow .14s,background .14s}.primary-button{border:1px solid var(--ink);background:var(--ink);color:#fff;width:100%;box-shadow:4px 4px 0 var(--coral)}.primary-button:hover:not(:disabled){box-shadow:6px 6px 0 var(--coral);transform:translate(-1px,-1px)}.primary-button:active:not(:disabled){box-shadow:2px 2px 0 var(--coral);transform:translate(2px,2px)}.primary-button:disabled{box-shadow:none;background:#aaa79f;border-color:#aaa79f}.primary-button.compact{width:auto;min-width:230px}.secondary-button{border:1px solid var(--line);background:var(--white)}.secondary-button:hover:not(:disabled){border-color:var(--ink);transform:translateY(-1px)}.danger-button{color:#8f251e;background:#fff1ee;border:1px solid #b33128}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.scan-progress{color:var(--muted-ink);background:#f1efe8;border-radius:9px;gap:4px;margin-top:14px;padding:11px 13px;font-size:11px;display:grid}.scan-progress span{font-weight:750}.scan-progress small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.page-width{width:min(1240px,100% - 48px);margin:0 auto;padding:62px 0 28px}.section-heading{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:36px;display:flex}.section-heading h1,.capture-hero h1{margin:13px 0 14px;font-size:clamp(40px,5vw,68px);line-height:.95}.section-heading p,.capture-hero p{color:var(--muted-ink);margin:0;font-size:15px}.capture-estimate{border:1px solid var(--ink);background:var(--acid);border-radius:15px 15px 15px 4px;flex:none;gap:12px;padding:14px 18px;transform:rotate(1deg)}.protected-session-note{color:#5d4d91;text-transform:uppercase;background:#f5f1ff;border:1px solid #9b91bb;border-radius:99px;align-items:center;gap:6px;width:fit-content;margin-top:13px;padding:7px 10px;font-size:9px;font-weight:800;display:inline-flex}.capture-estimate>span{text-transform:uppercase;font-size:10px;font-weight:800;display:grid}.capture-estimate strong{font-size:22px;line-height:1}.add-url-bar{border:1px solid var(--line);background:var(--white);border-radius:15px;gap:11px;min-height:58px;margin-bottom:22px;padding:7px 7px 7px 18px;box-shadow:0 9px 30px #1717130d}.add-url-bar svg{color:#77746d;flex:none}.add-url-bar input{background:0 0;border:0;height:42px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.add-url-bar input:focus{box-shadow:none}.add-url-bar button{background:var(--ink);color:#fff;border:0;border-radius:9px;align-items:center;gap:6px;height:40px;padding:0 15px;font-size:11px;font-weight:800;display:flex}.add-url-bar button:disabled{background:#aaa79f}.page-list-heading,.page-row{grid-template-columns:minmax(250px,.8fr) minmax(300px,1.2fr) 90px;align-items:center;gap:20px;display:grid}.page-list-heading{color:#88857d;letter-spacing:.12em;text-transform:uppercase;padding:0 20px 10px;font-size:9px;font-weight:850}.check-label{gap:10px}.page-list{border-top:1px solid var(--ink)}.page-row{border-bottom:1px solid var(--soft-line);opacity:.52;min-height:74px;padding:10px 20px;transition:opacity .14s,background .14s}.page-row:hover,.page-row.is-selected{opacity:1}.page-row:hover{background:#fffefa8c}.page-title-cell{cursor:pointer;gap:12px;min-width:0}.page-title-cell input,.check-label input{width:16px;height:16px;accent-color:var(--ink)}.page-number{color:#9e9b92;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.page-title-cell>span:last-child{gap:3px;min-width:0;display:grid}.page-title-cell strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.page-title-cell small{color:#8f8c83;text-transform:uppercase;font-size:9px;font-weight:700}.page-row code{color:#66635c;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.row-actions{justify-content:flex-end;gap:5px;display:flex}.row-actions a,.row-actions button,.capture-job>button{border:1px solid var(--soft-line);background:var(--white);width:34px;height:34px;color:var(--ink);border-radius:9px;place-items:center;display:grid}.row-actions a:hover,.row-actions button:hover,.capture-job>button:hover{border-color:var(--ink)}.screen-footer{z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefae0;border-radius:18px;justify-content:space-between;gap:18px;min-height:76px;margin-top:24px;padding:12px;position:sticky;bottom:16px;box-shadow:0 14px 50px #1717131f}.viewport-summary{flex-wrap:wrap;justify-content:center;gap:6px}.viewport-summary span{background:var(--paper);color:var(--muted-ink);border-radius:6px;padding:6px 9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.capture-screen{width:min(1040px,100% - 48px)}.capture-hero{text-align:center;margin-bottom:36px}.capture-hero .eyebrow{justify-content:center}.large-progress{border:1px solid var(--ink);background:var(--white);border-radius:99px;width:min(620px,100%);height:10px;margin:28px auto 0;overflow:hidden}.large-progress span{background:repeating-linear-gradient(-45deg, var(--coral), var(--coral) 8px, #ff8f84 8px, #ff8f84 16px);height:100%;transition:width .3s;display:block}.capture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.capture-job{border:1px solid var(--soft-line);background:#fffefab8;border-radius:13px;gap:13px;min-height:78px;padding:13px}.capture-job.status-capturing{border-color:var(--lavender);background:#f5f1ff}.capture-job.status-error{background:#fff6f3;border-color:#e2a49d}.job-status-icon{background:var(--paper-deep);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.status-ready .job-status-icon{background:var(--mint)}.status-error .job-status-icon{color:#a32f26;background:#ffd8d2}.status-capturing .job-status-icon{background:var(--lavender)}.capture-job>div:nth-child(2){gap:3px;min-width:0;display:grid}.capture-job strong,.capture-job span,.capture-job small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.capture-job strong{font-size:12px}.capture-job span{color:var(--muted-ink);font-size:10px}.capture-job small{color:#9c3028;font-size:9px}.capture-job>button{margin-left:auto}.queue-dot{background:#aaa79f;border-radius:50%;width:8px;height:8px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.capture-footer{justify-content:flex-end}.capture-footer .secondary-button{margin-right:auto}.stage-annotate{height:100dvh;overflow:hidden}.workspace{background:#dedcd5;grid-template-rows:52px minmax(0,1fr);height:calc(100dvh - 76px);display:grid}.workspace-toolbar{background:var(--white);border-bottom:1px solid #c6c3bb;align-items:center;gap:8px;min-width:0;padding:7px 12px;display:flex}.toolbar-back,.tool-group button,.zoom-control button,.download-current{background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;height:36px;display:grid}.toolbar-back{border-color:var(--soft-line);gap:7px;padding:0 11px;font-size:10px;font-weight:800}.tool-group{border:1px solid var(--soft-line);background:#f4f2ec;border-radius:10px;gap:2px;padding:2px}.tool-group button{width:32px}.tool-group button:hover:not(:disabled){background:#fff}.tool-group button.is-active{background:var(--ink);color:#fff;box-shadow:0 2px 7px #17171340}.tool-group button:disabled{color:#bbb8b0}.zoom-control{background:#f1efe9;border-radius:9px;gap:2px;margin-left:auto;padding:2px}.zoom-control button{width:30px;height:30px}.zoom-control span{min-width:42px;color:var(--muted-ink);text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.workspace-export-actions{gap:6px}.download-current{border-color:var(--soft-line);width:36px}.export-button{border:1px solid var(--ink);background:var(--acid);border-radius:9px;gap:7px;height:36px;padding:0 13px;font-size:10px;font-weight:850}.agent-prompt-button{color:#33276b;background:#eee9ff;border:1px solid #8e7ddd;border-radius:9px;align-items:center;gap:6px;height:36px;padding:0 11px;font-size:10px;font-weight:850;display:flex}.agent-prompt-button:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px #8e7ddd}.agent-prompt-button:disabled{cursor:not-allowed;opacity:.48}.export-button:hover:not(:disabled){box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.workspace-body{grid-template-columns:224px minmax(0,1fr) 284px;min-width:0;min-height:0;display:grid}.agent-prompt-backdrop{z-index:100;background:#17171370;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.agent-prompt-dialog{border:1px solid var(--ink);background:var(--white);width:min(680px,100%);max-height:min(820px,100dvh - 48px);box-shadow:8px 8px 0 var(--ink);border-radius:18px;overflow:auto}.tutorial-backdrop{z-index:120}.tutorial-dialog{border:1px solid var(--ink);background:var(--white);width:min(1080px,100%);max-height:min(900px,100dvh - 48px);box-shadow:8px 8px 0 var(--ink);border-radius:20px;overflow:auto}.tutorial-heading p,.tutorial-heading h2,.tutorial-summary strong,.tutorial-summary p{margin:0}.agent-prompt-icon.tutorial-icon{background:var(--acid);color:var(--ink)}.tutorial-content{gap:18px;padding:18px;display:grid}.tutorial-video-frame{border:1px solid var(--ink);background:var(--ink);box-shadow:5px 5px 0 var(--coral);border-radius:14px;overflow:hidden}.tutorial-video-frame video{aspect-ratio:8/5;background:var(--ink);width:100%;display:block}.tutorial-summary{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);align-items:start;gap:24px;display:grid}.tutorial-summary strong{font-size:14px;display:block}.tutorial-summary p{color:var(--muted-ink);margin-top:5px;font-size:11px;line-height:1.5}.tutorial-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0;padding:0;list-style:none;display:grid}.tutorial-steps li{border:1px solid var(--soft-line);background:var(--paper);border-radius:9px;align-items:center;gap:8px;min-height:42px;padding:8px 9px;font-size:10px;font-weight:750;display:flex}.tutorial-steps li span{color:#8e2f25;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;font-weight:900}.agent-prompt-heading{border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:center;gap:16px;min-height:74px;padding:14px 18px;display:flex}.agent-prompt-heading>div,.agent-prompt-result>div,.agent-prompt-actions{align-items:center;display:flex}.agent-prompt-heading>div{gap:11px}.agent-prompt-heading p,.agent-prompt-heading h2,.agent-prompt-result strong,.agent-prompt-result span{margin:0}.agent-prompt-heading p{color:#7166a7;letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:850}.agent-prompt-heading h2{margin-top:2px;font-size:20px}.agent-prompt-icon,.agent-prompt-heading>button{border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.agent-prompt-icon{color:#4c3b9d;background:#eee9ff}.agent-prompt-heading>button{border:1px solid var(--soft-line);background:var(--white)}.agent-prompt-context{background:#f7f5ff;border:1px solid #ded8ef;border-radius:10px;gap:3px;margin:16px 18px 0;padding:11px 12px;display:grid}.agent-prompt-context strong{font-size:11px}.agent-prompt-context span,.agent-prompt-result span{color:var(--muted-ink);font-size:10px}.agent-prompt-field,.agent-prompt-result{margin:16px 18px 0}.agent-prompt-field>span small{color:var(--muted-ink);font-weight:650}.agent-prompt-field textarea,.agent-prompt-result textarea{resize:vertical}.agent-prompt-error{color:#7d2218;background:#fff0ed;border:1px solid #e9a39a;border-radius:9px;margin:16px 18px 0;padding:10px 12px;font-size:11px;line-height:1.45}.agent-prompt-result{background:#faf9ff;border:1px solid #cfc7ef;border-radius:12px;gap:10px;padding:14px;display:grid}.agent-prompt-result>div{justify-content:space-between;gap:12px}.agent-prompt-result>div>span{text-align:right}.agent-prompt-result textarea{color:#29262f;background:#fff;border:1px solid #cbc5d9;border-radius:8px;min-height:248px;padding:11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5}.agent-prompt-result .secondary-button{justify-self:start}.agent-prompt-actions{border-top:1px solid var(--soft-line);justify-content:flex-end;gap:9px;margin-top:18px;padding:14px 18px}.capture-rail,.annotation-inspector{background:#f8f7f2;min-height:0}.capture-rail{border-right:1px solid #c6c3bb;grid-template-rows:45px minmax(0,1fr);display:grid;overflow:hidden}.rail-heading,.inspector-heading{border-bottom:1px solid var(--soft-line);height:45px;color:var(--muted-ink);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 14px;font-size:9px;font-weight:850;display:flex}.rail-heading strong,.inspector-heading strong{background:var(--ink);color:#fff;border-radius:99px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:9px;display:grid}.rail-pages{padding:11px 9px 24px;overflow:auto}.rail-page+.rail-page{margin-top:15px}.rail-page-title{color:#747169;text-transform:uppercase;align-items:center;gap:6px;min-width:0;padding:0 7px 6px;font-size:9px;font-weight:800;display:flex}.rail-page-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail-captures{gap:4px;display:grid}.rail-capture{border:1px solid #0000;border-radius:10px;grid-template-columns:minmax(0,1fr) 25px;align-items:center;min-width:0;display:grid}.rail-capture:hover{background:#fff}.rail-capture.is-active{border-color:var(--ink);box-shadow:2px 2px 0 var(--lavender);background:#fff}.rail-capture>button{text-align:left;background:0 0;border:0;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;height:48px;padding:6px 5px 6px 7px;display:grid}.rail-device{background:var(--paper-deep);border-radius:7px;place-items:center;width:27px;height:27px;display:grid}.rail-capture>button>span:nth-child(2){min-width:0;display:grid}.rail-capture strong,.rail-capture small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rail-capture strong{font-size:10px}.rail-capture small{color:#89867e;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:8px}.rail-capture em{background:var(--coral);border-radius:99px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:8px;font-style:normal;font-weight:900;display:grid}.export-check{cursor:pointer}.export-check input{opacity:0;position:absolute}.export-check span{background:#fff;border:1px solid #aaa79f;border-radius:4px;place-items:center;width:17px;height:17px;display:grid}.export-check input:checked+span{border-color:var(--ink);background:var(--ink);color:#fff}.canvas-column{grid-template-rows:45px minmax(0,1fr) 86px;min-width:0;min-height:0;display:grid;overflow:hidden}.canvas-context{background:#eeece6;border-bottom:1px solid #c6c3bb;justify-content:space-between;align-items:center;height:45px;padding:0 16px;display:flex}.canvas-context>div{align-items:baseline;gap:8px;min-width:0;display:flex}.canvas-context strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.canvas-context span{color:#77746c;font-size:9px}.canvas-context>span{background:#f8f7f2;border:1px solid #cfccc4;border-radius:99px;flex:none;padding:4px 7px;font-weight:750}.canvas-scroll{background-color:#d8d6cf;background-image:linear-gradient(45deg,#17171307 25%,#0000 25%),linear-gradient(-45deg,#17171307 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#17171307 75%),linear-gradient(-45deg,#0000 75%,#17171307 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;min-width:0;min-height:0;padding:36px;position:relative;overflow:auto}.canvas-scroll.tool-pan{cursor:grab}.canvas-scroll.tool-pan:active{cursor:grabbing}.capture-stage{-webkit-user-select:none;user-select:none;background:#fff;margin:0 auto;position:relative;box-shadow:0 22px 65px #17171336,0 0 0 1px #17171324}.capture-stage>img{object-fit:fill;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.annotation-layer{pointer-events:none;position:absolute;inset:0}.annotation-point,.annotation-rect{z-index:2;pointer-events:auto;position:absolute}.annotation-point{border:2px solid var(--ink);background:var(--sticker);width:38px;height:38px;color:var(--ink);cursor:move;border-radius:50% 50% 50% 11px;padding:0;font-size:13px;font-weight:950;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:0 5px 12px #17171347}.annotation-point.severity-high:after{content:"";border:2px solid var(--coral);border-radius:inherit;animation:1.8s ease-in-out infinite issue-pulse;position:absolute;inset:-6px}.annotation-point:hover{transform:translate(-50%,-50%)rotate(2deg)scale(1.08)}.annotation-point.is-selected{box-shadow:0 0 0 4px white, 0 0 0 7px var(--ink), 0 8px 16px #17171340}.annotation-rect{border:2px dashed var(--sticker,var(--coral));background:color-mix(in srgb, var(--sticker,var(--coral)) 20%, transparent);cursor:move;padding:0}.annotation-rect>span{border:2px solid var(--ink);background:var(--sticker);width:29px;height:29px;color:var(--ink);border-radius:50%;place-items:center;font-size:10px;font-weight:950;display:grid;position:absolute;top:-15px;left:-15px;box-shadow:0 4px 9px #17171340}.annotation-rect.is-selected{outline-offset:2px;outline:3px solid #fff}.annotation-rect.draft{z-index:1;border-color:var(--ink);pointer-events:none;background:#dbff6347}@keyframes issue-pulse{50%{opacity:0;transform:scale(1.18)}}.canvas-empty{min-height:0;color:var(--muted-ink);place-content:center;justify-items:center;gap:7px;display:grid}.canvas-empty strong{color:var(--ink)}.canvas-empty span{font-size:11px}.sticker-palette{background:#f8f7f2;border-top:1px solid #c6c3bb;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:10px 15px;display:grid}.palette-label{gap:2px;display:grid}.palette-label span{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:850}.palette-label small{color:#8a877f;font-size:8px}.palette-items{align-items:center;gap:7px;min-width:0;padding:6px 2px 7px;display:flex;overflow-x:auto}.palette-sticker{border:1.5px solid var(--ink);background:var(--sticker);height:42px;color:var(--ink);box-shadow:2px 3px 0 var(--ink);transform:rotate(var(--tilt));cursor:grab;border-radius:11px 11px 11px 3px;flex:none;align-items:center;gap:5px;padding:0 10px 0 7px;font-size:9px;font-weight:850;display:flex}.palette-sticker>span{background:#ffffff8c;border-radius:7px;place-items:center;width:23px;height:23px;font-size:15px;font-weight:900;display:grid}.palette-sticker:hover,.palette-sticker.is-active{z-index:1;box-shadow:3px 5px 0 var(--ink);transform:translateY(-3px)rotate(0)}.annotation-inspector{border-left:1px solid #c6c3bb;overflow:auto}.selected-issue-title{border-bottom:1px solid var(--soft-line);gap:11px;padding:18px 16px}.selected-issue-title>span{border:2px solid var(--ink);width:42px;height:42px;box-shadow:3px 3px 0 var(--ink);border-radius:13px 13px 13px 4px;place-items:center;font-size:19px;font-weight:900;display:grid}.selected-issue-title>div{gap:3px;display:grid}.selected-issue-title small{color:#8a877f;text-transform:uppercase;font-size:8px;font-weight:750}.selected-issue-title strong{font-size:13px}.compact-field,.severity-field,.geometry-readout,.inspector-actions{margin:17px 16px}.compact-field select,.compact-field textarea{background:#fff;font-size:11px}.compact-field>small{justify-self:end}.text-rewrite-panel{border-top:1px solid var(--soft-line);border-bottom:1px solid var(--soft-line);background:#efede6;gap:12px;margin:20px 0;padding:18px 16px;display:grid}.text-rewrite-heading,.text-rewrite-kicker,.text-rewrite-saved,.text-rewrite-generate,.text-rewrite-actions,.text-rewrite-save,.text-rewrite-remove,.text-rewrite-result-heading{align-items:center;display:flex}.text-rewrite-heading{justify-content:space-between;gap:10px}.text-rewrite-heading>div{min-width:0}.text-rewrite-kicker{color:#6655a6;letter-spacing:.1em;text-transform:uppercase;gap:5px;font-size:8px;font-weight:900}.text-rewrite-heading h3{letter-spacing:-.03em;margin:4px 0 0;font-size:17px;line-height:1.05}.text-rewrite-saved{color:#235f55;text-transform:uppercase;background:#77d9c74d;border:1px solid #3d8c7d;border-radius:99px;flex:none;gap:4px;padding:5px 7px;font-size:8px;font-weight:850}.text-rewrite-intro{color:var(--muted-ink);margin:0;font-size:10px;line-height:1.5}.text-rewrite-field{gap:6px;margin:0}.text-rewrite-field>span{font-size:9px}.text-rewrite-field select{background:#fff;height:39px;padding:0 10px;font-size:10px}.text-rewrite-field textarea{background:#fff;min-height:92px;padding:10px;font-size:11px}.text-rewrite-field>small{line-height:1.35}.text-rewrite-field:first-of-type>small{justify-self:end}.text-rewrite-generate{border:1px solid var(--ink);background:var(--lavender);min-height:40px;box-shadow:2px 2px 0 var(--ink);border-radius:9px;justify-content:center;gap:7px;font-size:10px;font-weight:850;transition:transform .15s,box-shadow .15s}.text-rewrite-generate:hover:not(:disabled){box-shadow:3px 4px 0 var(--ink);transform:translateY(-1px)}.text-rewrite-generate:disabled{border-color:var(--line);box-shadow:none;color:#77736f;background:#ddd9e8}.text-rewrite-error{color:#a72d24;background:#fff3f1;border:1px solid #e3aea8;border-radius:8px;margin:0;padding:9px 10px;font-size:9px;line-height:1.4}.text-rewrite-result{background:#fff;border:1px solid #9a90bc;border-radius:10px;gap:9px;padding:11px;display:grid}.text-rewrite-result-heading{text-transform:uppercase;justify-content:space-between;gap:8px;font-size:9px}.text-rewrite-result-heading span{color:#6d638e;font-size:8px;font-weight:800}.text-rewrite-result textarea{resize:vertical;border:1px solid var(--line);background:#fbfaf7;border-radius:8px;width:100%;min-height:104px;padding:10px;font-size:11px;line-height:1.45}.text-rewrite-result>p{color:var(--muted-ink);margin:0;font-size:9px;line-height:1.45}.text-rewrite-actions{gap:6px}.text-rewrite-save,.text-rewrite-remove{border:1px solid var(--ink);background:var(--acid);border-radius:7px;justify-content:center;gap:5px;min-height:34px;font-size:9px;font-weight:850}.text-rewrite-save{flex:1}.text-rewrite-save:disabled{border-color:var(--line);background:var(--paper-deep);color:#77736f}.text-rewrite-remove{color:#a72d24;background:#fff3f1;border-color:#e3aea8;flex:none;width:34px}.severity-field legend{margin-bottom:9px}.severity-field>div{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.severity-field label{cursor:pointer}.severity-field input{opacity:0;position:absolute}.severity-field span{border:1px solid var(--line);background:#fff;border-radius:7px;place-items:center;height:33px;font-size:9px;font-weight:750;display:grid}.severity-field input:checked+span{border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.severity-low input:checked+span{background:var(--mint)}.severity-medium input:checked+span{background:#ffd85c}.severity-high input:checked+span{background:var(--coral)}.geometry-readout{background:var(--paper-deep);color:var(--muted-ink);border-radius:8px;justify-content:space-between;padding:10px 11px;font-size:9px;display:flex}.geometry-readout span{text-transform:uppercase;font-weight:800}.geometry-readout code{font-size:9px}.inspector-actions{border-top:1px solid var(--soft-line);gap:7px;padding-top:15px}.inspector-actions button{border:1px solid var(--line);background:#fff;border-radius:8px;flex:1;justify-content:center;gap:6px;height:36px;font-size:9px;font-weight:800}.inspector-actions button.delete{color:#a72d24;border-color:#e3aea8}.empty-inspector{grid-template-rows:45px minmax(0,1fr);display:grid}.empty-inspector-copy{text-align:center;align-self:center;padding:30px}.empty-orbit{width:70px;height:70px;color:var(--muted-ink);border:1px dashed #99968e;border-radius:50%;place-items:center;margin:0 auto 17px;display:grid}.empty-inspector-copy h3{margin:0 0 6px;font-size:14px}.empty-inspector-copy p{color:#85827a;margin:0;font-size:10px;line-height:1.5}@media (max-width:1120px){.app-header{grid-template-columns:auto 1fr auto}.brand span,.local-badge,.step span:last-child{display:none}.step{padding-right:7px}.setup-layout{gap:54px}.workspace-body{grid-template-columns:190px minmax(0,1fr) 254px}.palette-sticker{padding-right:7px;font-size:0}}@media (max-width:900px){.setup-layout{grid-template-columns:1fr;width:min(680px,100% - 36px);padding:48px 0 80px}.setup-copy h1{font-size:clamp(58px,14vw,96px)}.setup-card{box-shadow:7px 7px 0 var(--ink), 10px 10px 0 var(--lavender)}.workspace{overflow:auto}.workspace-body{grid-template-rows:auto minmax(620px,75vh) auto;grid-template-columns:1fr;min-height:auto}.capture-rail{border-bottom:1px solid #c6c3bb;border-right:0;grid-template-rows:32px 84px;height:116px;min-height:116px}.rail-heading{height:32px}.rail-pages{gap:12px;padding:5px 10px 9px;display:flex;overflow:auto hidden}.rail-page{min-width:540px}.rail-page+.rail-page{margin-top:0}.rail-page-title{padding-bottom:4px}.rail-captures{grid-template-columns:repeat(3,minmax(165px,1fr))}.annotation-inspector{border-top:1px solid #c6c3bb;border-left:0;min-height:390px}.text-rewrite-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.text-rewrite-heading,.text-rewrite-intro,.text-rewrite-generate,.text-rewrite-error,.text-rewrite-result{grid-column:1/-1}.canvas-column{min-height:620px}.page-list-heading,.page-row{grid-template-columns:minmax(210px,1fr) minmax(200px,.8fr) 70px}}@media (max-width:680px){.app-header{grid-template-columns:auto 1fr auto;gap:10px;height:66px;padding:0 13px}.brand>div:last-child,.icon-text-button span,.stepper .step:not(.is-current):not(.is-done),.toolbar-back span,.export-button{display:none}.stepper{justify-self:center;width:fit-content}.step{padding:4px}.step.is-current span:last-child{padding-right:6px;display:inline}.header-actions{gap:0}.icon-text-button{justify-content:center;width:40px;height:40px;padding:0}.setup-layout{gap:38px;width:calc(100% - 28px);min-height:calc(100dvh - 66px);padding-top:36px}.setup-copy h1{font-size:clamp(52px,18vw,78px)}.lead{margin:24px 0;font-size:16px}.feature-strip{gap:10px}.setup-card{border-radius:20px 20px 20px 7px;padding:22px 17px}.site-login-fields{grid-template-columns:1fr}.site-login-url,.site-login-privacy{grid-column:auto}.viewport-grid{grid-template-columns:1fr}.viewport-card{grid-template-columns:1fr 130px;align-items:center;display:grid}.dimension-row{margin-top:0}.page-width,.capture-screen{width:calc(100% - 28px);padding-top:40px}.section-heading{flex-direction:column;align-items:flex-start;gap:22px}.section-heading h1,.capture-hero h1{font-size:42px}.add-url-bar{padding-left:12px}.page-list-heading{display:none}.page-list{border:0;gap:8px;display:grid}.page-row{border:1px solid var(--soft-line);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:102px;padding:13px}.page-row code{grid-area:2/1/auto/-1}.row-actions{grid-area:1/2}.screen-footer{flex-direction:column;align-items:stretch;bottom:8px}.screen-footer .secondary-button,.screen-footer .primary-button{width:100%}.viewport-summary{order:-1}.capture-grid{grid-template-columns:1fr}.stage-annotate{height:auto;overflow:visible}.stage-annotate .app-header{position:sticky;top:0}.workspace{grid-template-rows:52px auto;height:auto;min-height:calc(100dvh - 66px)}.workspace-toolbar{z-index:20;position:sticky;top:66px;overflow-x:auto}.workspace-body{grid-template-rows:auto 630px auto}.text-rewrite-panel{grid-template-columns:1fr}.zoom-control{margin-left:0}.workspace-export-actions{margin-left:auto}.agent-prompt-button{padding:0 9px}.agent-prompt-backdrop{padding:12px}.agent-prompt-dialog{max-height:calc(100dvh - 24px);box-shadow:5px 5px 0 var(--ink)}.tutorial-backdrop{padding:10px}.tutorial-dialog{max-height:calc(100dvh - 20px);box-shadow:4px 4px 0 var(--ink);border-radius:15px}.tutorial-content{padding:12px}.tutorial-summary{grid-template-columns:1fr;gap:12px}.tutorial-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-prompt-result>div{flex-direction:column;align-items:flex-start}.agent-prompt-result>div>span{text-align:left}.download-current{background:var(--acid);border-color:var(--ink)}.canvas-column{grid-template-rows:45px minmax(0,1fr) 76px;min-height:630px}.canvas-scroll{padding:24px 18px}.sticker-palette{grid-template-columns:64px minmax(0,1fr);padding:7px 9px}.palette-sticker{justify-content:center;width:38px;height:38px;padding:0}.palette-sticker>span{width:25px;height:25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}