main{flex:1;display:flex;padding:0}.panel-left{width:450px;border-right:1px solid var(--border);background:var(--bg2);display:flex;flex-direction:column;overflow-y:auto}.panel-right{flex:1;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;overflow-y:auto;position:relative}.panel-section{padding:24px;border-bottom:1px solid var(--border)}.panel-section-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.control-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.control-group:last-child{margin-bottom:0}.control-group label{font-size:12px;font-weight:500;color:var(--muted)}textarea{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:12px;border-radius:var(--r);outline:none;font-family:Inter,sans-serif;font-size:14px;resize:vertical;min-height:80px;transition:border-color .2s}textarea:focus{border-color:var(--accent)}.color-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.color-input-wrapper{display:flex;align-items:center;background:var(--bg3);border:1px solid var(--border);padding:6px 12px;border-radius:var(--r);gap:10px}.color-input-wrapper input[type=color]{border:none;background:transparent;width:28px;height:28px;cursor:pointer;border-radius:4px;outline:none}.color-input-wrapper span{font-size:13px;color:#fff;font-family:JetBrains Mono,monospace}select,input[type=file]{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:10px 12px;border-radius:var(--r);outline:none;font-size:13px;cursor:pointer}select:focus{border-color:var(--accent)}.file-upload-btn{background:var(--bg3);border:1px dashed var(--border);color:var(--muted);padding:14px;border-radius:var(--r);text-align:center;cursor:pointer;font-size:12px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.file-upload-btn:hover{border-color:var(--accent);color:#fff;background:#00a8ff08}.preview-card{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:24px;box-shadow:0 12px 32px #0006;max-width:380px;width:100%;position:relative;overflow:hidden}.qr-canvas-container{background:#fff;padding:24px;border-radius:12px;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #00000026;width:280px;height:280px;position:relative}#qrcode-preview{max-width:100%;height:auto;display:block;border-radius:4px}.mode-toggle-wrapper{display:flex;background:var(--bg3);border:1px solid var(--border);padding:4px;border-radius:var(--r);margin:20px 24px 4px}.mode-btn{flex:1;background:transparent;border:none;color:var(--muted);padding:8px 12px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;outline:none}.mode-btn:hover{color:#fff}.mode-btn.active{background:var(--accent);color:#fff}@media(max-width:900px){main{flex-direction:column}.panel-left{width:100%;border-right:none;border-bottom:1px solid var(--border);overflow-y:visible}.panel-right{padding:32px 20px}}