:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.app{display:grid;grid-template-columns:minmax(320px,420px) 1fr;min-height:100vh}.controls{align-content:start;background:#fff;border-right:1px solid #d9e0ea;display:grid;gap:14px;grid-template-columns:1fr 1fr;padding:20px}.field,.check{display:grid;gap:6px}.wide,.app-title{grid-column:1 / -1}.app-title h1{font-size:20px;line-height:1.2;margin:0}.app-title p{color:#64748b;font-size:12px;margin:4px 0 0}.section-divider{border:0;border-top:1px solid #d9e0ea;grid-column:1 / -1;margin:2px 0;width:100%}label{color:#526173;font-size:12px}textarea{border:1px solid #cbd5e1;border-radius:6px;min-height:150px;padding:10px;resize:vertical}input,select{border:1px solid #cbd5e1;border-radius:6px;min-width:0;padding:8px}.pair{grid-template-columns:1fr 1fr}.pair label{grid-column:1 / -1}.segmented{display:grid;grid-template-columns:repeat(3,1fr)}.segmented.four{grid-template-columns:repeat(4,1fr)}.segmented button{background:#eef2f7;border:1px solid #cbd5e1;color:#334155;cursor:pointer;padding:8px 10px}.segmented button:first-child{border-radius:6px 0 0 6px}.segmented button:last-child{border-radius:0 6px 6px 0}.segmented .active{background:#172033;border-color:#172033;color:#fff}.check{align-items:center;color:#334155;grid-template-columns:auto 1fr}.viewer{display:grid;gap:16px;grid-template-rows:auto minmax(0,1fr) auto;padding:24px}.stats,.legend{display:flex;flex-wrap:wrap;gap:8px}.stats span,.legend span{align-items:center;background:#fff;border:1px solid #d9e0ea;border-radius:6px;display:inline-flex;gap:6px;padding:6px 8px}.legend i{display:inline-block;height:12px;width:12px}.legend .border-sample{background:#fff;border:2px solid #111827}.qr-canvas-stack{align-self:start;background:#fff;border:1px solid #d9e0ea;height:min(72vh,760px);max-width:100%;position:relative}.qr-layer{display:block;height:100%;image-rendering:pixelated;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.qr-layer.overlay{pointer-events:none}.border-layer{overflow:visible;pointer-events:none}.hover-layer{filter:drop-shadow(0 0 1px #ffffff)}.qr-tooltip{background:#0f172af0;border:1px solid rgba(255,255,255,.18);border-radius:6px;color:#fff;display:grid;font-size:12px;gap:3px;max-width:320px;padding:8px 10px;pointer-events:none;position:fixed;z-index:10}.qr-tooltip strong{font-size:12px}.error{background:#fff7ed;border:1px solid #fdba74;border-radius:6px;color:#9a3412;padding:12px}@media(max-width:820px){.app{grid-template-columns:1fr}.controls{border-right:0;border-bottom:1px solid #d9e0ea}}