.owner-qr-layout { display:grid; grid-template-columns:minmax(280px, .85fr) minmax(320px, 1.15fr); gap:24px; align-items:start; }
.owner-qr-settings, .owner-qr-preview, .owner-qr-help { padding:24px; }
.owner-qr-settings h2, .owner-qr-state h2 { margin:0 0 16px; }
.owner-qr-settings .field { margin-top:20px; }
.owner-qr-settings select { width:100%; min-height:46px; }
.owner-qr-proxy { margin-top:24px; padding-top:24px; border-top:1px solid var(--line); }
.owner-qr-proxy h3 { margin:0 0 12px; font-size:17px; }
.owner-qr-proxy-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0 16px; }
.owner-qr-proxy .field { min-width:0; }
.owner-qr-proxy input { width:100%; min-height:46px; box-sizing:border-box; }
.owner-qr-proxy > .button { margin-top:20px; }
.owner-qr-proxy-status { margin:16px 0; padding:12px; background:var(--bg); border-radius:8px; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
.owner-qr-proxy-status.verified { color:var(--green); background:var(--green-soft); }
.owner-qr-route { font-size:14px; color:var(--muted); overflow-wrap:anywhere; }
.owner-qr-consent { display:flex; align-items:flex-start; gap:10px; margin:24px 0; line-height:1.55; font-size:14px; }
.owner-qr-consent input { flex:none; width:18px; height:18px; margin-top:3px; }
.owner-qr-preview { min-height:320px; text-align:center; }
.owner-qr-image { display:block; width:320px; max-width:100%; height:auto; margin:24px auto 12px; background:#fff; border:12px solid #fff; border-radius:12px; box-sizing:border-box; }
.owner-qr-timer { font-variant-numeric:tabular-nums; font-weight:600; margin:12px 0 24px; }
.owner-qr-placeholder { display:flex; min-height:260px; align-items:center; justify-content:center; color:var(--muted); line-height:1.6; }
.owner-qr-preview .spinner { display:block; margin:32px auto; }
.owner-qr-password { text-align:left; margin:24px auto; max-width:360px; }
.owner-qr-password .button { width:100%; margin-top:18px; }
.owner-qr-feedback { font-size:14px; line-height:1.6; margin:18px 0 0; }
.owner-qr-feedback.error { color:#b42318; }
.owner-qr-help { margin-top:24px; line-height:1.7; }
.owner-qr-help summary { font-weight:650; cursor:pointer; }
.owner-qr-help ol { padding-left:24px; }
.owner-qr-help li { margin:10px 0; }
@media(max-width:900px) { .owner-qr-layout { grid-template-columns:1fr; } }
@media(max-width:480px) { .owner-qr-settings, .owner-qr-preview, .owner-qr-help { padding:18px; } .owner-qr-proxy-grid { grid-template-columns:1fr; } .owner-qr-proxy > .button { width:100%; } .owner-qr-settings .form-actions { flex-wrap:wrap; } .owner-qr-settings .form-actions .button { width:100%; } }