:root{--blue:#20877b;--blue2:#20877b;--accent:#20877b;}
.brand-mark,.btn-primary{background:#20877b;border-color:#20877b}
.niche-hero{background:radial-gradient(circle at 85% 12%,color-mix(in srgb,#20877b 22%,white) 0%,transparent 39%),linear-gradient(115deg,#f9faff,#f3f8ff)}
.hero h1{letter-spacing:-.075em}
.hero h1 em{background:linear-gradient(110deg,#20877b,#a474dd);-webkit-background-clip:text;background-clip:text}
.niche-hero .eyebrow{color:#20877b}
.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.tool-card{min-height:223px}
.tool-card-link{color:#20877b}
.floating-panel{transform:rotate(1.6deg)}
.art-row{background:#fbfcff}
.art-row:hover{border-color:#20877b}
.hero-art{overflow:visible}
.tool-panel{box-shadow:0 20px 50px -37px rgba(18,44,80,.38)}
.btn-primary:hover:not(:disabled){background:#20877b;filter:brightness(.92)}
.btn-primary:disabled{filter:grayscale(.4)}
.form-textarea.code{min-height:220px}
.result-card{display:none;background:#f6fff9}
.result-card.visible{display:block}
.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}
.result-actions a{display:inline-flex}
.result-summary{line-height:1.7}
.status{line-height:1.6;min-height:28px}
.status.error{color:#b42343}
.status.ok{color:#21715b}
input[type=file]::file-selector-button{padding:8px 12px;margin-right:12px;border:0;border-radius:9px;background:#e8edff;color:#364bb8;font-weight:800}
[hidden]{display:none!important}
body[data-site=qr] #qr-result{max-width:530px}
body[data-site=qr] #qr-canvas{max-width:100%;height:auto}
body[data-site=pdf] .tool-panel{min-height:320px}
body[data-site=subtitle] #result{min-height:220px}
body[data-site=subtitle] #source{min-height:260px}
@media(max-width:780px){.tool-grid{grid-template-columns:1fr}.hero-inner{grid-template-columns:1fr}.hero h1{font-size:clamp(39px,8vw,59px)}.tool-layout{grid-template-columns:1fr}.hero-art{max-width:540px}}
@media(max-width:650px){.hero-inner{padding:50px 0}.hero-art{min-height:310px}.hero h1{font-size:42px}.tool-card{min-height:205px}}