.brand-builder{display:grid;gap:14px;max-width:800px;margin:0 auto}.brand-stage{display:grid;grid-template-columns:minmax(220px,300px) 1fr;gap:18px;align-items:start}.brand-preview-wrap{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;gap:8px}.brand-preview-label{font-size:9px;letter-spacing:.15em;font-weight:900;color:#8191a4}.brand-cover-live{width:min(300px,100%);aspect-ratio:1;border:1px solid #344151;border-radius:20px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.34)}.brand-controls{min-width:0}.theme-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.theme-preset{position:relative;border:1px solid #344151;background:#111821;color:#e8eef5;border-radius:16px;padding:8px;cursor:pointer;text-align:left;transition:.16s}.theme-preset:hover{border-color:#50637a;transform:translateY(-1px)}.theme-preset.selected{border-color:var(--cyan);box-shadow:0 0 0 2px rgba(66,232,245,.08);background:#13202a}.theme-preset.recommended:after{content:'Recommended';position:absolute;top:7px;right:7px;font-size:7px;letter-spacing:.08em;font-weight:900;padding:3px 5px;border-radius:999px;background:rgba(66,232,245,.16);color:#9ff6fc}.theme-preset-cover{width:100%;aspect-ratio:1;border-radius:11px;overflow:hidden;margin-bottom:7px}.theme-preset strong{display:block;font-size:13px}.theme-preset small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.lever-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0 8px}.lever-tab{border:1px solid #303d4d;background:#0c1219;color:#b9c7d4;border-radius:11px;padding:9px 6px;font-size:11px;font-weight:800;cursor:pointer}.lever-tab.active{border-color:var(--cyan);color:#fff;background:#13202a}.lever-panel{display:none;border-top:1px solid #1d2835;padding-top:9px}.lever-panel.active{display:block}.palette-card-grid,.font-card-grid,.layout-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.palette-card,.font-card,.layout-card{border:1px solid #344151;background:#0f161f;color:#dce6ef;border-radius:12px;min-height:64px;padding:9px;cursor:pointer;text-align:left}.palette-card.selected,.font-card.selected,.layout-card.selected{border-color:var(--cyan);background:#13202a;box-shadow:0 0 0 2px rgba(66,232,245,.07)}.palette-swatches{display:flex;height:24px;border-radius:8px;overflow:hidden;margin-bottom:6px}.palette-swatches i{flex:1}.palette-card strong,.font-card strong,.layout-card strong{font-size:11px;display:block}.font-sample{font-size:18px;line-height:1;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layout-sample{height:32px;border:1px solid #2a3644;border-radius:7px;margin-bottom:6px;position:relative;overflow:hidden;background:#090e14}.layout-sample:before,.layout-sample:after{content:'';position:absolute;background:#8393a5;border-radius:2px}.layout-sample:before{height:5px;width:52%;left:8px;top:8px}.layout-sample:after{height:3px;width:35%;left:8px;top:18px;opacity:.55}.layout-card[data-layout='portrait'] .layout-sample:before{left:auto;right:7px;width:30%;height:24px;border-radius:50%}.layout-card[data-layout='logo_first'] .layout-sample:before{width:18px;height:18px;border-radius:5px}.layout-card[data-layout='minimal'] .layout-sample:before{left:24%;width:52%;top:12px}.layout-card[data-layout='photo_background'] .layout-sample{background:linear-gradient(135deg,#23303d,#10161e)}.custom-colors{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.custom-colors label{font-size:9px;color:#8797aa;text-align:center}.custom-colors input{display:block;width:100%;height:32px;margin-top:4px;background:#0b1016;border:1px solid #334052;border-radius:8px}.brand-media-intro{text-align:center;margin-bottom:14px}.brand-media-intro h2{font-size:22px;margin:0 0 5px}.brand-media-intro p{font-size:12px;color:var(--muted);margin:0}.media-upload-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;max-width:760px;margin:0 auto}.media-upload-card{position:relative;border:1px solid #344151;background:#101720;border-radius:16px;min-height:118px;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;color:#e9eff6}.media-upload-card input{display:none}.media-upload-card .media-icon{font-size:28px;margin-bottom:7px}.media-upload-card strong{font-size:13px}.media-upload-card small{font-size:9px;color:var(--muted);margin-top:3px}.media-upload-card.has-asset{border-color:var(--cyan);background:#13202a}.media-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.media-control{border:1px solid #283546;border-radius:13px;background:#0b1118;padding:10px}.media-control h3{font-size:12px;margin:0 0 8px}.media-control label{display:block;color:#91a2b4;font-size:9px;margin-top:7px}.media-control select,.media-control input[type=range]{width:100%;margin-top:4px}.media-control select{background:#090e14;color:#e7edf4;border:1px solid #334052;border-radius:8px;padding:7px}.media-control-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.media-pill{border:1px solid #344151;background:#111821;color:#d7e2ec;border-radius:999px;padding:5px 7px;font-size:8px;cursor:pointer}.media-pill.selected{border-color:var(--cyan);background:#13202a}.remove-asset{margin-top:7px;border:0;background:transparent;color:#aebdcc;font-size:9px;cursor:pointer}.brand-media-preview{width:min(220px,55vw);aspect-ratio:1;margin:0 auto 12px;border-radius:18px;overflow:hidden;border:1px solid #344151}.claim-notes{max-width:620px;margin:13px auto 0}.claim-notes label{display:block;font-size:12px;color:#c9d5e1}.claim-notes textarea{width:100%;min-height:150px;margin-top:7px;background:#090e14;border:1px solid #334052;color:white;border-radius:14px;padding:14px;outline:none;resize:vertical}.claim-notes small{display:block;color:#8999ab;font-size:10px;margin-top:5px;line-height:1.4}.cover-render{position:relative;isolation:isolate;overflow:hidden;background:var(--brand-bg,#081017);color:var(--brand-fg,#fff)}.cover-render>*{position:absolute}.cover-bg{inset:0;background:radial-gradient(circle at 80% 82%,color-mix(in srgb,var(--brand-primary) 58%,transparent) 0 0,transparent 42%),linear-gradient(145deg,var(--brand-bg),color-mix(in srgb,var(--brand-primary) 16%,var(--brand-bg)))}.cover-bts{inset:-4%;width:108%;height:108%;object-fit:cover;z-index:1}.cover-overlay{inset:0;z-index:2;background:linear-gradient(180deg,rgba(3,5,8,.02),rgba(3,5,8,calc(var(--bts-darken,.35) + .18)))}.cover-accent{z-index:3;pointer-events:none}.accent-orb{width:62%;aspect-ratio:1;border-radius:50%;background:var(--brand-primary);opacity:.25;right:-18%;bottom:-16%;filter:blur(2px)}.accent-rules{left:8%;right:8%;top:14%;height:1px;background:var(--brand-secondary);box-shadow:0 8px 0 color-mix(in srgb,var(--brand-secondary) 42%,transparent)}.accent-frame{inset:7%;border:1px solid color-mix(in srgb,var(--brand-primary) 42%,transparent)}.accent-soft{width:70%;height:40%;left:-12%;bottom:-10%;background:var(--brand-primary);opacity:.18;border-radius:50%;filter:blur(20px)}.accent-grid{inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:12% 12%;mask-image:linear-gradient(to bottom,transparent,black)}.accent-bubble{width:48%;aspect-ratio:1;border-radius:42% 58% 52% 48%;background:var(--brand-primary);opacity:.25;right:-8%;top:14%;transform:rotate(18deg)}.cover-copy{z-index:6;left:9%;right:9%;bottom:10%;display:flex;flex-direction:column;gap:6px}.cover-copy h2{position:static!important;font-family:var(--title-font);font-weight:var(--title-weight);text-transform:var(--title-transform);letter-spacing:var(--title-tracking);font-size:clamp(24px,10cqi,54px);line-height:.94;margin:0;color:var(--brand-fg);max-width:100%}.cover-copy p{position:static!important;margin:0;color:color-mix(in srgb,var(--brand-fg) 72%,transparent);font-size:clamp(8px,2.8cqi,15px);line-height:1.25;max-width:78%}.cover-eyebrow{position:static!important;color:var(--brand-secondary);font-size:clamp(7px,2.2cqi,11px);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.cover-signature{z-index:7;top:7%;left:8%;font-size:clamp(6px,2cqi,10px);letter-spacing:.18em;font-weight:900;color:color-mix(in srgb,var(--brand-fg) 72%,transparent)}.cover-headshot{z-index:5;object-fit:cover;object-position:center;border:2px solid color-mix(in srgb,var(--brand-fg) 20%,transparent)}.headshot-circle{border-radius:50%}.headshot-rounded{border-radius:18%}.headshot-cutout{border:0;object-fit:contain}.size-small.cover-headshot{width:24%;height:24%}.size-medium.cover-headshot{width:36%;height:36%}.size-large.cover-headshot{width:54%;height:54%}.pos-bottom_right.cover-headshot{right:7%;bottom:7%}.pos-bottom_left.cover-headshot{left:7%;bottom:7%}.pos-left.cover-headshot{left:4%;top:26%}.pos-right.cover-headshot{right:4%;top:26%}.pos-center.cover-headshot{left:50%;top:50%;transform:translate(-50%,-50%)}.cover-logo-wrap{z-index:8;display:flex;align-items:center;justify-content:center}.cover-logo-wrap.with-badge{background:rgba(0,0,0,.32);border-radius:12px;padding:5px}.cover-logo{position:static!important;width:100%;height:100%;object-fit:contain}.cover-logo-wrap.size-small{width:16%;height:16%}.cover-logo-wrap.size-medium{width:24%;height:24%}.cover-logo-wrap.size-large{width:34%;height:34%}.cover-logo-wrap.pos-top_left{top:7%;left:7%}.cover-logo-wrap.pos-top_right{top:7%;right:7%}.cover-logo-wrap.pos-bottom_left{bottom:7%;left:7%}.cover-logo-wrap.pos-bottom_right{bottom:7%;right:7%}.cover-logo-wrap.pos-center{left:50%;top:50%;transform:translate(-50%,-50%)}.cover-layout-portrait .cover-copy{right:36%}.cover-layout-portrait .cover-headshot{width:48%;height:70%;right:-2%;bottom:-4%;left:auto;top:auto;border-radius:24px 0 0 0;object-position:50% 20%}.cover-layout-editorial .cover-copy{bottom:12%;border-top:1px solid color-mix(in srgb,var(--brand-secondary) 70%,transparent);padding-top:8%}.cover-layout-logo_first .cover-copy{bottom:8%;text-align:center;align-items:center}.cover-layout-logo_first .cover-copy p{max-width:92%}.cover-layout-minimal .cover-copy{left:12%;right:12%;bottom:42%;text-align:center;align-items:center}.cover-layout-minimal .cover-copy p{max-width:88%}.cover-layout-photo_background .cover-copy{bottom:8%;padding:6%;left:4%;right:4%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.42));border-radius:16px}.compact-cover .cover-copy p{display:none}.compact-cover .cover-eyebrow{font-size:6px}.compact-cover .cover-copy h2{font-size:18px}.compact-cover .cover-signature{font-size:5px}.theme-preset-cover .cover-copy h2{font-size:14px}.theme-preset-cover .cover-copy p{display:none}.theme-preset-cover .cover-eyebrow{font-size:5px}.theme-preset-cover .cover-signature{font-size:4px}body.brand-mode{padding-bottom:0}.brand-mode .show-shelf{display:none}.brand-mode .step-viewport{height:clamp(560px,calc(100dvh - 155px),760px)}@media(max-width:720px){.brand-stage{display:block}.brand-preview-wrap{position:static}.brand-cover-live{width:min(235px,64vw);margin:0 auto}.theme-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.theme-preset{padding:6px}.theme-preset-cover{border-radius:9px}.theme-preset strong{font-size:11px}.theme-preset small{font-size:8px}.theme-preset.recommended:after{font-size:6px;top:5px;right:5px}.lever-tabs{position:sticky;bottom:0;background:#0d1219;padding:6px 0;z-index:10}.palette-card-grid,.font-card-grid,.layout-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.media-upload-card{min-height:100px;padding:9px}.media-controls{grid-template-columns:1fr}.brand-mode .step-viewport{height:calc(100dvh - 126px);min-height:560px;max-height:none}.brand-mode .step-pane{padding-bottom:90px}.brand-media-preview{width:min(210px,58vw)}.claim-notes textarea{min-height:135px}}@media(max-width:460px){.brand-cover-live{width:min(220px,66vw)}.theme-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.theme-preset small{display:none}.theme-preset-cover{margin-bottom:5px}.palette-card-grid,.font-card-grid,.layout-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-upload-card strong{font-size:11px}.media-upload-card small{display:none}.media-upload-card .media-icon{font-size:24px}.brand-mode .step-viewport{height:calc(100dvh - 116px);min-height:540px}}