.qr-studio{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);align-items:start;gap:20px;display:grid}.qr-editor{padding:0;overflow:hidden}.qr-section{gap:14px;padding:24px 28px;display:grid}.qr-section+.qr-section{border-top:1px solid var(--border)}.qr-section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.qr-section-title h2{align-items:center;gap:9px;font-size:16px;font-weight:800;display:flex}.qr-section-title h2>svg{width:18px;height:18px;color:var(--primary)}.qr-section-title>span{color:var(--muted-foreground);font-size:12px}.qr-section .utility-textarea{border-radius:10px}.qr-text-button{min-height:36px;color:var(--primary);justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:700;display:inline-flex}.qr-text-button:hover{text-decoration:underline}.qr-text-button:disabled{opacity:.5;cursor:not-allowed}.qr-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.qr-presets button{border:1px solid var(--border);background:var(--background);border-radius:12px;justify-items:center;gap:8px;padding:14px 6px 10px;font-size:12px;display:grid;position:relative}.qr-presets button>img{border-radius:4px;width:64px;height:64px}.qr-presets button[aria-pressed=true]{border-color:var(--primary);background:var(--accent)}.qr-presets .qr-preset-check{width:14px;height:14px;color:var(--primary);position:absolute;top:6px;right:6px}.qr-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.qr-fields>label,.qr-caption-label{color:var(--muted-foreground);gap:7px;min-width:0;font-size:12px;font-weight:600;display:grid}.qr-fields select,.qr-caption-label input,.qr-size-field{border:1px solid var(--border);background:var(--background);width:100%;min-width:0;height:42px;color:var(--foreground);border-radius:9px;padding:0 11px;font-size:14px;font-weight:400}.qr-fields select:disabled{opacity:.65}.qr-size-field{align-items:center;gap:6px;display:flex}.qr-size-field input{background:0 0;outline:none;width:100%;min-width:0}.qr-size-field span{color:var(--muted-foreground);font-size:12px}.qr-color-field{border:1px solid var(--border);background:var(--background);border-radius:9px;align-items:center;gap:12px;height:42px;padding:5px 10px 5px 5px;display:flex}.qr-color-field code{color:var(--foreground);font-size:12px}.qr-studio input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:5px;flex:none;width:38px;height:30px;padding:1px}.qr-eye-row{align-items:center;gap:16px;min-height:32px;display:flex}.qr-check{color:var(--muted-foreground);align-items:center;gap:8px;font-size:12px;display:flex}.qr-check input{accent-color:var(--primary);width:16px;height:16px}.qr-logo-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.qr-logo-row>img{border:1px solid var(--border);object-fit:contain;background:#fff;border-radius:8px}.qr-upload{cursor:pointer;position:relative;overflow:hidden}.qr-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.qr-upload:focus-within,.qr-studio button:focus-visible,.qr-studio select:focus-visible,.qr-studio input:focus-visible,.qr-size-field:focus-within{outline:2px solid var(--primary);outline-offset:3px}.qr-slider-label{color:var(--muted-foreground);grid-template-columns:1fr auto;gap:8px;font-size:12px;display:grid}.qr-slider-label input{grid-column:1/-1}.qr-output{gap:20px;padding:26px;display:grid;position:sticky;top:82px}.qr-local{align-items:center;gap:5px;display:flex}.qr-preview-stage{background:var(--muted);border-radius:14px;place-items:center;min-height:360px;padding:24px;display:grid}.qr-studio .qr-preview{aspect-ratio:auto;background:#fff;border:none;border-radius:0;width:min(100%,320px);min-height:260px;padding:0}.qr-studio .qr-preview img{image-rendering:auto;width:100%;height:auto;display:block}.qr-studio .qr-empty{color:#575268;min-height:260px;padding:20px}.qr-output-meta{color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:7px 16px;font-size:12px;display:flex}.qr-export-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.qr-export-actions .utility-button-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.qr-check-panel{border-top:1px solid var(--border);gap:8px;padding-top:14px;display:grid}.qr-check-panel .qr-text-button{justify-self:start}.qr-warning{color:var(--foreground);border-left:2px solid #d6922a;padding-left:10px;font-size:12px}@media (width<=1000px){.qr-studio{grid-template-columns:minmax(0,1fr) minmax(310px,.8fr);gap:14px}.qr-section,.qr-output{padding:20px}.qr-preview-stage{min-height:300px;padding:14px}}@media (width<=760px){.qr-studio{grid-template-columns:minmax(0,1fr)}.qr-output{position:static}.qr-presets{gap:6px}.qr-presets button{font-size:11px}.qr-section,.qr-output{padding:18px}.qr-fields{gap:12px}.qr-preview-stage{min-height:320px}}