.qr-workbench{padding:20px}.qr-workbench-grid{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start;gap:24px;display:grid}.qr-editor{min-width:0}.qr-workbench .field{gap:5px;margin-bottom:12px;font-size:.82rem}.qr-workbench .field input:not([type=checkbox]):not([type=radio]),.qr-workbench .field select{min-height:38px;padding:8px 10px;font-weight:400}.qr-workbench .field textarea{min-height:140px;padding:10px 12px;font-size:.9rem;font-weight:400;line-height:1.5}.qr-mode-tabs{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.qr-mode-tabs button,.qr-preset-row button{color:#47607b;background:#fff;border:1px solid #dce5f0;border-radius:7px;min-height:34px;padding:7px 12px;font-size:.81rem}.qr-mode-tabs button[aria-pressed=true]{color:#125dcc;background:#eaf2ff;border-color:#8db9f6;font-weight:700}.qr-mode-tabs button:hover,.qr-preset-row button:hover{background:#f5f9ff;border-color:#397ee0}.qr-preview{border-left:1px solid #e8edf4;min-width:0;padding-left:24px;position:sticky;top:92px}.qr-preview-stage{aspect-ratio:1;background:#fff;border:1px solid #edf0f4;border-radius:8px;place-items:center;width:min(100%,340px);min-height:280px;margin:0 auto;display:grid;overflow:hidden}.qr-preview-stage img{width:100%;max-width:100%;height:auto;display:block}.qr-placeholder{text-align:center;color:#73839a;max-width:90%;margin:0;padding:14px;font-size:.86rem;line-height:1.65}.qr-placeholder[role=alert]{color:#b02d38}.qr-preview-meta{color:#73839a;text-align:center;overflow-wrap:anywhere;min-height:18px;margin:12px 0 8px;font-size:.75rem;line-height:1.5}.qr-preview-meta span{padding:0 4px}.qr-workbench .qr-downloads{justify-content:center;gap:8px;margin:8px 0}.qr-downloads .btn{flex:1;max-width:165px;min-height:38px;padding:8px 16px;font-size:.84rem}.qr-settings{border-top:1px solid #e8edf4;margin-top:14px;padding-top:12px}.qr-settings summary{cursor:pointer;color:#415c7c;font-size:.82rem;font-weight:600}.qr-settings summary span{color:#7a8a9f;margin-left:8px;font-size:.74rem;font-weight:400}.qr-setting-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-top:12px;display:grid}.qr-setting-grid .field{margin:0}.qr-note{color:#7c8b9e;margin:10px 0 0;font-size:.76rem;line-height:1.6}.qr-warning{color:#885b18;background:#fffbef;border:1px solid #f3dfb6;border-radius:7px;margin-top:12px;padding:9px 11px;font-size:.76rem;line-height:1.55}.qr-text-button{color:#176be7;text-align:left;background:0 0;border:0;padding:4px 0;font-size:.8rem;font-weight:500}.qr-text-button:hover{text-decoration:underline}.qr-text-button:disabled{color:#97a5b6;cursor:default;text-decoration:none}.qr-warning .qr-text-button{margin-top:3px;display:block}.qr-editor-footer{flex-wrap:wrap;justify-content:flex-end;gap:16px;margin-top:10px;display:flex}.qr-contact-grid,.qr-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;display:grid}.qr-span-two{grid-column:1/-1}.qr-password{align-items:stretch;gap:7px;display:flex}.qr-password input{flex:1;min-width:0}.qr-password button{color:#4c6480;white-space:nowrap;background:#f8fafc;border:1px solid #dce4ee;border-radius:7px;min-width:54px;padding:0 10px;font-size:.8rem}.qr-check{color:#52657e;align-items:center;gap:8px;margin:3px 0 14px;font-size:.82rem;display:flex}.qr-check input{width:16px;height:16px;margin:0}.qr-preset-row{flex-wrap:wrap;gap:6px;margin:3px 0 14px;display:flex}.qr-preset-row button{align-items:center;gap:6px;min-height:31px;padding:6px 8px;font-size:.75rem;display:flex}.qr-preset-row button span{border-radius:50%;width:11px;height:11px}.qr-colors{grid-template-columns:1fr 1fr;gap:8px;display:grid}.qr-workbench .qr-colors input[type=color]{max-width:none;height:38px;min-height:38px;padding:3px}.qr-logo-row{align-items:center;gap:12px;display:flex}.qr-logo-row .field{flex:1;min-width:0;margin-bottom:0}.qr-workbench .qr-logo-row input[type=file]{background:#fafcff;max-width:100%;padding:7px;font-size:.76rem}.qr-logo-name{color:#6d8097;overflow-wrap:anywhere;margin:5px 0 0;font-size:.74rem}.qr-workbench button:focus-visible,.qr-workbench summary:focus-visible{outline-offset:3px;outline:2px solid #2675e5}@media (width<=720px){.qr-workbench-grid{grid-template-columns:minmax(0,1fr);gap:18px}.qr-preview{border-top:1px solid #e8edf4;border-left:0;padding:18px 0 0;position:static}.qr-preview-stage{max-width:300px;min-height:0}.qr-workbench{padding:16px}.qr-setting-grid{gap:7px}.qr-settings summary span{font-size:.7rem}.qr-contact-grid,.qr-style-grid{gap:0 9px}}@media (width<=380px){.qr-contact-grid{grid-template-columns:1fr}.qr-contact-grid .qr-span-two{grid-column:auto}.qr-mode-tabs button{padding:7px 10px}.qr-setting-grid{grid-template-columns:1fr 1fr}.qr-setting-grid .field:last-child{grid-column:1/-1}.qr-settings summary span{margin:5px 0 0;display:block}}