.qr-container{display:grid;grid-template-columns:1fr 400px;grid-gap:2rem;gap:2rem;align-items:start}@media (max-width:1024px){.qr-container{grid-template-columns:1fr}}.settings-panel{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--card-border);box-shadow:var(--shadow)}.preview-panel,.settings-panel{border-radius:24px;padding:2rem}.preview-panel{position:-webkit-sticky;position:sticky;top:120px;background:#fff;box-shadow:var(--shadow-hover);display:flex;flex-direction:column;align-items:center;gap:1.5rem;border:1px solid var(--card-border)}.setting-group{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.setting-group:last-child{border-bottom:none}.setting-group h3{font-size:1rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.control-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:1rem;gap:1rem}.input-field{width:100%;padding:.75rem 1rem;border-radius:12px;border:1px solid var(--card-border);background:#fff;font-size:.95rem;outline:none;transition:all .2s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.1)}.shape-option{padding:.75rem;border:2px solid transparent;border-radius:12px;background:#fff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s;font-size:.8rem;font-weight:500}.shape-option.active{border-color:var(--primary);background:rgba(37,99,235,.05);color:var(--primary)}.color-picker-wrapper{display:flex;align-items:center;gap:1rem}.color-input{width:40px;height:40px;padding:0;border:none;border-radius:8px;cursor:pointer;overflow:hidden}.qr-preview-wrapper{background:#fff;padding:1rem;border-radius:16px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.download-btn{width:100%;padding:1rem;border-radius:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:all .2s}.btn-secondary{background:#fff;border:1px solid var(--card-border);color:var(--text-primary)}.btn-secondary:hover{background:#f8fafc;border-color:var(--text-secondary)}.tab-nav{display:flex;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.tab-btn{padding:.6rem 1.25rem;border-radius:999px;border:1px solid var(--card-border);background:#fff;font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}