.qr-workbench{align-content:start}.qr-workbench>.panel-split__result .qr-preview{margin-top:0;padding:12px}.qr-workbench>.panel-split__result .qr-report{margin-top:10px}.qr-workbench>.panel-split__wide>.qr-presets{margin-top:0}.qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin-top:14px}.qr-ctrl{display:flex;flex-direction:column;gap:8px;margin:0;font-size:.9rem;font-weight:600;color:var(--text-2)}.qr-ctrl input[type=range]{accent-color:var(--tool, var(--accent));margin:0}.qr-ctrl select{font:inherit;font-size:.88rem;padding:9px 10px;border-radius:9px;border:1px solid var(--border-strong);background:var(--bg);color:var(--text);cursor:pointer}.qr-colors{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:16px}.qr-color{display:inline-flex;align-items:center;gap:9px;margin:0;font-size:.88rem;font-weight:600;color:var(--text-2)}.qr-color input[type=color]{width:40px;height:30px;padding:2px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg);cursor:pointer}.qr-toggle{display:inline-flex;align-items:center;gap:9px;margin:0;font-size:.88rem;color:var(--text-2);cursor:pointer}.qr-toggle input{width:17px;height:17px;accent-color:var(--tool, var(--accent));cursor:pointer}.qr-preview{margin-top:18px;display:flex;justify-content:center;padding:18px;border-radius:12px;background:linear-gradient(45deg,var(--surface-2) 25%,transparent 25%) 0 0 / 16px 16px,linear-gradient(-45deg,var(--surface-2) 25%,transparent 25%) 0 8px / 16px 16px,linear-gradient(45deg,transparent 75%,var(--surface-2) 75%) 8px -8px / 16px 16px,linear-gradient(-45deg,transparent 75%,var(--surface-2) 75%) -8px 0 / 16px 16px}.qr-preview canvas{max-width:100%;height:auto;border-radius:8px;box-shadow:0 1px 6px #0000001f}.qr-report{margin-top:12px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.qr-report strong{display:block;margin-bottom:8px;color:var(--text)}.qr-report #qr-report-grid{display:flex;flex-wrap:wrap;gap:7px}.qr-report span{padding:5px 8px;border-radius:999px;border:1px solid var(--border);color:var(--text-2);font-size:.76rem}.qr-report span.ok{border-color:color-mix(in srgb,var(--tool, var(--accent)) 45%,var(--border));background:color-mix(in srgb,var(--tool, var(--accent)) 9%,transparent);color:var(--text)}.qr-report span.warn{color:var(--text);border-style:dashed}.qr-btn-svg{background:var(--elevated);color:var(--text);border:1px solid var(--border-strong)}.qr-btn-svg:hover{border-color:var(--tool, var(--accent));color:var(--text)}.qr-logo-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:16px}.qr-logo-up{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.qr-filebtn{display:inline-flex;align-items:center;gap:8px;margin:0;cursor:pointer;font-size:.86rem;font-weight:600;color:var(--text);padding:8px 14px;border-radius:9px;border:1px dashed var(--border-strong);background:var(--bg);transition:border-color .14s,color .14s}.qr-filebtn:hover{border-color:var(--tool, var(--accent));color:var(--tool, var(--accent))}.qr-clear{font:inherit;font-size:.82rem;cursor:pointer;padding:7px 12px;border-radius:9px;border:1px solid var(--border-strong);background:var(--elevated);color:var(--text-2)}.qr-clear:hover{color:var(--text)}.qr-logo-name{font-size:.8rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-logo-size{flex:1;min-width:180px}.qr-presets{margin-top:16px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg)}.qr-presets>strong{display:block;color:var(--text);font-size:.9rem}.qr-presets>p{margin:4px 0 0;font-size:.78rem}.qr-preset-bar{display:flex;align-items:end;gap:9px;margin-top:10px}.qr-preset-name{flex:1;min-width:170px}.qr-preset-name input{margin:0!important}.qr-preset-bar .btn{flex:0 0 auto}.qr-preset-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.qr-preset-item{display:inline-flex;align-items:stretch;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--surface)}.qr-preset-load,.qr-preset-delete{min-height:32px;border:0;background:transparent;color:var(--text-2);font:inherit;font-size:.78rem;cursor:pointer}.qr-preset-load{max-width:190px;padding:6px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.qr-preset-delete{padding:6px 9px;border-left:1px solid var(--border)}.qr-preset-load:hover,.qr-preset-delete:hover{color:var(--text);background:color-mix(in srgb,var(--tool, var(--accent)) 8%,transparent)}.qr-preset-empty[hidden]{display:none}.qr-preset-msg{display:block;min-height:1.2em;margin-top:8px;font-size:.78rem}.qr-verification{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.qr-verification[hidden]{display:none}.qr-verify-badge{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border:1px solid var(--border-strong);border-radius:999px;color:var(--text);font-size:.78rem;font-weight:700}.qr-verification[data-state=ok] .qr-verify-badge{border-color:color-mix(in srgb,var(--tool, var(--accent)) 48%,var(--border));background:color-mix(in srgb,var(--tool, var(--accent)) 10%,transparent)}.qr-verification[data-state=warn] .qr-verify-badge{border-style:dashed}.qr-verification[data-state=unavailable] .qr-verify-badge{color:var(--text-2)}.qr-ctrl .qr-ctrl-line{display:inline-block}@media (max-width: 1099px){.qr-workbench{display:flex;flex-direction:column}.qr-workbench>.panel-split__input{display:contents}.qr-workbench>.panel-split__input>.qr-ctrl:first-child{order:-10}.qr-workbench>.panel-split__input>[id^=qr-f-]{order:-9}.qr-workbench>.panel-split__result{display:contents}.qr-workbench>.panel-split__result>.qr-preview{order:-8;margin-top:12px}.qr-workbench>.panel-split__result>.qr-verification{order:-7}.qr-workbench>.panel-split__result>.row{order:-6;margin-top:10px}.qr-workbench>.panel-split__result>.qr-report{order:1;margin-top:14px}.qr-workbench>.panel-split__wide{order:2;width:100%}}@media (max-width: 520px){.qr-workbench .qr-preview canvas{max-width:240px;margin-inline:auto}.qr-workbench .qr-preview{display:flex;justify-content:center}}@media (max-width: 520px){.qr-grid{grid-template-columns:1fr}}@media (max-width: 520px){.qr-preset-bar{align-items:stretch;flex-direction:column}.qr-preset-bar .btn{width:100%}}@media (max-width: 640px){.qr-workbench>.panel-split__result>.row.action-rail{flex-wrap:wrap!important;justify-content:flex-start!important;overflow-x:visible;scroll-snap-type:none;padding-inline-end:0;padding-block-end:0;-webkit-mask-image:none;mask-image:none}}