:root{--ink:#10231f;--muted:#62706c;--paper:#f5f7f3;--white:#fff;--line:#dce3de;--green:#00a86b;--lime:#b5f23b;--amber:#f2a900;--red:#df3b32;--blue:#146ef5;--shadow:0 18px 48px rgba(16,35,31,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;letter-spacing:0}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button,input{font:inherit}button{cursor:pointer}.topbar{height:68px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#fff}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:17px}.brand strong{color:var(--lime)}.brand-mark{display:flex;align-items:flex-end;gap:3px;height:22px}.brand-mark i{width:4px;background:var(--lime);display:block}.brand-mark i:nth-child(1){height:9px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:22px}.product-tag,.eyebrow{font:500 11px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.product-tag{border:1px solid #49605a;padding:5px 8px;color:#b9c5c1}.search-zone{background:var(--ink);color:#fff;padding:58px 20px 0}.search-inner{max-width:1080px;margin:auto}.search-zone .eyebrow{color:var(--lime);margin:0 0 12px}.search-zone h1{font-size:clamp(34px,5vw,62px);line-height:1.05;letter-spacing:-.04em;max-width:680px;margin:0 0 34px}form{display:grid;grid-template-columns:1fr auto;max-width:900px;box-shadow:0 14px 34px rgba(0,0,0,.23)}.url-field{height:62px;background:#fff;display:flex;align-items:center;gap:13px;padding:0 18px;color:var(--muted)}.url-field svg{width:22px;fill:none;stroke:currentColor;stroke-width:1.8}.url-field input{border:0;outline:0;width:100%;color:var(--ink);font-size:16px}.url-field:focus-within{box-shadow:inset 0 0 0 3px var(--lime)}#analyze-button{border:0;background:var(--lime);color:var(--ink);font-weight:800;padding:0 25px;display:flex;align-items:center;gap:12px}#analyze-button:hover{background:#c6ff53}#analyze-button svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}.mode-row{height:67px;display:flex;gap:30px;align-items:flex-end}.mode-button{height:49px;background:none;border:0;border-bottom:3px solid transparent;color:#9aaba5;padding:0 5px;display:flex;align-items:center;gap:8px;font-weight:700}.mode-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.mode-button.active{color:#fff;border-color:var(--lime)}.form-error{position:absolute;color:#ff8a80;font-size:13px;margin:5px 0}.idle-state,.loading-state{max-width:1080px;margin:0 auto;min-height:450px;text-align:center;padding:100px 20px}.idle-grid{display:grid;grid-template-columns:repeat(4,64px);justify-content:center;gap:10px;margin-bottom:32px}.idle-grid span{height:64px;border:1px solid var(--line);display:grid;place-items:center;background:#fff;font:500 12px DM Mono;color:var(--green);box-shadow:4px 4px 0 #dff0e5}.idle-state h2,.loading-state h2{font-size:25px;margin:0 0 10px}.idle-state p,.loading-note{color:var(--muted)}.scanner{width:78px;height:78px;margin:0 auto 25px;border:1px solid var(--line);background:#fff;position:relative;overflow:hidden}.scanner:before{content:"";position:absolute;inset:15px;background:repeating-linear-gradient(#dfe8e3 0 2px,transparent 2px 8px)}.scanner div{position:absolute;z-index:2;left:0;right:0;height:2px;background:var(--green);box-shadow:0 0 12px var(--green);animation:scan 1.7s ease-in-out infinite}@keyframes scan{0%,100%{top:8px}50%{top:68px}}.loading-label{color:var(--green);font:500 11px DM Mono;letter-spacing:.12em;text-transform:uppercase}.loading-state h2{word-break:break-all}.loading-state ol{display:flex;justify-content:center;gap:26px;list-style:none;padding:28px 0 0;margin:30px 0 10px;border-top:1px solid var(--line);color:#94a09c;font-size:13px}.loading-state li.active{color:var(--ink);font-weight:700}.report{max-width:1120px;margin:0 auto;padding:55px 20px 90px}.report-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:26px}.report-head .eyebrow,.section-title .eyebrow{color:var(--green);margin:0 0 7px}.report-head h2{font-size:25px;margin:0 0 7px;word-break:break-all}.report-head p:last-child{color:var(--muted);font-size:13px;margin:0}.report-actions{display:flex;gap:8px}.report-actions button{height:40px;border:1px solid var(--line);background:#fff;color:var(--ink);display:flex;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:700}.report-actions svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.7}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:36px 0 18px}.score-card{background:#fff;border:1px solid var(--line);padding:22px 16px;text-align:center;position:relative;overflow:hidden}.score-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--score-color)}.score-ring{width:91px;height:91px;border-radius:50%;margin:0 auto 15px;display:grid;place-items:center;background:conic-gradient(var(--score-color) calc(var(--score)*1%),#e8ece9 0);position:relative}.score-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.score-ring strong{z-index:1;font:500 26px DM Mono;color:var(--score-color)}.score-card p{font-size:13px;font-weight:700;margin:0}.legend{display:flex;justify-content:center;gap:18px;color:var(--muted);font-size:11px;margin-bottom:42px}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:7px;height:7px;border-radius:50%}.bad{background:var(--red)}.average{background:var(--amber)}.good{background:var(--green)}.summary-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px}.metric-panel,.preview-panel,.filmstrip-section,.audit-block{background:#fff;border:1px solid var(--line);padding:28px}.section-title h3{font-size:18px;margin:0 0 22px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.metric{padding:16px 0;border-top:1px solid var(--line)}.metric p{font-size:12px;color:var(--muted);margin:0 0 5px}.metric strong{font:500 21px DM Mono;color:var(--metric-color)}.metric span{font-size:10px;color:var(--muted);margin-left:7px}.final-shot{height:276px;background:#ecf0ed;display:grid;place-items:center;overflow:hidden}.final-shot img{max-width:100%;max-height:100%;display:block;box-shadow:0 4px 18px rgba(0,0,0,.15)}.filmstrip-section{margin-top:20px}.filmstrip{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;overflow-x:auto}.filmstrip figure{margin:0;min-width:90px}.filmstrip img{width:100%;aspect-ratio:1.5;object-fit:cover;object-position:top;border:1px solid var(--line)}.filmstrip figcaption{font:400 9px DM Mono;color:var(--muted);margin-top:5px}.audit-block{margin-top:20px}.audit-block-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:5px}.audit-block-head span{font:400 11px DM Mono;color:var(--muted)}details{border-top:1px solid var(--line)}summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:16px 0;cursor:pointer;font-size:13px;font-weight:700}summary::-webkit-details-marker{display:none}.audit-dot{width:8px;height:8px;border-radius:50%;background:var(--audit-color)}.audit-saving{font:500 11px DM Mono;color:var(--red)}.audit-chevron{width:8px;height:8px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg);transition:.2s}details[open] .audit-chevron{transform:rotate(225deg)}.audit-body{padding:0 28px 20px;color:var(--muted);font-size:12px;line-height:1.65}.audit-body code{font-family:DM Mono;word-break:break-all;background:var(--paper);padding:2px 4px}.audit-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:11px}.audit-table td{padding:8px;border-top:1px solid var(--line);vertical-align:top}.audit-table td:last-child{text-align:right;font-family:DM Mono}footer{min-height:78px;background:var(--ink);color:#879993;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;font-size:11px}footer span:first-child{color:#fff;font-weight:700}
@media(max-width:760px){.search-zone{padding-top:38px}.search-zone h1{font-size:38px}form{grid-template-columns:1fr}.url-field{height:58px}#analyze-button{height:54px;justify-content:center}.mode-row{justify-content:center}.idle-state,.loading-state{padding-top:70px}.loading-state ol{flex-direction:column;gap:8px}.report{padding-top:35px}.report-head{display:block}.report-actions{margin-top:20px}.score-grid{grid-template-columns:1fr 1fr}.summary-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.filmstrip{grid-template-columns:repeat(8,100px)}footer{display:block;padding-top:22px}footer span{display:block;margin-bottom:7px}}
@media print{.topbar,.search-zone,.report-actions,footer,.idle-state{display:none!important}.report{padding:0}.score-card,.metric-panel,.preview-panel,.filmstrip-section,.audit-block{break-inside:avoid}.audit-body{display:block}}