.brand-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:26px;align-items:start}.brand-section{margin-bottom:18px}.brand-section h2{font-size:20px;margin-bottom:23px}.brand-section .helper{margin-bottom:20px}.brand-section .field{font-size:13px}.brand-upload{display:flex;align-items:center;gap:17px;padding:20px 0;border-bottom:1px solid var(--line)}.brand-upload-preview{height:90px;width:90px;flex-shrink:0;border:1px dashed #becae0;border-radius:13px;display:grid;place-items:center;background:var(--bg);padding:10px;color:var(--blue)}.brand-upload-preview img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.brand-upload strong{font-size:14px}.brand-upload p{font-size:12px;color:var(--muted);line-height:1.6;margin:6px 0 12px}.brand-upload small{display:block;font-size:11px;color:var(--muted);margin-top:9px;overflow-wrap:anywhere}.brand-upload .grow{min-width:0}.brand-file-label{position:relative;overflow:hidden;cursor:pointer;display:inline-flex}.brand-file-label input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.brand-file-label:focus-within{outline:3px solid var(--blue);outline-offset:3px}.brand-upload .text-btn{font-size:12px;margin-left:10px;min-height:44px}.brand-colors{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.brand-color-field{display:flex;gap:12px;align-items:center;font-size:13px}.brand-color-field input{width:48px;height:48px;padding:3px;border:1px solid var(--line);background:white;border-radius:10px;cursor:pointer;flex-shrink:0}.brand-color-field small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.brand-preview-panel{position:sticky;top:105px;min-width:0}.brand-preview-panel h2{font-size:18px}.brand-preview-panel>.helper{line-height:1.8;margin:18px 0}.brand-preview-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white;margin-top:19px}.brand-preview-art{height:135px;background:var(--brand-primary);position:relative;overflow:hidden}.brand-preview-line{position:absolute;inset:22px 22px -18px 22px;border:2px solid var(--brand-accent);border-radius:8px}.brand-preview-line:after{content:"";position:absolute;top:45%;left:0;right:0;border-top:2px solid var(--brand-accent)}.brand-preview-star{position:absolute;right:40px;top:35px;color:var(--brand-accent)}.brand-preview-star svg{width:36px;height:36px}.brand-preview-body{padding:0 24px 22px}.brand-preview-logo{position:relative;margin-top:-35px;margin-bottom:18px;width:82px;height:82px;border-radius:17px;background:white;border:1px solid var(--line);padding:12px;display:grid;place-items:center;color:var(--blue)}.brand-preview-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.brand-preview-logo>svg{width:30px;height:30px}.brand-preview-body h2{font-size:25px;line-height:1.3;overflow-wrap:anywhere}.brand-preview-body>p{font-size:13px;line-height:1.8;color:var(--muted);margin:12px 0 25px;overflow-wrap:anywhere}.brand-preview-secondary{max-width:110px;height:42px;-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left;margin-bottom:20px}.brand-preview-footer{border-top:1px solid var(--line);padding-top:17px;display:flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);flex-wrap:wrap}.brand-preview-footer>span:last-child{margin-left:auto}.brand-color-dot{height:9px;width:9px;background:var(--brand-primary);border-radius:50%}.brand-future-note{display:flex;gap:10px;background:var(--yellow-soft);padding:17px;border-radius:12px;font-size:12px;line-height:1.8}.brand-future-note svg{width:18px;flex-shrink:0;margin-top:2px}@media(max-width:900px){.brand-layout{grid-template-columns:1fr}.brand-preview-panel{position:static;max-width:550px;width:100%}}@media(max-width:450px){.brand-upload{gap:12px}.brand-upload-preview{width:65px;height:65px}.brand-upload .text-btn{margin-left:0}.brand-colors{grid-template-columns:1fr}.brand-file-label{font-size:12px;padding:10px}.brand-preview-body{padding:0 19px 20px}}