*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fff;--surface:#fff;--panel:#fff;--card:#fff;--text:#111;--muted:#5f5f5f;--border:#e6e6e6;--border-strong:#cfcfcf;--primary:#1f1f1f;--primary-strong:#111;--accent:#3b82f6;--accent-soft:#eff6ff;--success:#0f766e;--warn:#b45309;--danger:#b91c1c;--radius-lg:26px;--radius-md:18px;--radius-sm:12px;--space-1:0.5rem;--space-2:0.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--shadow:0 10px 30px hsla(0,0%,7%,.05);--font-body:"Avenir Next","Segoe UI","Helvetica Neue",sans-serif;--font-display:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif}body,html{min-height:100%}html{scroll-behavior:smooth}body,html{background:var(--bg)}body{color:var(--text);font-family:var(--font-body);line-height:1.6;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:none}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;line-height:1.08}h1{font-size:clamp(2.8rem,7vw,5.6rem)}h2{font-size:clamp(1.5rem,2.6vw,2.2rem)}h3{font-size:1.15rem}.hint,.muted{color:var(--muted)}.hint{display:block;margin-top:.45rem;font-size:.92rem}.container{width:min(1280px,calc(100% - 2rem));margin:0 auto}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:hsla(0,0%,100%,.96);border-bottom:1px solid var(--border)}.header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding:1.25rem 0 1rem}.brand{display:grid;grid-gap:.25rem;gap:.25rem}.brand-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--muted)}.brand-mark{width:-moz-fit-content;width:fit-content;font-family:var(--font-display);font-size:1.55rem;text-decoration:none;color:var(--primary-strong)}.subheading{max-width:48rem;color:var(--muted);font-size:.98rem}.site-nav{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 1rem;border:1px solid var(--border);border-radius:999px;background:#fff;text-decoration:none;color:var(--primary-strong);font-weight:600;transition:transform .18s ease,border-color .18s ease,background .18s ease}.nav-link:hover{transform:translateY(-1px);border-color:var(--primary);background:#fff}.page-shell{display:grid;grid-gap:var(--space-5);gap:var(--space-5);padding:2rem 0 3rem}.card,.secondary-surface{animation:fade-up .55s ease both}.summary-title{max-width:14ch;color:var(--primary-strong)}.summary-title-only{max-width:none;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.2;letter-spacing:-.025em;font-weight:600}.summary-lead{max-width:60ch;margin-top:1rem;color:var(--muted);font-size:1.03rem}.about-meta,.actions,.meta-chips,.presets,.summary-chips{display:flex;flex-wrap:wrap;gap:.65rem}.summary-chips{align-self:start;justify-content:flex-start}@media (min-width:980px){.summary-chips{justify-content:flex-end}}.about-pill,.chip,.meta-chip,.summary-chip{display:inline-flex;align-items:center;min-height:40px;padding:.45rem .85rem;border-radius:999px;border:1px solid var(--border);background:#fff;font-size:.92rem}.summary-chip{color:var(--primary-strong);font-weight:600}.summary-chip.accent{border-color:rgba(184,100,56,.55);background:hsla(26,45%,85%,.8)}.summary-chip.muted{color:var(--muted);border-style:dashed}.workspace{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:1120px){.workspace{grid-template-columns:minmax(320px,430px) minmax(0,1fr);align-items:start}}.about-details,.card,.image-area,.secondary-surface,.text-area{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow)}.card,.image-area,.secondary-surface,.text-area{padding:clamp(1.15rem,2vw,1.6rem)}.controls{position:-webkit-sticky;position:sticky;top:6.5rem}.output{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.fields{display:grid;grid-gap:var(--space-3);gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:var(--space-4)}.controls .fields{grid-template-columns:1fr}.form-group{display:grid;grid-gap:.55rem;gap:.55rem}.form-group.inline{grid-template-columns:auto 1fr;align-items:center}.form-group label{font-size:.95rem;font-weight:700;color:var(--primary-strong);display:inline-flex;align-items:center;gap:.5rem}input[type=number],select{width:100%;min-height:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fffdf9;color:var(--text);font:inherit;padding:.8rem .95rem;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input[type=number]:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(28,75,61,.14);outline:none}input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary)}.help{display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--muted);cursor:help;font-weight:700;line-height:1}.help:focus-visible,.help:hover{color:var(--primary);border-color:var(--primary)}.help[data-tooltip]{position:relative}.help[data-tooltip]:focus-visible:after,.help[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);white-space:nowrap;background:var(--primary-strong);color:#fff;border-radius:10px;padding:.45rem .65rem;font-size:.78rem;box-shadow:0 12px 24px rgba(18,51,40,.2);z-index:5}.help[data-tooltip]:focus-visible:before,.help[data-tooltip]:hover:before{content:"";position:absolute;left:50%;bottom:calc(100% + 2px);transform:translateX(-50%);border:6px solid transparent;border-top:6px solid var(--primary-strong)}input[type=range]{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:7px;border-radius:999px;background:linear-gradient(90deg,var(--primary) 0,var(--primary) 0) no-repeat,#dfd6ca;outline:none}input[type=range]::-webkit-slider-runnable-track{height:7px;background:transparent;border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-5.5px;border:2px solid var(--primary);border-radius:50%;background:#fffdf9;box-shadow:0 6px 14px rgba(28,75,61,.16)}input[type=range]::-moz-range-track{height:7px;background:#dfd6ca;border-radius:999px}input[type=range]::-moz-range-progress{height:7px;background:var(--primary);border-radius:999px}input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid var(--primary);border-radius:50%;background:#fffdf9;box-shadow:0 6px 14px rgba(28,75,61,.16)}.chip{cursor:pointer;font-weight:600;color:var(--primary-strong);transition:transform .18s ease,border-color .18s ease,background .18s ease}.chip:hover{transform:translateY(-1px);border-color:var(--primary);background:#fff}.form-actions{display:flex;justify-content:flex-end;margin-top:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.65rem 1rem;border:1px solid var(--primary);border-radius:999px;background:var(--primary);color:#fff;cursor:pointer;font:inherit;font-weight:700;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px);background:var(--primary-strong);border-color:var(--primary-strong)}.btn.ghost,.btn.secondary{background:transparent;color:var(--primary-strong)}.btn.ghost:hover,.btn.secondary:hover{background:rgba(28,75,61,.06)}.results-grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:1120px){.results-grid.is-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}.result{display:grid;grid-gap:var(--space-3);gap:var(--space-3);align-content:start}.image-area,.text-area{min-height:100%}.image-area h2,.text-area h2{color:var(--primary-strong)}.meta-chips{margin:.9rem 0 .3rem}.about-pill,.meta-chip{background:#fff;color:var(--primary-strong)}.about-pill.warn{border-color:var(--border);background:#fff}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:.85rem;gap:.85rem;margin-top:1rem}.kpi{border:1px solid var(--border);border-top:4px solid var(--primary);border-radius:var(--radius-md);background:#fff;padding:1rem}.kpi.good{border-top-color:var(--success)}.kpi.warn{border-top-color:var(--warn)}.kpi.bad{border-top-color:var(--danger)}.kpi .value{font-family:var(--font-display);font-size:2rem;line-height:1;color:var(--primary-strong)}.kpi .label{margin-top:.45rem;color:var(--muted);font-size:.92rem}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.actions .status{align-self:center;color:var(--muted);font-size:.9rem}.image-area{text-align:left;min-height:320px}.image-area img{width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--border)}.alert{border:1px solid rgba(176,74,61,.26);border-radius:var(--radius-sm);background:rgba(176,74,61,.08);color:#7d332c;padding:.9rem 1rem}.alert-title{font-weight:700}.loader{width:38px;height:38px;border:3px solid rgba(28,75,61,.12);border-top:3px solid var(--primary);border-radius:50%;margin:1rem auto;animation:spin .9s linear infinite}.secondary-surface{animation-delay:.08s}.Explanation{background:transparent;border:0;box-shadow:none;padding:0}.about-shell{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.about-header{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}@media (min-width:840px){.about-header{grid-template-columns:minmax(0,1.2fr) auto;align-items:start}}.about-lead{max-width:62ch;color:var(--muted);margin-top:.75rem}.about-feature-grid{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}@media (min-width:720px){.about-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.about-card{display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;gap:1rem;padding:1.25rem;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff}.about-card-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:999px;background:var(--primary);color:#f7f2ea;font-family:var(--font-display);font-size:1rem}.about-card-body p{color:var(--muted);margin-top:.35rem}.about-details{padding:1.15rem 1.25rem}.about-summary{list-style:none;display:inline-flex;align-items:center;gap:.75rem;cursor:pointer;color:var(--primary-strong);font-weight:700}.about-summary::-webkit-details-marker{display:none}.about-summary-icon{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:999px;background:rgba(28,75,61,.1);transition:transform .18s ease}.about-details[open] .about-summary-icon{transform:rotate(90deg)}.summary-text .hide{display:none}.about-details[open] .summary-text .hide{display:inline}.about-details[open] .summary-text .show{display:none}.about-details-content{margin-top:1rem}.prose{max-width:70ch;color:var(--muted)}.prose h3{color:var(--primary-strong);margin:1rem 0 .55rem}.prose ul{margin-left:1.2rem}.prose li+li{margin-top:.4rem}.footer{margin-top:auto;border-top:1px solid var(--border);background:#fff}.footer-inner{padding:2rem 0 2.4rem}.footer-cols{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}@media (min-width:840px){.footer-cols{grid-template-columns:1.7fr 1fr 1fr}}.footer-col h3{margin-bottom:.6rem;color:var(--primary-strong)}.footer-list{list-style:none}.footer-list li+li{margin-top:.35rem}.footer a{text-decoration:none;color:var(--primary-strong)}.footer a:hover{text-decoration:underline}.footer-bottom{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border);font-size:.92rem}.footer-disclaimer{margin-top:1.5rem;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text)}.footer-disclaimer strong{margin-right:.35rem}.brand-mark:focus-visible,.chip:focus-visible,.nav-link:focus-visible,a:focus-visible,button:focus-visible,input[type=checkbox]:focus-visible,input[type=number]:focus-visible,input[type=range]:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:820px){.header-row{align-items:flex-start;flex-direction:column}.controls{position:static}}@media (max-width:620px){.container{width:min(100% - 1rem,1280px)}.page-shell{padding-top:1.25rem}.card-header{flex-direction:column;align-items:stretch}.actions .btn{width:100%}.about-pill,.chip,.meta-chip,.summary-chip{width:100%;justify-content:center}}