:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{grid-template-columns:292px minmax(0,1fr) 322px;min-height:100vh;display:grid}.sidebar,.info-panel{background:#fff;border-right:1px solid #dbe3ee;height:100vh;padding:20px;position:sticky;top:0;overflow:auto}.info-panel{border-left:1px solid #dbe3ee;border-right:0;flex-direction:column;gap:16px;display:flex}.brand{align-items:center;gap:10px;margin-bottom:18px;display:inline-flex}.brand.wide{margin:0 0 28px}.brand-mark{color:#fff;background:#0f766e;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.brand strong{color:#111827;font-size:16px;display:block}.brand small{color:#667085;margin-top:2px;font-size:12px;display:block}.tool-search{color:#667085;border:1px solid #d7dfeb;border-radius:8px;align-items:center;gap:8px;min-height:40px;margin-bottom:18px;padding:0 10px;display:flex}.tool-search input{color:#172033;background:0 0;border:0;outline:0;width:100%;min-width:0}.tool-group{margin-bottom:18px}.tool-group h2{color:#657085;text-transform:uppercase;letter-spacing:0;margin:0 0 8px;font-size:12px}.tool-list{gap:6px;display:grid}.tool-link{color:#253244;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:24px 1fr;align-items:center;gap:10px;width:100%;min-height:58px;padding:9px;display:grid}.tool-link:hover,.tool-link.active{color:#0f766e;background:#ecfdf5;border-color:#99f6e4}.tool-link strong,.tool-link small{display:block}.tool-link strong{font-size:14px;line-height:1.2}.tool-link small{color:#667085;margin-top:4px;font-size:12px}.workspace{min-width:0;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.eyebrow{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.topbar h1,.content-page h1{color:#101828;letter-spacing:0;max-width:900px;margin:0;font-size:clamp(30px,5vw,54px);line-height:1}.topbar p,.content-intro{color:#566273;max-width:820px;margin:10px 0 0;line-height:1.65}.site-link{color:#344054;background:#fff;border:1px solid #d7dfeb;border-radius:8px;flex:none;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-weight:750;display:inline-flex}.tool-problem,.audit-note{color:#115e59;background:#ecfdf5;border:1px solid #b7efe3;border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:9px;max-width:820px;margin-top:12px;padding:12px;display:grid}.tool-problem strong{color:#0f766e;letter-spacing:0;text-transform:uppercase;grid-column:1/-1;font-size:11px}.tool-problem p,.audit-note p{color:#334155;margin:0;line-height:1.45}.audit-layout,.tool-surface{grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);align-items:start;gap:18px;display:grid}.input-panel,.result-panel,.info-panel section,.page-support,.content-page{background:#fff;border:1px solid #dbe3ee;border-radius:8px;box-shadow:0 1px 2px #1018280a}.input-panel,.result-panel,.page-support{padding:18px}label span,.result-header strong{color:#253244;margin-bottom:8px;font-size:13px;font-weight:800;display:block}input,textarea{color:#172033;background:#fbfcff;border:1px solid #d3dce8;border-radius:8px;width:100%}input{min-height:46px;padding:0 13px}textarea{resize:vertical;min-height:440px;padding:13px;line-height:1.5}input:focus,textarea:focus,button:focus-visible{outline-offset:1px;outline:2px solid #14b8a6}.url-row{grid-template-columns:1fr;gap:10px;display:grid}.url-row .primary-button{white-space:nowrap;width:fit-content;min-width:180px;max-width:100%;padding:0 16px}.primary-button,.action-row button,.result-header button,.example-row button,.related-list button{color:#253244;background:#fff;border:1px solid #d7dfeb;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 12px;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:#0f766e;border-color:#0f766e}.primary-button:disabled{cursor:not-allowed;opacity:.65}.example-row{flex-wrap:wrap;gap:8px;display:flex}.example-row button{color:#344054;min-height:34px;font-size:13px}.error-box{color:#991b1b;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;padding:12px;font-weight:750}.empty-state{text-align:center;align-content:center;justify-items:center;min-height:360px;display:grid}.empty-state h2,.score-header h2,.info-panel h2,.page-support h2,.content-page h2,.checks-section h3,.recommendations h3{color:#111827;margin:0}.empty-state p{color:#667085;max-width:560px;margin:10px auto 18px;line-height:1.55}.mini-grid,.summary-grid,.pill-list{flex-wrap:wrap;gap:8px;display:flex}.mini-grid span,.summary-grid span,.pill-list span{color:#344054;background:#f8fafc;border:1px solid #d7dfeb;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.score-header{border-bottom:1px solid #e5ebf3;grid-template-columns:92px 1fr;align-items:center;gap:16px;padding-bottom:18px;display:grid}.score-ring{color:#fff;border-radius:999px;place-items:center;width:86px;height:86px;font-size:28px;font-weight:900;display:grid}.score-ok{background:#118a4f}.score-warn{background:#b7791f}.score-bad{background:#c2410c}.score-header p{color:#344054;overflow-wrap:anywhere;margin:6px 0}.score-header small,.check-card small,.recommendations small{color:#667085;line-height:1.45}.summary-grid{margin:16px 0}.action-links{margin:18px 0}.action-links h3{color:#111827;margin:0 0 10px}.action-links>div{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.action-links a,.recommendation-link{color:#0f766e;background:#ecfdf5;border:1px solid #99f6e4;border-radius:8px;font-weight:800}.action-links a{padding:11px;display:block}.action-links strong,.action-links span{display:block}.action-links span{color:#334155;margin-top:5px;font-size:12px;font-weight:650;line-height:1.4}.recommendation-link{align-items:center;min-height:32px;margin-top:10px;padding:0 10px;font-size:13px;display:inline-flex}.engine-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 4px;display:grid}.engine-card{background:#fbfcff;border:1px solid #d7dfeb;border-radius:8px;padding:12px}.engine-card strong,.engine-card span,.engine-card small{display:block}.engine-card strong{color:#253244}.engine-card span{margin-top:8px;font-size:30px;font-weight:900;line-height:1}.engine-card span.good{color:#118a4f}.engine-card span.warn{color:#b7791f}.engine-card span.bad{color:#c2410c}.engine-card small{color:#667085;margin-top:5px;font-weight:750}.check-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px;display:grid}.check-card{background:#fff;border:1px solid #d7dfeb;border-radius:8px;padding:12px}.check-card.pass{background:#f3fbf6;border-color:#bfe7d1}.check-card.warn{background:#fff9e8;border-color:#fde4a8}.check-card.fail{background:#fff6f6;border-color:#fecaca}.check-card>div{color:#253244;align-items:center;gap:8px;display:flex}.check-card.pass>div{color:#157347}.check-card.warn>div{color:#a16207}.check-card.fail>div{color:#b91c1c}.check-card p{color:#344054;margin:8px 0 4px;line-height:1.45}.check-card em{color:#1d4ed8;margin-top:8px;font-size:13px;font-style:normal;font-weight:750;display:block}.recommendations{margin-top:18px}.recommendations article{border-top:1px solid #e5ebf3;grid-template-columns:76px 1fr;gap:12px;padding:13px 0;display:grid}.priority{text-align:center;text-transform:uppercase;border-radius:999px;align-self:start;padding:5px 8px;font-size:11px;font-weight:900}.priority.high{color:#991b1b;background:#fee2e2}.priority.medium{color:#92400e;background:#fef3c7}.priority.low{color:#1e40af;background:#dbeafe}.recommendations p{color:#344054;margin:5px 0;line-height:1.5}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#172033;margin:0;font-size:13px;line-height:1.5}.recommendations pre{background:#f8fafc;border-radius:8px;margin-top:8px;padding:10px}.output-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:18px;display:grid}.text-output{background:#fff;border:1px solid #dbe3ee;border-radius:8px;min-width:0;overflow:hidden}.result-header{border-bottom:1px solid #e5ebf3;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.result-header strong{margin:0}.result-header div,.action-row{gap:8px;display:flex}.generator-status{color:#5c6675;margin:10px 0 0;font-size:13px;line-height:1.45}.generator-status.ready{color:#147a3d;font-weight:750}.generator-status.stale{color:#9a5b00;font-weight:750}.result-header button{min-height:34px;font-size:13px}.text-output pre{background:#fbfcff;max-height:520px;padding:13px;overflow:auto}.text-output pre.empty-output{color:#667085}.tool-surface .text-output{align-self:start}.page-support{grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);gap:16px;margin-top:18px;display:grid}.page-support p{color:#566273;margin:9px 0 0;line-height:1.6}.related-list{flex-wrap:wrap;align-content:start;gap:8px;display:flex}.related-list button{min-height:34px;font-size:13px}.info-panel section{padding:14px}.steps{color:#566273;margin:10px 0 0;padding-left:20px;line-height:1.55}.portfolio-links{gap:8px;margin-top:10px;display:grid}.portfolio-links a{color:#344054;background:#f8fafc;border:1px solid #d7dfeb;border-radius:8px;padding:9px 10px;font-weight:750}.single-page{max-width:1120px;margin:0 auto;padding:28px}.content-page{padding:28px}.content-sections{gap:18px;margin-top:28px;display:grid}.content-page p{color:#566273;line-height:1.65}.related-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px;display:grid}.related-grid a{background:#fbfcff;border:1px solid #d7dfeb;border-radius:8px;padding:13px}.related-grid strong,.related-grid span{display:block}.related-grid span{color:#667085;margin-top:6px;font-size:13px;line-height:1.45}.primary-link{color:#fff;background:#0f766e;border-radius:8px;align-items:center;min-height:42px;margin-top:18px;padding:0 14px;font-weight:800;display:inline-flex}@media (width<=1420px){.app-shell{grid-template-columns:250px minmax(0,1fr)}.info-panel{display:none}.audit-layout,.tool-surface{grid-template-columns:1fr}}@media (width<=820px){.app-shell{flex-direction:column;display:flex}.sidebar,.info-panel{border-right:0;height:auto;position:static}.workspace{order:1}.sidebar{order:2}.workspace,.single-page{padding:18px}.topbar,.page-support,.url-row,.output-grid,.engine-grid,.score-header,.check-list{grid-template-columns:1fr}.url-row .primary-button{width:100%;min-width:0}.topbar{display:grid}.site-link{width:fit-content}}