.rl-branding-wrap{display:grid;gap:18px}.rl-branding-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.rl-branding-intro h2{font-size:28px;letter-spacing:-.04em;margin:7px 0}.rl-branding-intro p{color:var(--muted);font-size:16px;margin:0;max-width:680px}.rl-branding-role,.rl-domain-status{font-size:14px;color:var(--muted);padding:7px 10px;background:var(--soft);border-radius:99px;white-space:nowrap}.rl-branding-grid{display:grid;align-items:start;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px}.rl-branding-form{padding:0}.rl-branding-form-body{padding:3px 22px 22px}.rl-branding-form .card-heading,.rl-brand-preview .card-heading,.rl-domain-card .card-heading{align-items:flex-start}.rl-branding-toggle{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);white-space:nowrap}.rl-branding-toggle input{width:18px;height:18px;accent-color:var(--ink)}.rl-color-row{display:flex;gap:9px;align-items:center}.rl-color-row input[type=color]{width:48px;height:46px;padding:4px;border:1px solid #d8d8d8;border-radius:6px;background:#fff}.rl-color-row input[type=text]{flex:1}.rl-logo-upload{display:flex;gap:14px;align-items:center}.rl-logo-thumb{width:96px;height:58px;border:1px dashed #c8c8c8;border-radius:8px;display:grid;place-items:center;background:#f7f7f8;color:var(--muted);overflow:hidden}.rl-logo-thumb img{width:100%;height:100%;object-fit:contain}.rl-logo-upload .helper{margin:8px 0 0}.rl-logo-upload .text-button{display:block;margin-top:6px}.button-disabled{opacity:.45;pointer-events:none}.rl-brand-preview{padding:0}.rl-preview-shell{display:grid;grid-template-columns:145px minmax(0,1fr);min-height:240px;margin:0 22px 22px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.rl-preview-sidebar{padding:16px 11px;background:#f7f7f8;border-right:1px solid var(--line)}.rl-preview-brand{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.15;margin-bottom:23px}.rl-preview-brand img{width:23px;height:23px;object-fit:contain}.rl-preview-mark{width:23px;height:23px;border-radius:6px;background:var(--ink);color:#fff;display:grid;place-items:center;font-weight:700}.rl-preview-nav{display:grid;gap:8px;color:var(--muted);font-size:11px}.rl-preview-nav span{padding:6px 7px;border-radius:5px}.rl-preview-nav .active{background:#fff;color:var(--ink);font-weight:700}.rl-preview-main{padding:27px 18px;position:relative}.rl-preview-main h3{font-size:22px;letter-spacing:-.04em;margin:7px 0}.rl-preview-main p{font-size:13px;color:var(--muted);margin:0;max-width:200px}.rl-preview-main i{display:block;position:absolute;left:18px;bottom:20px;width:50px;height:4px;border-radius:3px}.rl-domain-card{padding:0}.rl-domain-body{padding:3px 22px 22px}.rl-domain-input{display:flex;align-items:flex-end;gap:10px}.rl-domain-input .field{flex:1}.rl-domain-input .button{margin-bottom:0;white-space:nowrap}.rl-domain-message{margin:14px 0 0}.rl-brand-records{margin-top:20px;display:grid;gap:8px}.rl-brand-records>p{margin:0 0 2px}.rl-brand-record{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:11px 12px;background:var(--soft)}.rl-brand-record div{display:grid;gap:2px}.rl-brand-record span{font-size:12px;color:var(--muted);font-weight:700}.rl-brand-record strong{font-size:14px}.rl-brand-record code{font-size:13px;overflow-wrap:anywhere;text-align:right}.rl-domain-actions{display:flex;align-items:center;gap:12px;margin-top:18px}.rl-domain-status.is-verified{background:#e8f1eb;color:#286747}.rl-domain-status.is-pending{background:#fff4e7;color:#8a5a23}@media(max-width:850px){.rl-branding-grid{grid-template-columns:1fr}.rl-brand-preview{order:-1}}@media(max-width:560px){.rl-branding-intro{display:grid}.rl-domain-input,.rl-domain-actions{display:grid;align-items:stretch}.rl-domain-input .button{width:100%}.rl-preview-shell{margin:0 15px 15px}.rl-branding-form-body,.rl-domain-body{padding-left:17px;padding-right:17px}.rl-branding-form .card-heading,.rl-brand-preview .card-heading,.rl-domain-card .card-heading{padding-left:17px;padding-right:17px}}
.brand-logo{width:28px;height:28px;object-fit:contain;border-radius:7px;background:#fff}
.brand-mark{background:var(--brand-accent,#1a1c1f)!important;color:var(--brand-accent-contrast,#fff)!important}.button-dark{background:var(--brand-accent,#1a1c1f);border-color:var(--brand-accent,#1a1c1f);color:var(--brand-accent-contrast,#fff)}.nav-list a.active{background:var(--brand-accent,#1a1c1f);color:var(--brand-accent-contrast,#fff)}