.qr-workspace{max-width:1180px;margin:0 auto;padding:32px 28px 48px;color:var(--ink,#15192f);font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.qr-workspace[hidden],.qr-workspace [hidden]{display:none!important}
.qr-workspace *{box-sizing:border-box}
.qr-workspace h1{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:0 0 10px}
.qr-workspace h2{font-size:20px;margin:0 0 16px}
.qr-intro,.qr-privacy,.qr-hint{color:var(--muted,#62596f);max-width:68ch}
.qr-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line,#ddd7e8);padding-bottom:16px;margin:24px 0}
.qr-workspace button,.qr-downloads a,.qr-open{font:inherit;font-size:16px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line,#ddd7e8);border-radius:9px;background:#fff;color:var(--ink,#15192f);padding:10px 16px;cursor:pointer;line-height:1.3;text-decoration:none}
.qr-workspace button:hover:not(:disabled),.qr-downloads a:hover{background:#f4f0ff;border-color:var(--purple,#6938ef)}
.qr-workspace .qr-primary,.qr-tabs [aria-selected="true"]{background:var(--purple,#6938ef);border-color:var(--purple,#6938ef);color:#fff;font-weight:650}
.qr-workspace .qr-primary:hover:not(:disabled),.qr-workspace .qr-tabs [aria-selected="true"]:hover{background:#5126c7;border-color:#5126c7;color:#fff}
.qr-workspace button:disabled{opacity:.5;cursor:not-allowed}
.qr-workspace :is(button,a,input,select,textarea):focus-visible{outline:3px solid var(--purple,#6938ef);outline-offset:3px}
.qr-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}
.qr-form,.qr-reader{min-width:0}
.qr-workspace label{display:block;font-size:15px;font-weight:600;margin:0 0 8px}
.qr-workspace input:not([type="checkbox"]),.qr-workspace select,.qr-workspace textarea{display:block;width:100%;min-height:46px;font:inherit;font-size:16px;padding:11px 12px;border:1px solid var(--line,#ddd7e8);border-radius:8px;background:#fff;color:var(--ink,#15192f);margin-bottom:18px}
.qr-workspace textarea{min-height:130px;resize:vertical}
.qr-workspace .qr-check{display:flex;gap:10px;align-items:center;min-height:44px;font-weight:400}
.qr-check input{width:20px;height:20px;accent-color:var(--purple,#6938ef)}
.qr-output{background:#f8f6fb;border-radius:12px;padding:24px;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;min-width:0}
.qr-canvas{width:100%;max-width:320px;min-width:0}
.qr-output canvas{display:block;width:min(100%,320px);height:auto;image-rendering:pixelated;background:white}
.qr-downloads,.qr-read-actions{display:flex;gap:8px;flex-wrap:wrap}
.qr-privacy{border-top:1px solid var(--line,#ddd7e8);padding-top:20px;margin-top:32px;font-size:14px}
.qr-status{background:#f1edfa;color:#46335f;border-radius:8px;padding:12px 16px;margin-bottom:20px}
.qr-status[data-error="true"]{background:#fff0ed;color:#882c20}
.qr-camera-wrap{position:relative;max-width:600px;margin:20px 0;background:#211b2c;border-radius:12px;overflow:hidden}
.qr-camera-wrap video{display:block;width:100%;max-height:480px;object-fit:contain}
.qr-result{margin-top:24px;padding-top:24px;border-top:1px solid var(--line,#ddd7e8)}
.qr-result textarea{min-height:150px}
.qr-workspace input.qr-file{position:absolute;min-height:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:700px){.qr-workspace{padding:24px 16px 36px}.qr-layout{grid-template-columns:minmax(0,1fr);gap:24px}.qr-output{min-height:260px;padding:20px}.qr-read-actions>*{flex:1 1 140px}.qr-downloads{width:100%}.qr-downloads a{flex:1 1 145px;overflow-wrap:normal}.qr-workspace h1{font-size:26px}}