.qr-tool-shell{display:grid;grid-template-columns:minmax(0,0.95fr) minmax(320px,1.05fr);gap:1.25rem;align-items:start;margin-top:1.5rem}.qr-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1.25rem}.qr-panel h2{margin-top:0;font-size:1.25rem;text-align:left}.qr-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.qr-form-grid .span-2{grid-column:1/-1}.qr-field{display:flex;flex-direction:column;gap:.4rem}.qr-field label{font-weight:700}.qr-field input,.qr-field select,.qr-field textarea{width:100%;box-sizing:border-box;border:1px solid var(--border-color);border-radius:4px;background:var(--bg-primary);color:var(--text-primary);font:inherit;padding:.65rem .7rem}.qr-field textarea{min-height:6rem;line-height:1.5;resize:vertical}.qr-field input:focus,.qr-field select:focus,.qr-field textarea:focus{outline:2px solid var(--focus-outline-color);outline-offset:2px}.qr-content-mode[hidden]{display:none}.qr-content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.qr-content-grid .span-2{grid-column:1/-1}.qr-checkbox{display:flex;align-items:center;gap:.6rem;min-height:2.7rem}.qr-checkbox input{width:1.1rem;height:1.1rem;margin:0;accent-color:var(--accent-color)}.qr-checkbox label{font-weight:700}.qr-live-note{margin:-.35rem 0 0;color:var(--date-color);font-size:.95rem}.qr-dropzone{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(7rem,9rem);align-items:center;gap:1rem;min-height:11rem;padding:1.25rem;border:2px dashed var(--border-color);border-radius:8px;background:var(--bg-primary);cursor:pointer;transition:border-color .2s,background-color .2s}.qr-dropzone.is-dragging,.qr-dropzone:focus,.qr-dropzone:hover{border-color:var(--accent-color);outline:0}.qr-dropzone.is-dragging{background:var(--bg-tertiary,var(--bg-secondary))}.qr-field .qr-file-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.qr-drop-copy{display:grid;gap:.35rem}.qr-drop-copy strong{font-size:1.15rem}.qr-drop-copy span{color:var(--date-color)}.qr-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.qr-button{border:0;border-radius:4px;background:var(--accent-color);color:#fff;cursor:pointer;font-weight:700;min-height:2.7rem;padding:.65rem 1rem}.qr-button.secondary{background:0 0;border:1px solid var(--border-color);color:var(--text-primary)}.qr-button:disabled{cursor:not-allowed;opacity:.55}.qr-preview-area{display:grid;gap:1rem}.qr-art-preview,.qr-output-preview{display:grid;place-items:center;min-height:18rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);overflow:hidden}.qr-art-preview img,.qr-output-preview img{display:block;max-width:100%;height:auto}.qr-art-preview img{max-height:8rem;border-radius:6px}.qr-output-preview img{width:min(100%,585px)}.qr-status{min-height:1.5rem;color:var(--date-color);font-weight:600}.qr-status.error{color:#c1121f}.qr-guide{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.qr-guide h2,.qr-guide h3{text-align:left}.qr-guide h2{margin:0;font-size:1.35rem}.qr-guide h3{margin:0;font-size:1rem}.qr-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-top:1rem}.qr-guide p{margin:.5rem 0 0;line-height:1.55}.qr-guide code{overflow-wrap:anywhere}.qr-guide pre{margin:.65rem 0 1rem;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font:0.82rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere;white-space:pre-wrap}.qr-guide pre code{overflow-wrap:anywhere}@media (max-width:900px){.qr-tool-shell{grid-template-columns:1fr}}@media (max-width:640px){.qr-form-grid{grid-template-columns:1fr}.qr-form-grid .span-2{grid-column:auto}.qr-content-grid{grid-template-columns:1fr}.qr-content-grid .span-2{grid-column:auto}.qr-dropzone{grid-template-columns:1fr}.qr-guide-grid{grid-template-columns:1fr;gap:1.25rem}}