.branding-app{min-height:100vh}.branding-header{margin-bottom:25px}.branding-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);grid-gap:24px;gap:24px;align-items:start}.branding-settings{display:grid;grid-gap:15px;gap:15px}.branding-card,.branding-preview-wrap{padding:22px;border:1px solid var(--qr-border);border-radius:16px;background:#fff;box-shadow:0 5px 20px rgba(25,54,48,.06)}.branding-card-heading{margin-bottom:19px;display:flex;align-items:flex-start;gap:11px}.branding-card-heading>span{width:29px;height:29px;flex:0 0 auto;display:grid;place-items:center;border-radius:9px;background:var(--qr-soft-blue);color:var(--qr-primary);font-size:10px;font-weight:800}.branding-card-heading h2{color:var(--qr-ink);font-size:16px}.branding-card-heading p{margin-top:2px;color:var(--qr-muted);font-size:11px}.branding-field{display:grid;grid-gap:7px;gap:7px;color:#1d2939;font-size:12px;font-weight:750}.branding-field>input{width:100%;height:45px;padding:0 13px;border:1px solid #cad2df;border-radius:8px;background:#fff;color:var(--qr-ink);outline:none}.branding-field>input:focus{border-color:var(--qr-primary);box-shadow:0 0 0 3px rgba(22,114,105,.1)}.branding-upload{min-height:132px;padding:22px;display:flex;align-items:center;justify-content:center;gap:13px;border:1px dashed #aebfba;border-radius:12px;background-color:#f8fbf9;background-position:50%;background-size:cover;color:var(--qr-primary);cursor:pointer;text-align:left}.branding-upload.compact{min-height:86px;margin-top:15px;justify-content:flex-start}.branding-upload input{display:none}.branding-upload-icon{width:42px;height:42px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:#e2f1eb}.branding-upload-icon img{width:100%;height:100%;object-fit:contain}.branding-upload small,.branding-upload strong{display:block}.branding-upload strong{font-size:12px}.branding-upload small{margin-top:3px;color:var(--qr-muted);font-size:10px}.background-upload{color:#fff;text-align:center}.background-upload:not([style]){color:var(--qr-primary)}.background-upload[style] small{color:hsla(0,0%,100%,.8)}.branding-color-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px}.branding-color-control{height:45px;padding:5px 11px 5px 5px;display:flex;align-items:center;gap:10px;border:1px solid #cad2df;border-radius:8px}.branding-color-control input{width:37px;height:33px;padding:0;border:0;border-radius:6px;background:none;cursor:pointer}.branding-color-control code{color:var(--qr-ink);font-size:11px}.branding-mode{margin-top:17px;padding:0;border:0}.branding-mode legend{margin-bottom:7px;color:#1d2939;font-size:12px;font-weight:750}.branding-mode button{min-width:90px;padding:9px 15px;border:1px solid var(--qr-border);background:#fff;color:var(--qr-muted);font-size:11px;font-weight:750;cursor:pointer}.branding-mode button:first-of-type{border-radius:8px 0 0 8px}.branding-mode button:last-of-type{margin-left:-1px;border-radius:0 8px 8px 0}.branding-mode button.selected{position:relative;border-color:var(--qr-primary);background:var(--qr-soft-blue);color:var(--qr-primary)}.branding-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.branding-actions a,.branding-actions button{min-height:44px;padding:0 16px;display:inline-flex;align-items:center;border-radius:9px;font-size:12px;font-weight:800}.branding-actions button{border:0;background:var(--qr-primary);color:#fff;cursor:pointer}.branding-secondary{border:1px solid var(--qr-border);background:#fff;color:var(--qr-ink)}.branding-preview-wrap{position:-webkit-sticky;position:sticky;top:24px}.branding-preview{--brand-primary:#167269;--brand-accent:#ed7048;margin-top:18px;overflow:hidden;border:1px solid #dce4df;border-radius:13px;background:#f7f8f5}.branding-preview.dark{border-color:#304342;background:#152625}.branding-preview-hero{min-height:265px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;background:linear-gradient(140deg,var(--brand-primary),#183d3e);background-position:50%;background-size:cover;color:#fff}.branding-preview-brand{margin-bottom:auto;display:flex;align-items:center;gap:8px;font-size:13px}.branding-preview-brand>img,.branding-preview-brand>span{width:29px;height:29px;padding:6px;display:grid;place-items:center;border-radius:8px;background:#fff;color:var(--brand-primary);object-fit:contain}.branding-preview-brand .qr-icon{width:17px;height:17px}.branding-preview-hero>p{margin-bottom:5px;color:hsla(0,0%,100%,.72);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.branding-preview-hero h3{max-width:270px;font-size:25px;line-height:1.1;letter-spacing:-.04em}.branding-preview-hero button{margin-top:17px;padding:10px 14px;border:0;border-radius:8px;color:#fff;font-size:10px;font-weight:800}.branding-preview-content{padding:18px;color:var(--qr-ink)}.branding-preview.dark .branding-preview-content{color:#f6fbf9}.branding-preview-content>small{color:var(--brand-primary);font-size:8px;font-weight:800;letter-spacing:.08em}.branding-event-mini{margin-top:9px;display:flex;align-items:center;gap:11px}.branding-event-mini>span{width:45px;height:45px;display:grid;place-items:center;border-radius:10px;color:#fff;font-size:16px;font-weight:800;line-height:1}.branding-event-mini>span small{font-size:7px}.branding-event-mini strong{font-size:12px}.branding-event-mini p{margin-top:3px;color:var(--qr-muted);font-size:9px}.branding-preview-note{margin-top:12px;color:var(--qr-muted);font-size:10px;line-height:1.5}@media (max-width:1000px){.branding-grid{grid-template-columns:1fr}.branding-preview-wrap{position:static}}@media (max-width:680px){.branding-color-grid{grid-template-columns:1fr}.branding-card,.branding-preview-wrap{padding:17px}.branding-actions{align-items:stretch;flex-direction:column-reverse}.branding-actions a,.branding-actions button{justify-content:center}}