.tool-container{max-width:1000px;margin:0 auto;padding:4rem 1.5rem}.tool-header{text-align:center;margin-bottom:3rem}.tool-header h1{background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:2.5rem}.tool-header p{color:var(--text-secondary);font-size:1.1rem}.workspace{grid-template-columns:1fr 350px;align-items:start;gap:2rem;display:grid}.controls-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.preview-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:2rem;display:flex;position:sticky;top:100px}.qr-preview-container{border-radius:var(--radius-md);background:#fff;justify-content:center;align-items:center;padding:2rem;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000000d}.type-selector{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.type-btn{border-radius:var(--radius-md);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;text-align:center;background:0 0;flex:1;min-width:80px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.type-btn.active{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.input-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.input-group label{font-size:.95rem;font-weight:600}.input-group input,.input-group textarea,.input-group select{width:100%}.color-pickers{gap:1rem;display:flex}.color-picker-group{flex-direction:column;flex:1;gap:.5rem;display:flex}.color-picker-group label{font-size:.85rem;font-weight:600}.color-input-wrapper{align-items:center;gap:.5rem;display:flex}.color-input-wrapper input[type=color]{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;padding:0}.color-input-wrapper input[type=text]{flex:1}.actions-row{gap:1rem;width:100%;display:flex}.actions-row button{flex:1}.section-divider{border-top:1px solid var(--border-color);margin:1rem 0;position:relative}.section-divider:after{content:"Styling Options";background:var(--bg-secondary);color:var(--text-secondary);padding:0 .5rem;font-size:.85rem;font-weight:500;position:absolute;top:-10px;left:1rem}.logo-upload{flex-direction:column;gap:.5rem;display:flex}.logo-preview-row{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.logo-preview-img{object-fit:contain;border:1px solid var(--border-color);border-radius:4px;width:40px;height:40px}.remove-logo-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:.85rem}.remove-logo-btn:hover{text-decoration:underline}@media (max-width:900px){.workspace{grid-template-columns:1fr}.preview-panel{order:-1;position:static}}