:root{color-scheme:light;--bg: #f4f1e8;--ink: #171716;--muted: #68635a;--line: #d9d1c3;--surface: #fffdf8;--surface-strong: #f8efe0;--accent: #176b5b;--accent-dark: #0d4d40;--amber: #b15c12;--red: #b93b35;--green: #177049;--blue: #2d5f9a;--shadow: 0 24px 70px rgb(69 51 24 / 14%);font-family:Aptos,Segoe UI,system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:linear-gradient(90deg,rgb(23 107 91 / 6%) 1px,transparent 1px),linear-gradient(180deg,rgb(23 107 91 / 6%) 1px,transparent 1px),var(--bg);background-size:42px 42px;color:var(--ink);overflow-x:hidden}button,input,textarea{font:inherit}button{cursor:pointer}code{border:1px solid var(--line);border-radius:5px;background:#fff8ec;padding:.08rem .28rem;font-family:SFMono-Regular,Consolas,monospace;font-size:.92em}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 64px}.tool-hero{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(620px,1.18fr);gap:28px;align-items:start;min-height:680px}.hero-copy{position:sticky;top:28px;padding:28px 10px 0 0}.product-name{margin:0 0 22px;color:var(--accent-dark);font-family:Georgia,Times New Roman,serif;font-size:1.1rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{max-width:560px;margin-bottom:24px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.88rem,4vw,3.8rem);line-height:.98;letter-spacing:0}.lede{max-width:540px;color:var(--muted);font-size:1.08rem;line-height:1.65}.tool-surface{min-width:0;overflow:hidden;border:1px solid #cfc4b2;border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.tab-list{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:#ede5d7}.tab-button{border:0;border-right:1px solid var(--line);background:transparent;padding:16px 18px;color:var(--muted);font-size:.94rem;font-weight:750}.tab-button:last-child{border-right:0}.tab-button.is-active{background:var(--surface);color:var(--ink)}.panel-grid{display:grid;grid-template-columns:minmax(280px,.95fr) minmax(300px,1.05fr);gap:0}.tab-panel[hidden]{display:none}.input-panel,.builder-form,.result-panel{min-width:0;padding:24px}.input-panel,.builder-form{border-right:1px solid var(--line)}label{display:grid;gap:8px;color:#36312b;font-size:.88rem;font-weight:750}textarea,input{width:100%;min-width:0;border:1px solid #cfc4b2;border-radius:7px;background:#fffcf6;color:var(--ink);outline:none;padding:13px 14px;font-size:.96rem;line-height:1.45;transition:border-color .16s ease,box-shadow .16s ease}textarea{min-height:170px;resize:vertical;font-family:SFMono-Regular,Consolas,monospace}textarea:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #176b5b1f}.button-row,.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.button-row{margin-top:14px}.primary-button,.ghost-button,.mini-button,.preset-group button{border-radius:7px;min-height:42px;font-size:.9rem;font-weight:800}.primary-button{border:1px solid var(--accent-dark);background:var(--accent);color:#fffef7}.primary-button:hover{background:var(--accent-dark)}.ghost-button,.mini-button,.preset-group button{border:1px solid #cfc4b2;background:#fff8ec;color:#34302b}.ghost-button:hover,.mini-button:hover,.preset-group button:hover{border-color:#a99983;background:#f5ead9}.score-block{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:18px}.score-block strong{display:block;font-family:Georgia,Times New Roman,serif;font-size:3.1rem;line-height:1}.eyebrow{display:block;margin-bottom:5px;color:var(--muted);font-size:.75rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.status-pill{border-radius:999px;padding:8px 11px;white-space:nowrap;font-size:.78rem;font-weight:850}.status-idle{background:#ebe3d3;color:var(--muted)}.status-valid{background:#1770491f;color:var(--green)}.status-needs-work{background:#b15c1221;color:var(--amber)}.status-invalid{background:#b93b351f;color:var(--red)}.normalized-box{margin-top:18px;border:1px solid var(--line);border-radius:8px;background:#f7f0e4}.box-header{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:10px 12px;color:#3d362e;font-size:.82rem;font-weight:850}.mini-button{min-height:30px;padding:0 10px;font-size:.76rem}.mini-button:disabled{cursor:not-allowed;opacity:.5}.normalized-box p{overflow-wrap:anywhere;margin:0;padding:13px 12px 14px;color:var(--muted);font-family:SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.55}.issue-list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}.issue,.empty-state{border:1px solid var(--line);border-left-width:5px;border-radius:7px;background:#fffbf3;padding:12px 13px}.issue strong,.issue span{display:block}.issue strong{font-size:.9rem;line-height:1.35}.issue span{margin-top:5px;color:var(--muted);font-size:.82rem;line-height:1.45}.issue-error{border-left-color:var(--red)}.issue-warning{border-left-color:var(--amber)}.issue-suggestion{border-left-color:var(--blue)}.issue-pass{border-left-color:var(--green)}.empty-state{color:var(--muted);font-size:.9rem}.builder-form{display:grid;gap:15px}.preset-group{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.preset-group span{flex:0 0 74px;color:var(--muted);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.preset-group button{min-height:32px;padding:0 10px;font-size:.78rem}.checkbox-row{display:flex;gap:10px;align-items:center;color:var(--muted);font-weight:700}.checkbox-row input{width:18px;height:18px}.content-band{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;border-top:1px solid #d5cbbd;padding:42px 0}.hero-copy,.content-band>*,.check-grid>*{min-width:0}.content-band h2{margin-bottom:12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.04}.content-band p{color:var(--muted);line-height:1.68}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.check-grid article,details{border:1px solid var(--line);border-radius:8px;background:#fffdf8c2;padding:18px}.check-grid h3{margin-bottom:8px;font-size:1rem}.check-grid p{margin-bottom:0;font-size:.92rem}.faq-band{grid-template-columns:.55fr 1fr}.seo-band{grid-template-columns:.7fr 1.3fr}.seo-copy{display:grid;gap:14px;border:1px solid var(--line);border-radius:8px;background:#fffdf8c2;padding:22px}.seo-copy p{margin-bottom:0}details{margin-bottom:12px}summary{cursor:pointer;font-weight:850}details p{margin:12px 0 0}.footer{border-top:1px solid #d5cbbd;background:#fffdf885}.footer-content{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:26px 0}.footer-copy,.footer-meta-group{display:grid;gap:5px}.footer-meta-group{justify-items:end;text-align:right}.footer-title,.footer-text,.footer-meta{margin:0}.footer-title{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-weight:700}.footer-text,.footer-meta{color:var(--muted);font-size:.9rem;line-height:1.45}.footer-link{color:var(--accent-dark);font-size:.9rem;font-weight:800;text-decoration-thickness:1px;text-underline-offset:3px}.footer-link:hover{color:var(--accent)}@media(max-width:980px){.tool-hero,.content-band,.seo-band,.faq-band{grid-template-columns:1fr}.tool-hero{min-height:0}.hero-copy{position:static;padding:8px 0 0}.panel-grid,.check-grid{grid-template-columns:1fr}.input-panel,.builder-form{border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:620px){.page-shell{width:min(370px,calc(100vw - 20px));max-width:min(370px,calc(100vw - 20px));padding-top:18px}.tool-hero,.tool-surface,.content-band,.seo-band,.faq-band{width:100%;max-width:min(370px,calc(100vw - 20px));overflow-x:hidden}h1{max-width:100%;font-size:1.49rem;overflow-wrap:break-word}.lede,.content-band p{overflow-wrap:break-word}.tool-surface{border-radius:6px}.input-panel,.builder-form,.result-panel{padding:16px}.button-row,.field-grid{grid-template-columns:1fr}.score-block{align-items:flex-start;flex-direction:column}.tab-button{min-width:0;overflow:hidden;padding:14px 10px;text-overflow:ellipsis;white-space:nowrap}.footer-content{align-items:flex-start;flex-direction:column;width:min(370px,calc(100vw - 20px))}.footer-meta-group{justify-items:start;text-align:left}}