.brand-page{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;color:var(--modal-text-primary);font-family:var(--font-primary);padding:var(--space-16) var(--space-6);--brand-rail-inset:0px;--brand-preview-min:calc(var(--space-20) * 2.5);--studio-atmosphere-veil:rgba(var(--atmosphere-graphite-deep-rgb),var(--opacity-32));--studio-atmosphere-ray-dim:rgba(var(--atmosphere-graphite-deep-rgb),var(--opacity-64));--studio-atmosphere-foliage-dim:rgba(var(--atmosphere-graphite-deep-rgb),var(--opacity-48))}.brand-root.chrome-overlay-page{padding-top:calc(var(--chrome-header-inset) + var(--space-10))}@media (min-width:1024px){.brand-page{--brand-rail-inset:var(--space-16)}}.brand-container{max-width:min(var(--max-width-landing),calc(100% - 2 * var(--brand-rail-inset)));margin:0 auto}.brand-header{text-align:center;margin-bottom:var(--space-10)}.brand-header a{color:rgba(var(--white-rgb),var(--opacity-80));font-weight:var(--font-semibold)}.brand-header h1{font-size:var(--text-h1);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin:var(--space-3) 0 var(--space-4);color:var(--modal-text-primary)}.brand-header p{font-size:var(--text-body-lg);line-height:var(--leading-normal);color:rgba(var(--white-rgb),var(--opacity-80));max-width:var(--max-width-modal);margin:0 auto}.brand-section{margin-bottom:var(--space-6);padding:var(--space-8);border:1px solid var(--modal-border);border-radius:var(--modal-radius);background:var(--modal-surface);box-shadow:var(--shadow-lg)}.brand-section:last-child{margin-bottom:0}.brand-section-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--modal-text-primary);margin:0 0 var(--space-2)}.brand-section-desc{color:var(--modal-text-muted);font-size:var(--text-base);line-height:var(--leading-normal);margin:0 0 var(--space-6)}.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-20) * 4),1fr));gap:var(--space-6)}.brand-card{border:1px solid var(--modal-item-border);border-radius:var(--modal-item-radius);background:var(--modal-item-bg);overflow:hidden;transition:border-color var(--transition-normal)}@media (hover:hover){.brand-card:hover{border-color:var(--modal-item-border-hover)}}.brand-card-preview{display:flex;align-items:center;justify-content:center;padding:var(--space-10);min-height:var(--brand-preview-min);position:relative}.brand-card-preview.bg-dark{background:var(--modal-bg)}.brand-card-preview img,.brand-card-preview svg{max-width:80%;max-height:calc(var(--space-20) * 1.5);object-fit:contain}.brand-card-preview.icon-preview img{max-width:calc(var(--space-20) * 1.25);max-height:calc(var(--space-20) * 1.25);border-radius:var(--radius-lg)}.brand-card-info{padding:var(--space-4) var(--space-5);border-top:1px solid var(--modal-divider)}.brand-card-name{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--modal-text-primary);margin-bottom:var(--space-1)}.brand-card-meta{font-size:var(--text-caption);line-height:var(--leading-normal);color:var(--modal-text-muted);margin-bottom:var(--space-3)}.brand-card-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.brand-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1-5);min-height:var(--tap-target-min);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--modal-text-soft);background:var(--modal-item-lead-bg);border:1px solid var(--modal-item-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-normal);text-decoration:none}@media (hover:hover){.brand-download-btn:hover{border-color:var(--modal-item-border-hover)}}.brand-download-btn:focus-visible{outline:none;border-color:var(--modal-item-border-selected)}.brand-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-20) * 2.5),1fr));gap:var(--space-4)}.brand-color-card{border-radius:var(--modal-item-radius);overflow:hidden;border:1px solid var(--modal-item-border);background:var(--modal-item-bg)}.brand-color-swatch{height:calc(var(--space-20) * 1.25)}.brand-color-info{padding:var(--space-3) var(--space-4);border-top:1px solid var(--modal-divider)}.brand-color-name{font-size:var(--text-body-sm);font-weight:var(--font-medium);color:var(--modal-text-primary);margin-bottom:calc(var(--space-1) / 2)}.brand-color-value{font-size:var(--text-caption);color:var(--modal-text-muted);font-family:var(--font-mono);overflow-wrap:anywhere}.brand-type-sample{padding:var(--space-6);background:var(--modal-item-bg);border-radius:var(--modal-item-radius);border:1px solid var(--modal-item-border);margin-bottom:var(--space-4)}.brand-type-sample:last-child{margin-bottom:0}.brand-type-label{font-size:var(--text-caption);color:var(--modal-text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.brand-type-display{font-size:var(--text-display-static-md);font-weight:var(--font-semibold);line-height:var(--leading-snug);color:var(--modal-text-primary)}.brand-guidelines{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(var(--space-20) * 3.5),1fr));gap:var(--space-6)}.brand-guideline{padding:var(--space-6);background:var(--modal-item-bg);border-radius:var(--modal-item-radius);border:1px solid var(--modal-item-border)}.brand-guideline h4{font-size:var(--text-base);font-weight:var(--font-semibold);margin:0 0 var(--space-3)}.brand-guideline p{font-size:var(--text-body-sm);color:var(--modal-text-secondary);line-height:var(--leading-normal);margin:0}.brand-do{border-left:1px solid var(--modal-accent)}.brand-do h4{color:var(--modal-accent)}.brand-dont{border-left:1px solid var(--modal-mark-danger-color)}.brand-dont h4{color:var(--modal-mark-danger-color)}@media (max-width:640px){.brand-page{padding:var(--space-10) var(--space-4)}.brand-root.chrome-overlay-page{padding-top:calc(var(--chrome-header-inset) + var(--space-6))}.brand-header{margin-bottom:var(--space-6)}.brand-section{margin-bottom:var(--space-4);padding:var(--space-5)}.brand-grid{grid-template-columns:1fr}.brand-colors{grid-template-columns:repeat(2,1fr)}.brand-header h1{font-size:var(--text-h3)}}