:root{color-scheme:light;--bg: #f7f9fc;--surface: #ffffff;--ink: #172033;--muted: #5a667a;--line: #d8e0ea;--primary: #0f766e;--primary-dark: #115e59;--accent: #2563eb;--warn: #b45309;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,.button{border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:8px;padding:.68rem .95rem;cursor:pointer}button:hover,button:focus-visible,.button:hover,.button:focus-visible{background:var(--primary-dark);outline:3px solid #99f6e4}button:disabled{opacity:.5;cursor:not-allowed}.button.secondary{background:#fff;color:var(--primary-dark)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);background:var(--surface);border-bottom:1px solid var(--line)}.site-footer{background:var(--surface);display:grid;border-top:1px solid var(--line);border-bottom:0;margin-top:4rem}.footer-inner{width:min(1320px,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0;display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(2,minmax(160px,.8fr));gap:1rem;align-items:flex-start}.site-footer nav,.footer-brand{display:grid;gap:.35rem}.site-footer nav a{width:fit-content;border-radius:6px;padding:.18rem 0}.site-footer p{max-width:420px;margin:.2rem 0 0;color:var(--muted)}.brand{display:grid;gap:.05rem;font-weight:800;font-size:1.1rem;color:var(--primary-dark)}.brand small{color:var(--muted);font-size:.72rem;font-weight:600}nav{display:flex;flex-wrap:wrap;gap:.35rem;color:var(--muted)}nav a{border-radius:999px;padding:.45rem .7rem}nav a:hover,nav a:focus-visible{background:#eef6ff;color:var(--accent);outline:none}nav a[aria-current=page]{background:#e0f2fe;color:var(--accent);font-weight:800}.nav-cta{border:1px solid var(--primary);border-radius:999px;color:var(--primary-dark);padding:.48rem .8rem;font-weight:700}.site-header nav{align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:999px;padding:.25rem}.header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.45rem}.header-link{color:var(--muted);font-size:.92rem;padding:.45rem .55rem;border-radius:999px}.header-link:hover,.header-link:focus-visible{background:#eef6ff;color:var(--accent);outline:none}main{width:min(1320px,calc(100% - 2rem));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:1.4rem;align-items:center;padding:clamp(2rem,7vw,5rem) 0 1.5rem}.hero.compact{grid-template-columns:1fr;padding:2.2rem 0 .5rem}.hero.compact.hub-hero{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:end}.hero h1{max-width:860px;margin:0;font-size:clamp(2.1rem,6vw,4.5rem);line-height:1.03;letter-spacing:0}.hero.compact h1{font-size:clamp(2rem,4vw,3.2rem)}.hero p{max-width:760px;color:var(--muted);font-size:1.08rem}.hero-product-panel,.hub-hero-panel{border:1px solid var(--line);border-radius:8px;background:#fff;padding:1rem;box-shadow:0 18px 48px #0f172a14}.hub-hero-panel{display:grid;gap:.45rem}.hub-hero-panel strong{font-size:1.35rem;color:var(--primary-dark)}.hub-hero-panel span{color:var(--muted)}.hub-hero-panel a{color:var(--accent);font-weight:800}.eyebrow{margin:0;color:var(--primary-dark);font-weight:700;text-transform:uppercase;font-size:.78rem}.hero-actions,.export-row,.mode-row{display:flex;flex-wrap:wrap;gap:.65rem}.action-note,.sample-note{color:var(--muted);font-size:.9rem}.mini-table{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:.35rem;padding-bottom:.85rem;border-bottom:1px solid var(--line)}.mini-table span{color:var(--muted);font-size:.76rem;font-weight:800}.mini-table strong{font-size:.9rem}.mini-bars{display:flex;align-items:end;gap:.5rem;height:150px;padding:1rem 0}.mini-bars i{flex:1;border-radius:6px 6px 0 0;background:#5470c6}.mini-bars i:nth-child(1){height:82%}.mini-bars i:nth-child(2){height:56%;background:#91cc75}.mini-bars i:nth-child(3){height:38%;background:#fac858}.mini-bars i:nth-child(4){height:28%;background:#73c0de}.mini-score{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.mini-score strong{font-size:2rem;color:var(--primary-dark)}.mini-score span,.mini-score b{color:var(--muted);font-size:.85rem}.demo-intro{margin-top:1rem}.page-stack{display:grid;gap:1.6rem}.narrow{max-width:860px}.content-grid,.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem}.content-grid>div,.tool-card,.tool-panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1rem}.tool-panel{min-width:0;overflow:hidden}.tool-card{display:grid;gap:.45rem;min-height:150px}.tool-card span,.tool-card small,.content-grid p{color:var(--muted)}.check-list{display:grid;gap:.75rem;padding-left:1.2rem}.tool-shell{display:grid;grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(300px,340px);gap:1rem;align-items:stretch;margin:1.2rem 0 2rem}.workflow-stepper{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.workflow-stepper li{display:grid;grid-template-columns:auto 1fr;gap:.1rem .45rem;align-items:center;min-height:3.2rem;border:1px solid var(--line);border-radius:8px;border-color:var(--line);background:#fff;color:var(--ink);text-align:left;padding:.5rem .65rem}.workflow-stepper span{grid-row:span 2;display:inline-grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:999px;background:#e2e8f0;font-weight:900}.workflow-stepper small{color:var(--muted);font-size:.76rem}.tool-status,.trust-strip{grid-column:1 / -1}.tool-status{display:flex;justify-content:space-between;gap:1rem;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;padding:.75rem .9rem}.tool-status>div:first-child{display:grid;grid-template-columns:auto 1fr;gap:.1rem .5rem;align-items:center;min-width:0}.tool-status p{grid-column:2;margin:0;color:var(--muted);font-size:.88rem}.status-dot{width:.7rem;height:.7rem;border-radius:999px;background:var(--primary);box-shadow:0 0 0 4px #ccfbf1}.status-error .status-dot{background:#b91c1c;box-shadow:0 0 0 4px #fee2e2}.status-processing .status-dot{background:var(--accent);box-shadow:0 0 0 4px #dbeafe}.tool-status-meta,.trust-strip{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.tool-status-meta span,.trust-strip span{border:1px solid #bfdbfe;border-radius:999px;background:#eff6ff;color:var(--primary-dark);padding:.2rem .55rem;font-size:.8rem;font-weight:800}.reset-tool{padding:.35rem .6rem;min-height:auto}.trust-strip{justify-content:center;padding:.35rem 0}.panel-kicker{margin:0;color:var(--accent);font-size:.76rem;font-weight:800;text-transform:uppercase}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;min-width:0}.input-panel .panel-heading{display:block}.tool-panel h2,.tool-panel h3{margin-top:0;line-height:1.16}.tool-panel h2{margin-bottom:.2rem;font-size:clamp(1.25rem,2vw,1.55rem)}.mode-row button{background:#eef6ff;color:#1d4ed8;border-color:#bfdbfe}.mode-row button.selected{background:var(--accent);color:#fff}.sample-picker,.preset-picker,.chart-title-field,.source-note-field{display:grid;gap:.35rem;min-width:0}.sample-picker{margin-top:.7rem}.sample-picker>span:first-child,.preset-picker>span:first-child,.chart-title-field>span,.source-note-field>span{color:var(--muted);font-size:.78rem;font-weight:800}.select-shell{position:relative;display:block;min-width:0}.select-shell:after{content:"";position:absolute;right:.85rem;top:50%;width:.45rem;height:.45rem;border:solid var(--muted);border-width:0 2px 2px 0;pointer-events:none;transform:translateY(-65%) rotate(45deg)}.select-shell select,.chart-title-field input,.source-note-field input{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:700}.select-shell select{appearance:none;padding:.64rem 2.3rem .64rem .75rem}.input-panel .mode-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:.75rem}.input-panel .mode-row button{min-width:0;padding:.58rem .25rem;font-size:.88rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-title-field{margin:.35rem 0 .75rem}.source-note-field{margin:-.2rem 0 .65rem}.chart-title-field input,.source-note-field input{padding:.64rem .75rem}.source-note-field small{color:var(--muted);font-size:.82rem;font-weight:500}.config-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin:.45rem 0 .55rem}.config-tabs button{min-height:2.2rem;padding:.35rem .4rem;border-color:var(--line);background:#fff;color:var(--primary-dark);font-size:.84rem;font-weight:800}.config-tabs button.active{border-color:var(--primary);background:#ccfbf1;color:var(--primary-dark)}.config-panel{display:none!important}.config-panel.active{display:grid!important}.chart-title-field input:focus-visible,.source-note-field input:focus-visible,.select-shell select:focus-visible{border-color:var(--accent);outline:3px solid #bfdbfe}.compact-note{margin-top:.45rem}.chart-control-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:.65rem 0;padding:.65rem;border:1px solid var(--line);border-radius:8px;background:#fbfdff}.chart-control-panel label{display:grid;gap:.25rem;min-width:0;color:var(--muted);font-size:.78rem;font-weight:800}.chart-control-panel .check-control{display:flex;flex-direction:row;align-items:center;color:var(--ink);font-size:.88rem}.check-control input{width:auto}.format-help{display:grid;gap:.35rem;margin-top:.8rem;padding:.8rem;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff}.format-help span,.format-help code{color:var(--muted);font-size:.88rem;white-space:pre-wrap}.schema-inspector{display:grid;gap:.45rem;padding:.75rem;border:1px solid var(--line);border-radius:8px;background:#fbfdff}.schema-heading{display:grid;gap:.1rem}.schema-heading small,.cleanup-actions span{color:var(--muted);font-size:.82rem}.schema-inspector label{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:.5rem;align-items:center}.schema-inspector label span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schema-inspector select,.chart-control-panel select,.chart-control-panel input,.watermark-control input{min-width:0;width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;padding:.45rem .5rem}.data-check-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;margin-top:.65rem}.data-check-summary div{display:grid;gap:.1rem;padding:.45rem;border:1px solid var(--line);border-radius:8px;background:#fff}.data-check-summary strong{color:var(--primary-dark)}.data-check-summary span{color:var(--muted);font-size:.74rem}.first-row-toggle{display:flex;align-items:center;gap:.4rem;margin-top:.6rem;color:var(--muted);font-size:.86rem}.watermark-control{display:grid;grid-template-columns:auto minmax(160px,1fr);gap:.55rem;align-items:center;margin:.45rem 0 .65rem}.watermark-control .check-control{display:inline-flex;align-items:center;gap:.35rem;font-weight:800;color:var(--ink)}.layout-summary{gap:.5rem;margin:.45rem 0 .65rem;padding:.65rem;border:1px solid var(--line);border-radius:8px;background:#fbfdff}.layout-summary label{display:grid;gap:.25rem;color:var(--muted);font-size:.78rem;font-weight:800}.layout-summary select{border:1px solid var(--line);border-radius:8px;padding:.5rem;background:#fff}.layout-summary p{margin:0;color:var(--muted);font-size:.86rem}.annotation-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.annotation-controls label{display:grid;gap:.25rem;color:var(--muted);font-size:.78rem;font-weight:800}.cleanup-actions{display:flex;align-items:center;gap:.55rem;margin:.65rem 0}.cleanup-actions button{padding:.45rem .65rem;min-height:auto}textarea{width:100%;min-height:260px;resize:vertical;border:1px solid var(--line);border-radius:8px;padding:.85rem;margin:.8rem 0;background:#fbfdff;color:var(--ink)}.file-input{display:grid;gap:.45rem;color:var(--muted)}.dropzone{display:grid;grid-template-columns:auto 1fr;gap:.35rem .75rem;align-items:center;padding:1rem;border:2px dashed var(--primary);border-radius:8px;background:#f0fdfa;color:var(--primary-dark);cursor:pointer;box-shadow:inset 0 0 0 1px #0f766e14}.dropzone input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.dropzone small{grid-column:1 / -1;color:var(--muted)}.dropzone:hover,.dropzone:focus-within{background:#ccfbf1;outline:3px solid #99f6e4}.dropzone-action{border-radius:999px;background:var(--primary);color:#fff;padding:.42rem .7rem;font-weight:800}.dropzone-copy{min-width:0;color:var(--primary-dark);font-weight:800}.field-grid{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.8rem}.field-grid span{border:1px solid var(--line);border-radius:999px;padding:.2rem .55rem;background:#f8fafc;font-size:.85rem}.chart-frame{position:relative;height:clamp(320px,36vw,500px);min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;padding:.75rem}.chart-canvas,.chart-canvas>div:not(.chart-tooltip),.chart-canvas svg{width:100%;max-width:100%;height:100%;max-height:100%}.chart-canvas{min-width:0;min-height:0;background:#fff}.processing-state{position:absolute;inset:.75rem;z-index:2;display:grid;place-items:center;margin:0;border-radius:8px;background:#ffffffd1;color:var(--accent);font-weight:900}.chart-empty-state{position:absolute;inset:.75rem;z-index:3;display:grid;place-content:center;gap:.7rem;padding:1rem;border-radius:8px;background:#f8fafc;color:var(--ink);text-align:center}.chart-empty-state p{max-width:460px;margin:0 auto;color:var(--muted)}.empty-state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}.chart-note-placeholder{position:absolute;top:3.1rem;left:50%;transform:translate(-50%);margin:0;padding:.18rem .45rem;border-radius:999px;background:#ffffffe0;color:var(--muted);font-size:.76rem;pointer-events:none}.chart-insight-note{position:absolute;left:1rem;bottom:1rem;max-width:min(320px,70%);margin:0;padding:.35rem .55rem;border-radius:8px;background:#ffffffeb;border:1px solid var(--line);color:var(--muted);font-size:.82rem;pointer-events:none}.chart-watermark{position:absolute;right:1rem;bottom:1rem;margin:0;padding:.28rem .5rem;border:1px solid var(--line);border-radius:8px;background:#ffffffe6;color:var(--muted);font-size:.78rem;pointer-events:none}.publish-checklist{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin:0;padding:.55rem;border:0;border-radius:0;background:transparent}.publish-checklist strong{margin-right:.25rem;color:var(--ink)}.publish-checklist span{border:1px solid #bfdbfe;border-radius:999px;padding:.18rem .5rem;background:#eff6ff;color:var(--primary-dark);font-size:.8rem;font-weight:800}.hidden-chart{opacity:0;pointer-events:none}.chart-table-preview{position:absolute;inset:.75rem;background:#fff}.chart-type-badge{border:1px solid var(--line);border-radius:999px;padding:.2rem .55rem;color:var(--muted)}.preview-kind{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.reset-preview{min-height:auto;border-color:var(--line);background:#fff;color:var(--primary-dark);padding:.22rem .5rem;font-size:.78rem}.export-toolbar{display:grid;grid-template-columns:1fr;gap:.6rem;margin-top:.8rem}.export-card{border:1px solid var(--line);border-radius:8px;background:#fbfdff;padding:.65rem}.export-card-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,290px);gap:.75rem;align-items:end}.primary-export-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.secondary-export-row{display:grid;grid-template-columns:1fr;gap:.6rem;align-items:end}.primary-export-actions button,.more-export-toggle{width:100%;min-height:2.75rem;padding-inline:.65rem}.export-disabled-note{margin:0;color:var(--warn);font-size:.84rem;font-weight:700}.export-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.export-actions button{width:100%;min-height:2.75rem;padding-inline:.65rem}.more-export-toggle{align-self:end}.more-export-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding-top:.6rem;border-top:1px solid var(--line)}.more-export-panel button{min-height:2.35rem;font-size:.9rem}.chart-tooltip{width:auto!important;height:auto!important;min-width:0!important;max-width:220px!important;max-height:none!important;display:inline-block!important;font-size:.78rem;line-height:1.35}.chart-view-switcher{display:grid;gap:.45rem;margin:0 0 .65rem;padding:.55rem .6rem;border:1px solid var(--line);border-radius:8px;background:#fbfdff}.chart-view-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem .6rem}.chart-view-heading span{font-weight:900;color:var(--ink);font-size:.9rem}.chart-view-heading small{color:var(--muted);font-size:.78rem}.recommendation-section{display:grid;gap:.55rem;margin-top:.85rem}.recommendation-section h3,.recommendation-section p{margin:0}.recommendation-section p,.preview-choice-list span,.related-chart-links span,.related-chart-links small{color:var(--muted);font-size:.84rem}.preview-choice-list{display:grid;gap:.35rem}.preview-choice-list.inline{grid-template-columns:repeat(auto-fit,minmax(76px,max-content))}.preview-choice-list button{display:inline-flex;align-items:center;justify-content:center;border-color:var(--line);background:#fff;color:var(--ink);padding:.42rem .62rem;text-align:center;font-size:.86rem;font-weight:800;line-height:1.15}.preview-choice-list.inline button{min-height:2.25rem}.preview-choice-list button:hover,.preview-choice-list button:focus-visible{border-color:var(--primary);background:#f0fdfa;color:var(--ink)}.preview-choice-list button.selected{border-color:var(--primary);background:#ccfbf1;color:var(--primary-dark);box-shadow:inset 0 -2px 0 var(--primary)}.chart-view-description{margin:0;padding:.35rem .45rem;border-radius:6px;background:#fff;color:var(--muted);font-size:.84rem}.chart-view-description strong{color:var(--ink)}.series-style-panel{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.65rem;align-items:center;margin:0 0 .65rem;padding:.65rem;border:1px solid var(--line);border-radius:8px;background:#fff}.series-style-panel div:first-child{display:grid;gap:.1rem}.series-style-panel span{color:var(--muted);font-size:.82rem}.series-swatch-row{display:flex;flex-wrap:wrap;gap:.3rem}.series-swatch-row button{width:1.55rem;height:1.55rem;min-height:0;padding:0;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}.browse-chart-types{width:fit-content;min-height:auto;padding:.42rem .65rem;background:#fff;color:var(--primary-dark);border-color:var(--primary);font-size:.86rem;font-weight:800}.browse-chart-types:hover,.browse-chart-types:focus-visible,.dialog-close:hover,.dialog-close:focus-visible,.load-gallery-sample:hover,.load-gallery-sample:focus-visible,.reset-preview:hover,.reset-preview:focus-visible,.inline-fix:hover,.inline-fix:focus-visible{border-color:var(--primary);background:var(--primary-dark);color:#fff}.chart-picker-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;background:#0f172a47}.chart-picker-dialog{width:min(680px,100%);max-height:min(760px,calc(100vh - 2rem));overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff;padding:1rem;box-shadow:0 24px 70px #0f172a38}.preview-choice-list.compact{margin-top:.35rem}.chart-picker-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.75rem}.chart-picker-head div{display:grid;gap:.1rem}.chart-picker-head small{color:var(--muted)}.dialog-close{min-height:auto;padding:.38rem .62rem;background:#fff;color:var(--primary-dark)}.chart-picker-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.55rem;margin-bottom:.75rem;padding:.55rem .65rem;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff}.chart-picker-status span{min-width:0;color:var(--primary-dark);font-size:.82rem;font-weight:800}.load-gallery-sample{min-height:auto;padding:.34rem .58rem;border-color:var(--primary);background:var(--primary);color:#fff;font-size:.78rem;font-weight:900}.chart-view-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:.55rem}.chart-view-group{display:grid;gap:.3rem;align-content:start}.chart-view-group>strong{color:var(--muted);font-size:.76rem;text-transform:uppercase}.preview-choice-list.compact{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.chart-picker-option{display:grid;gap:.25rem}.chart-picker-option>button:first-child{width:100%}.load-view-sample{min-height:1.8rem;padding:.25rem .35rem;border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8;font-size:.72rem;font-weight:800}.chart-picker-option.needs-sample>button:first-child{background:#f8fafc;color:#7b8494}.related-chart-links{border-top:1px solid var(--line);padding-top:.8rem}.related-context{display:grid;gap:.1rem;padding:.55rem .65rem;border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff}.related-context span{color:var(--muted);font-size:.78rem;font-weight:800}.related-chart-links a{display:grid;gap:.1rem;border:1px solid var(--line);border-radius:8px;padding:.55rem .65rem;background:#fbfdff;color:var(--accent)}.related-chart-links a:hover,.related-chart-links a:focus-visible{border-color:#bfdbfe;background:#eef6ff;color:var(--primary-dark);outline:none}.data-preview-search{display:grid;gap:.3rem;margin:.35rem 0 .55rem;color:var(--muted);font-size:.78rem;font-weight:800}.data-preview-search input{width:100%;border:1px solid var(--line);border-radius:8px;padding:.5rem .6rem;background:#fff}.empty-state{color:var(--warn)}.score{font-size:3rem;font-weight:800;color:var(--primary-dark);line-height:1}.score span{font-size:1rem;color:var(--muted)}.score-summary{display:grid;gap:.15rem;margin:.55rem 0;padding:.65rem;border:1px solid #99f6e4;border-radius:8px;background:#f0fdfa}.score-summary span,.score-method p{color:var(--muted);font-size:.9rem;margin:0}.score-method{border:1px solid var(--line);border-radius:8px;padding:.65rem;margin-bottom:.55rem;background:#fff}.score-method summary{cursor:pointer;font-weight:800}.audit-checks{display:grid;gap:.55rem}.audit-checks details{border:1px solid var(--line);border-radius:8px;padding:.65rem;background:#fbfdff}.audit-checks summary{display:flex;justify-content:space-between;gap:.75rem;cursor:pointer;font-weight:700}.audit-checks p{margin:.45rem 0 0;color:var(--muted);font-size:.9rem}.severity{display:inline-flex;width:fit-content;margin-top:.45rem;border-radius:999px;padding:.12rem .45rem;background:#f1f5f9;color:var(--muted);font-size:.72rem;font-weight:800;text-transform:uppercase}.severity-warning{background:#fff7ed;color:#b45309}.severity-critical{background:#fef2f2;color:#b91c1c}.inline-fix{margin-top:.55rem;padding:.42rem .65rem;min-height:auto;background:#fff;color:var(--primary-dark)}.table-wrap{max-width:100%;overflow:auto;border:1px solid var(--line);border-radius:8px}.pareto-table{display:grid;gap:.45rem;margin-top:1rem}.pareto-table h3,.pareto-table p{margin:0}.pareto-table p{color:var(--muted);font-size:.9rem}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{padding:.55rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#f1f5f9}.hub-guide,.tool-seo{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.hub-guide>div,.hub-path,.hub-faq,.tool-seo>div{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1rem}.hub-path,.hub-faq{display:grid;gap:.75rem}.hub-filters,.hub-comparison,.hub-related-guides{border:1px solid var(--line);border-radius:8px;padding:1rem;background:#fff}.hub-filters div{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.65rem}.hub-filters a{border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem;background:#fbfdff;color:var(--primary-dark);font-weight:800}.decision-table{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.decision-table a{border:1px solid var(--line);border-radius:8px;padding:.75rem;background:#fbfdff}.decision-table span{display:block;color:var(--muted);font-size:.86rem}.hub-faq details{border-top:1px solid var(--line);padding:.7rem 0}.hub-faq summary{cursor:pointer;font-weight:800}.tool-seo .wide-copy{grid-column:1 / -1}.tool-seo details{border-top:1px solid var(--line);padding:.7rem 0}.tool-seo summary{cursor:pointer;font-weight:700}.section-label{margin:0;color:var(--accent);font-size:.76rem;font-weight:900;text-transform:uppercase}.tool-content-section{display:grid;grid-template-columns:1fr;gap:1rem}.tool-overview,.hub-workflow,.tool-directory,.trust-summary{border:1px solid var(--line);border-radius:8px;padding:1.2rem;background:#fff}.tool-signature{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;border:0!important;padding:0!important;background:transparent!important}.tool-signature article{display:grid;gap:.35rem;padding:1rem;border:1px solid var(--line);border-radius:8px;background:#f8fafc}.tool-signature span{color:var(--accent);font-size:.76rem;font-weight:900;text-transform:uppercase}.tool-signature p{margin:0;color:var(--muted)}.tool-workflow,.tool-faq,.related-tools,.trust-sections article{border:1px solid var(--line);border-radius:8px;padding:1rem;background:#fbfdff}.tool-detail-grid,.trust-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tool-content-section>.tool-detail-grid{border:0;padding:0;background:transparent}.hub-section-heading{border:0;border-radius:0;background:transparent;padding:0}.tool-detail-grid article{border:1px solid var(--line);border-radius:8px;padding:1rem;background:#fff}.trust-page{max-width:960px;margin-inline:auto}.trust-main{display:grid;gap:1rem}.trust-anchor-row{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--muted)}.trust-anchor-row a{border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem;background:#fff}.trust-main article,.trust-summary{border:1px solid var(--line);border-radius:8px;background:#fff;padding:1.1rem}.trust-main article p{max-width:760px}.related-tools{display:grid;gap:.65rem}.related-tools a{display:grid;gap:.15rem;border:1px solid var(--line);border-radius:8px;padding:.75rem;background:#fff}.related-tools small,.tool-card small{color:var(--muted)}.tool-card b{color:var(--primary-dark);font-size:.9rem}.directory-heading{margin-bottom:1rem}.hub-workflow{display:grid;gap:1rem}.hub-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.hub-step-grid>div{min-height:136px;border-left:3px solid #bfdbfe;padding:.2rem 0 .2rem .85rem}@media(max-width:1180px){.tool-shell{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.audit-panel{grid-column:1 / -1}.chart-frame{height:clamp(320px,45vw,460px)}}@media(max-width:980px){.site-header{align-items:flex-start;flex-direction:column}.footer-inner{grid-template-columns:1fr}.site-header nav{border-radius:12px;justify-content:flex-start}.header-actions{justify-content:flex-start}.tool-shell,.content-grid,.card-grid,.hub-guide,.tool-seo,.tool-signature,.decision-table,.tool-detail-grid,.trust-sections,.hub-step-grid,.hero,.hero.compact.hub-hero{grid-template-columns:1fr}.workflow-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-status{align-items:flex-start;flex-direction:column}.hero h1{font-size:clamp(2rem,12vw,3.4rem)}.chart-frame{height:340px}.chart-canvas{min-height:0}.export-card-head{grid-template-columns:1fr}.chart-panel{order:3}.audit-panel{order:4}.input-panel{order:2}}@media(max-width:560px){main{width:min(1320px,calc(100% - 1rem))}.footer-inner{width:min(1320px,calc(100% - 1rem))}.hero.compact{padding:1.1rem 0 .2rem}.hero.compact h1{font-size:clamp(1.85rem,10vw,2.55rem)}.hero.compact p{font-size:.98rem}.tool-page>.hero.compact{padding-top:.85rem}.tool-page>.hero.compact p{display:none}.tool-shell{gap:.65rem;margin-top:.7rem}.export-toolbar,.secondary-export-row,.more-export-panel{grid-template-columns:1fr}.preview-choice-list.inline{grid-template-columns:repeat(auto-fit,minmax(82px,1fr))}.chart-view-groups,.watermark-control,.config-tabs{grid-template-columns:1fr}.workflow-stepper{display:none}.tool-status-meta{width:100%}.tool-status-meta span,.trust-strip span{font-size:.74rem}.tool-status{padding:.65rem}.tool-status p{font-size:.82rem}.tool-status-meta .reset-tool{min-width:5rem}.trust-strip{justify-content:flex-start;overflow-x:auto;padding-bottom:.2rem}.trust-strip span{flex:0 0 auto}.input-panel{scroll-margin-top:.75rem}.chart-control-panel{grid-template-columns:repeat(2,minmax(0,1fr))}.annotation-controls,.series-style-panel{grid-template-columns:1fr}.series-swatch-row{justify-content:flex-start}.chart-picker-backdrop{align-items:end;padding:.5rem}.chart-picker-dialog{max-height:86vh;border-radius:10px 10px 0 0}.schema-inspector label{grid-template-columns:1fr}.chart-frame{height:320px;padding:.5rem}.input-panel .mode-row button{font-size:.82rem;padding-inline:.25rem}.dropzone{grid-template-columns:1fr}}