/* Dr. QR shared visual refresh. Existing tool layouts and controls stay intact. */
:root{--bg:#f7f4eb;--surface:#fffef9;--surface2:#f0f1e8;--text:#20291f;--muted:#536051;--border:#d9ddcf;--brand:#315c3c;--brand2:#2b5135;--focus:rgba(73,117,48,.22);--shadow:0 4px 0 rgba(32,41,31,.035);--shadow2:0 2px 5px rgba(32,41,31,.04);--radius:16px;--radius2:10px;--max:1200px;--action:#20291f;--action-text:#fffef9;--accent:#d8f56b}
html[data-theme="dark"]{--bg:#161e19;--surface:#1f2922;--surface2:#26332a;--text:#f3f5e9;--muted:#bbc7b9;--border:#435146;--brand:#d8f56b;--brand2:#d8f56b;--focus:rgba(216,245,107,.28);--shadow:0 4px 0 rgba(0,0,0,.12);--shadow2:0 2px 6px rgba(0,0,0,.15);--action:#d8f56b;--action-text:#20291f}
body{line-height:1.6}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(30px,4.6vw,52px);line-height:1.12}.hero{padding:32px 0 16px}.hero h1{margin:0 0 14px;max-width:24ch}.hero p{font-size:16px;line-height:1.65}.header{background:var(--bg)}.header .inner{padding-top:16px;padding-bottom:16px}.logo{background:var(--action);color:var(--action-text);border-radius:7px;box-shadow:none}.brand .brand-title{font-size:21px;letter-spacing:-.04em}.brand .sub{font-size:11px}.nav a{border-radius:5px}.nav a.active{background:var(--surface2);border-color:var(--border)}html[data-theme="dark"] .nav a.active{background:var(--surface2);border-color:var(--border)}
button,.button{min-height:42px;border-radius:8px;font-weight:650}button.primary,.button.primary,.primary{background:var(--action);color:var(--action-text);border-color:var(--action)}button.primary:hover,.button.primary:hover,.primary:hover{background:var(--action);color:var(--action-text);filter:brightness(1.13)}button:disabled,.button:disabled{opacity:.5;cursor:not-allowed}input[type="text"],input[type="number"],input[type="search"],input[type="url"],input[type="email"],select,textarea{border-radius:8px;border-color:var(--border);font:inherit;background:var(--surface);color:var(--text)}input[type="search"]{padding:12px}input[type="file"]{max-width:100%;font:inherit}.mono,textarea.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}.card .card-inner{padding:22px}.card h2{font-size:21px;margin:0 0 12px}.grid>*{min-width:0}.result,.notice,.help{overflow-wrap:anywhere}.table-wrap{max-width:100%;overflow-x:auto}.table-wrap td{overflow-wrap:anywhere}.card,section{scroll-margin-top:100px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #b76a24;outline-offset:3px}
.tool-guide{margin-top:34px;padding:28px 0 10px;border-top:1px solid var(--border);max-width:100%;font-size:15px}.tool-guide>p,.tool-guide>ol{max-width:88ch}.tool-guide h2{font-size:26px;line-height:1.25}.tool-guide h3{font-size:18px}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.guide-columns p{max-width:45ch}.processing-note{padding:12px 15px;background:var(--surface2);border-left:3px solid var(--brand);font-size:13px;color:var(--muted);border-radius:0 8px 8px 0}.eyebrow{text-transform:uppercase;font-size:11px!important;letter-spacing:.14em;font-weight:750}.reader-canvas{display:block;max-width:100%;max-height:380px;width:auto;height:auto;object-fit:contain;margin:20px auto;background:#fff}#decodedContent{min-height:190px;overflow-wrap:anywhere}#readerOpen[hidden],.reader-canvas[hidden]{display:none}
.store-hero{background:transparent!important;border:0!important;box-shadow:none!important;padding:32px 0 20px!important}.store-headline h1{font-size:clamp(32px,4.8vw,56px);max-width:22ch;line-height:1.1}.store-headline p{max-width:76ch;font-size:16px}.store-chip{min-height:42px;border-radius:7px!important}.store-chip.is-active{background:var(--action)!important;color:var(--action-text)!important;border-color:var(--action)!important}.store-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.store-card{padding:16px!important;box-shadow:none!important;display:flex;flex-direction:column;gap:12px;min-height:0!important;overflow:hidden;background:var(--surface);border:1px solid var(--border)}.store-card[hidden]{display:none!important}.store-card:hover{border-color:var(--muted);transform:translateY(-2px)}.store-card-top{gap:0;min-height:0!important}.store-card h2{font-size:20px;line-height:1.25;margin:0}.store-description{line-height:1.6;min-height:0!important}.store-card-bottom{margin-top:auto;display:flex;gap:14px;align-items:stretch;flex-direction:column}.store-card-bottom a{width:100%;text-align:center}.store-tags{gap:5px}.store-tag{background:var(--surface2)!important;color:var(--muted)!important;border:0!important;font-size:11px!important}.tool-mini{display:flex;flex-direction:column;justify-content:space-between;gap:14px;min-height:158px;padding:20px;border-radius:9px;color:#233023;position:relative;overflow:hidden}.tool-mini::after{content:'↗';position:absolute;right:13px;bottom:8px;font-size:22px;opacity:.45}.tool-mini span{font-size:10px;letter-spacing:.04em;line-height:1.4;max-width:88%}.tool-mini strong{white-space:pre-line;font-size:clamp(15px,1.8vw,23px);line-height:1.35;letter-spacing:-.035em;max-width:95%;overflow-wrap:anywhere}.tool-mini i{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-style:normal}.mini-0{background:#e0e8cf}.mini-1{background:#f0c09b}.mini-2{background:#dce6e9}.mini-3{background:#e8dbef}.mini-4{background:#f1e4b7}.footer{background:var(--bg);margin-top:48px}.footer .inner{padding-top:28px}.footer h3{color:var(--text)}.related-tools{margin-top:32px}.related-tools h3{font-size:23px}.related-card{box-shadow:none}.kbd,code{overflow-wrap:anywhere}img{max-width:100%}
@media(max-width:980px){.store-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.header .inner{padding:12px 16px}.tool-mini strong{font-size:21px}}
@media(max-width:600px){.hero{padding-top:22px}.hero h1{font-size:32px}.hero p{font-size:15px}.card .card-inner{padding:18px}.guide-columns{grid-template-columns:1fr;gap:10px}.store-grid{grid-template-columns:1fr;gap:18px}.store-card{padding:16px!important}.store-hero{padding-top:20px!important}.store-headline h1{font-size:36px}.tool-mini{min-height:145px}.header .brand{min-width:130px}.brand .sub{display:none}.tool-guide{padding-top:22px}.tool-guide h2{font-size:24px}.actions-row{flex-wrap:wrap}.actions-row>*{max-width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}