.data-loading{min-width:0;width:100%;padding:20px 0}.data-loading__content{display:grid;gap:12px;width:100%}.data-loading__skeleton{min-width:0;width:100%;height:14px;border-radius:6px;background-color:var(--muted);animation:none;overflow:hidden;position:relative}.data-loading__skeleton--heading{width:38%;height:24px;margin-bottom:8px}.data-loading__skeleton--short{width:72%}.data-loading__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:12px}.data-loading__skeleton--tile{height:96px}.data-loading__skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--foreground) 5%,transparent),transparent);transform:translate(-100%);animation:data-shimmer 1.6s ease-in-out infinite}@keyframes data-shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.data-loading__skeleton:after{animation:none;display:none}}.brand-logo{display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:100%;flex-shrink:1}.brand-logo__image{display:block;width:var(--brand-width, 180px);height:var(--brand-height, 36px);max-width:100%;object-fit:contain;object-position:left center}.brand-logo--compact{--brand-width: 32px;--brand-height: 32px;flex:0 0 32px}.brand-logo--nav{--brand-width: 218px;--brand-height: 56px}.brand-logo--footer{--brand-width: 210px;--brand-height: 48px}.brand-logo--sidebar{--brand-width: 120px;--brand-height: 32px}.brand-logo--preview{--brand-width: 106px;--brand-height: 24px}.brand-logo--onboarding{--brand-width: 96px;--brand-height: 40px}.branding-editor{min-width:0}.branding-editor__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.branding-editor__slot{min-width:0}.branding-editor__preview{height:100px;display:flex;align-items:center;justify-content:center;border:1px solid #e2e8f0;border-radius:8px;background:#fff;margin:10px 0;overflow:hidden;padding:16px}.branding-editor__preview--dark{background:#181c23;border-color:#303640}.branding-editor__preview img{max-width:100%;max-height:68px;object-fit:contain}.branding-editor__placeholder{color:#64748b;font-size:12px}.branding-editor__preview--dark .branding-editor__placeholder{color:#a8b3c1}.branding-editor__actions{display:flex;align-items:center;gap:8px}.branding-editor__actions button{min-height:40px}.branding-editor__actions .branding-editor__remove{width:40px;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#64748b}.branding-editor__remove:hover{color:#b91c1c;background:#fef2f2}.branding-editor__favicon{grid-column:1 / -1;padding-top:20px;border-top:1px solid #e2e8f0}.branding-editor__favicon-samples{display:flex;align-items:center;gap:24px;margin:12px 0}.branding-editor__browser-tab{display:flex;align-items:center;gap:8px;min-width:180px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:8px 8px 0 0;font-size:12px;color:#334155}.branding-editor__browser-tab img,.branding-editor__favicon-image{object-fit:contain;border-radius:0;flex-shrink:0}.branding-editor__browser-tab{min-width:0;width:220px;max-width:calc(100% - 72px)}.branding-editor__browser-tab span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dark .branding-editor__browser-tab{background:#242329;border-color:#413a4b;color:#eee9f3}.dark .branding-editor__favicon{border-color:#413a4b}@media(max-width:767px){.brand-logo--nav{--brand-width: 158px;--brand-height: 42px}}@media(max-width:599px){.branding-editor__grid{grid-template-columns:minmax(0,1fr);gap:20px}}