*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0a;--surface:#141414;--border:#262626;--text:#fafafa;--text-muted:#737373;--primary:#3b82f6;--primary-hover:#2563eb}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:800px;margin:0 auto;padding:2rem 1.5rem}h1{text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:600}.container{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=700px){.container{grid-template-columns:1fr}}.preview{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.qr-display{border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0006}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border)}.controls{flex-direction:column;gap:1.25rem;display:flex}.control-group{flex-direction:column;gap:.5rem;display:flex}.control-group label{color:var(--text-muted);font-size:.875rem;font-weight:500}.control-group textarea,.control-group input[type=text]{background:var(--surface);border:1px solid var(--border);color:var(--text);resize:vertical;border-radius:8px;padding:.75rem;font-size:.9rem}.control-group textarea:focus{border-color:var(--primary);outline:none}.control-group input[type=range]{-webkit-appearance:none;background:var(--border);border-radius:4px;outline:none;width:100%;height:8px}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border-radius:50%;width:20px;height:20px}.control-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.color-input{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.color-input input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:4px;width:32px;height:32px}.color-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-input input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.color-input span{color:var(--text-muted);font-family:monospace;font-size:.875rem}.level-buttons{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.level-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;padding:.75rem;font-weight:600;transition:all .2s;display:flex}.level-btn:hover{border-color:var(--primary)}.level-btn.active{background:var(--primary);border-color:var(--primary)}.level-desc{color:var(--text-muted);margin-top:.25rem;font-size:.7rem;font-weight:400}.level-btn.active .level-desc{color:#ffffffb3}footer{text-align:center;color:var(--text-muted);margin-top:3rem;font-size:.75rem}