/* FX:Scape presentation only. QR payload, encoder and export colors are unchanged. */
.qr-studio-tool{color-scheme:dark;--good:#6bdaa0;--warn:#ffc46b;--bad:#ff9696;--line-strong:#73808e;--accent-soft:#4ba3f51c;--accent-ink:#0b0d10}
.qr-studio-tool .workspace>*{min-width:0}
.qr-studio-tool .brand h1{font-size:clamp(1.35rem,3vw,2rem);font-weight:550}
.qr-studio-tool .control{border-color:var(--line-strong)}
.qr-studio-tool .preview-stage{background:#cfdee7;color-scheme:light}
.qr-studio-tool .empty-preview,.qr-studio-tool .empty-preview strong{color:#34404d}
.qr-studio-tool .preview-stage canvas{max-width:100%;height:auto}
@media(max-width:430px){.qr-studio-tool .app{padding:20px 12px 40px}.qr-studio-tool .panel-head{flex-wrap:wrap}.qr-studio-tool .panel-body{padding:14px}.qr-studio-tool .export-bar{flex-wrap:wrap}.qr-studio-tool .export-bar .btn{flex:1 1 120px}}
@media print{.qr-studio-tool{--bg:#fff;--panel:#fff;--panel2:#f4f7fb;--text:#162033;--muted:#34404d;--field:#fff;color-scheme:light}.qr-studio-tool .panel{break-inside:avoid}.qr-studio-tool .preview-panel{position:static}.qr-studio-tool .toast{display:none}}

/* Preview surround is presentation only; the canvas owns the QR quiet zone. */
.qr-studio-tool .preview-stage{background:transparent;border:0;box-shadow:none;padding:0;min-height:0;color-scheme:dark}
.qr-studio-tool .canvas-wrap{width:min(100%,520px);margin:auto}
.qr-studio-tool .canvas-wrap canvas{box-shadow:none;border-radius:0}

/* Logo upload and sample control repair. */
.qr-studio-tool .logo-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;background:var(--panel2);border-color:var(--line-strong);box-shadow:none}
.qr-studio-tool .logo-drop strong,.qr-studio-tool .logo-drop span{max-width:100%;margin:0}
.qr-studio-tool .logo-drop:hover{background:var(--accent-soft);border-color:var(--accent);box-shadow:none}
.qr-studio-tool #useSampleLogo{max-width:100%;white-space:normal;background:var(--panel2);color:var(--text);border-color:var(--line-strong);box-shadow:none}
.qr-studio-tool #useSampleLogo:hover,.qr-studio-tool #useSampleLogo:focus-visible{background:var(--accent-soft);color:var(--text);border-color:var(--accent);box-shadow:none}