.qrcode-tabs{border-bottom:1px solid var(--border-color);gap:.5rem;margin-bottom:1rem;padding-bottom:0;display:flex}.qrcode-tab{color:var(--text-secondary,var(--text-color));cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;width:auto;margin-bottom:-1px;padding:.55rem 1.1rem;font-size:.95rem;transition:color .2s,border-color .2s}.qrcode-tab:hover{color:var(--text-color)}.qrcode-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:600}.qrcode-workspace{grid-template-columns:minmax(280px,1fr) minmax(260px,420px);align-items:start;gap:1rem;min-height:calc(100vh - 340px);display:grid}.qrcode-workspace--decode{grid-template-columns:1fr;max-width:720px}.qrcode-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;padding:1rem 1.1rem;box-shadow:0 1px 3px #0000000f}.qrcode-panel--preview{position:sticky;top:1rem}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.panel-title{color:var(--text-color);margin:0;font-size:1.05rem;font-weight:600}.panel-header-actions{flex-wrap:wrap;gap:.4rem;display:flex}.field-label{color:var(--text-color);margin:0 0 .35rem;font-size:.85rem;font-weight:600;display:block}.content-type-row{margin-bottom:.85rem}.content-type-pills{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.pill-btn{border:1px solid var(--border-color);background:var(--input-bg);color:var(--text-color);cursor:pointer;border-radius:999px;width:auto;padding:.35rem .75rem;font-size:.82rem;transition:background .2s,border-color .2s}.pill-btn:hover{border-color:var(--primary-color)}.pill-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.content-fields textarea,.content-fields input[type=url],.content-fields input[type=email],.content-fields input[type=tel],.content-fields input[type=text],.content-fields input[type=password]{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-color);box-sizing:border-box;border-radius:4px;margin-bottom:.75rem;padding:.5rem .65rem;font-size:.95rem}.content-fields textarea{resize:vertical;min-height:4.5rem;font-family:inherit}.options-panel{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.options-row{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:.75rem;display:flex}.option-group{flex:1;min-width:120px}.option-group--grow{flex:180px}.option-group select{border:1px solid var(--border-color);background-color:var(--input-bg);width:100%;color:var(--text-color);border-radius:4px;padding:.45rem .6rem;font-size:.9rem}.option-group select option,[data-theme=dark] .options-panel .option-group select,[data-theme=dark] .options-panel .option-group select option,[data-theme=dark] .content-fields select,[data-theme=dark] .content-fields select option{background-color:var(--input-bg);color:var(--text-color)}.color-input-wrap{align-items:center;gap:.5rem;display:flex}.color-swatch{border:1px solid var(--border-color);cursor:pointer;background:var(--input-bg);border-radius:4px;width:40px;height:36px;padding:2px}.color-hex{border:1px solid var(--border-color);background:var(--input-bg);min-width:0;color:var(--text-color);border-radius:4px;flex:1;padding:.4rem .5rem;font-family:monospace;font-size:.9rem}.preset-row{margin-bottom:.75rem}.preset-btns{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.option-group input[type=range]{width:100%;accent-color:var(--primary-color);margin:.25rem 0 0}.logo-section{margin-bottom:.75rem}.logo-actions{flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem;display:flex}.logo-upload-btn{cursor:pointer;margin:0}.logo-preview-thumb{margin-bottom:.5rem}.logo-preview-thumb img{border:1px solid var(--border-color);border-radius:4px;max-width:64px;max-height:64px}.logo-section .field-hint{color:var(--text-secondary,#888);margin:.35rem 0 0;font-size:.78rem;line-height:1.4}.checkbox-label{color:var(--text-color);cursor:pointer;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.88rem;display:inline-flex}.checkbox-label input{width:auto;margin:0}.wifi-hidden{margin-bottom:.75rem}.auto-gen-toggle{margin-top:.25rem}.generate-btn{width:100%;margin-top:.5rem}.char-badge{color:var(--text-secondary,#888);white-space:nowrap;font-size:.8rem}.qrcode-preview{border:1px dashed var(--border-color);background:var(--input-bg);border-radius:8px;justify-content:center;align-items:center;min-height:280px;padding:1rem;display:flex;overflow:auto}.qrcode-preview.empty{min-height:280px}.qrcode-preview-img{max-width:100%;height:auto;display:block}.preview-placeholder{color:var(--text-secondary,#888);text-align:center;margin:0;font-size:.9rem}.preview-actions{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;display:flex}.preview-actions .btn{flex:1;min-width:120px}.decode-dropzone{border:2px dashed var(--border-color);background:var(--input-bg);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:200px;margin-bottom:1rem;padding:1.5rem;transition:border-color .2s,background .2s;display:flex}.decode-dropzone.active{border-color:var(--primary-color);background:color-mix(in srgb, var(--primary-color) 8%, var(--input-bg))}.decode-dropzone.has-image{padding:.75rem}.decode-preview-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:220px}.dropzone-title{color:var(--text-color);margin:0;font-weight:600}.dropzone-hint{color:var(--text-secondary,#888);margin:0;font-size:.85rem}.dropzone-btn{cursor:pointer}.decode-status{color:var(--primary-color);margin-bottom:.75rem;font-size:.9rem}.decode-result textarea{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-color);resize:vertical;box-sizing:border-box;border-radius:4px;margin-bottom:.75rem;padding:.55rem .65rem;font-family:monospace;font-size:.9rem}.decode-result-actions{flex-wrap:wrap;gap:.5rem;display:flex}.decode-result-actions .btn{flex:1;min-width:140px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qrcode-panel .btn{cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:auto;padding:.45rem .9rem;font-size:.9rem;transition:opacity .2s,background .2s;display:inline-flex}.qrcode-panel .btn:disabled{opacity:.55;cursor:not-allowed}.qrcode-panel .btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.qrcode-panel .btn-primary:hover:not(:disabled){filter:brightness(1.05)}.qrcode-panel .btn-secondary{background:var(--input-bg);color:var(--text-color);border-color:var(--border-color)}.qrcode-panel .btn-secondary:hover:not(:disabled){background:var(--hover-bg,#0000000d)}.qrcode-panel .btn-sm{padding:.3rem .65rem;font-size:.82rem}.notification{color:#fff;opacity:0;z-index:1000;border-radius:4px;max-width:min(90vw,360px);padding:10px 20px;transition:all .3s;position:fixed;bottom:20px;right:20px;transform:translateY(100px)}.notification.show{opacity:1;transform:translateY(0)}.notification-success{background-color:#4caf50}.notification-error{background-color:#f44336}.notification-info{background-color:#2196f3}@media (width<=900px){.qrcode-workspace{grid-template-columns:1fr;min-height:0}.qrcode-panel--preview{position:static}}@media (width<=768px){.qrcode-tabs{flex-wrap:nowrap;overflow-x:auto}.content-type-pills{flex-wrap:nowrap;padding-bottom:.25rem;overflow-x:auto}.pill-btn{flex-shrink:0}}