.brand-motion{display:block;width:100%;height:100%;overflow:visible}.brand-motion__body{transform-origin:256px 256px}.brand-motion__fill{opacity:1}.brand-motion__letter{transform-origin:257px 281px}.brand-motion__energy{transform-origin:148px 112px}.brand-motion__glint,.brand-motion__shimmer,.brand-motion__glow,.brand-motion__spark{opacity:0}.brand-motion__spark{transform-box:fill-box;transform-origin:center}.brand-motion__spark--one{--spark-x: 20px;--spark-y: -12px}.brand-motion__spark--two{--spark-x: -18px;--spark-y: 10px}.brand-motion__spark--three{--spark-x: -10px;--spark-y: 18px}.brand-motion__rays{opacity:0;transform-origin:147px 91px}.brand-motion--splash .brand-motion__body{animation:mark-arrive var(--mark-duration) cubic-bezier(.2,.7,.2,1) both}.brand-motion--splash .brand-motion__fill{animation:mark-surface var(--mark-duration) ease-out both}.brand-motion--splash .brand-motion__letter{animation:mark-letter var(--mark-duration) ease both}.brand-motion--splash .brand-motion__energy{animation:mark-charge var(--mark-duration) cubic-bezier(.2,.7,.2,1) both}.brand-motion--splash .brand-motion__rays{animation:mark-rays var(--mark-duration) ease both}.brand-motion--splash .brand-motion__glint{animation:mark-glint var(--mark-duration) ease both}.brand-motion--splash .brand-motion__glow{animation:mark-ignite var(--mark-duration) ease both}.brand-motion--splash .brand-motion__spark{animation:mark-spark var(--mark-duration) cubic-bezier(.2,.7,.2,1) both}.brand-motion--loader .brand-motion__energy{animation:mark-pop var(--mark-duration) ease-in-out infinite}.brand-motion--loader .brand-motion__shimmer{animation:mark-shimmer var(--mark-duration) ease-in-out infinite}.brand-motion--loader .brand-motion__glow{opacity:.22}.brand-motion[data-paused=true] *{animation-play-state:paused}@keyframes mark-arrive{0%{transform:translateY(12px) scale(.92)}38%,to{transform:none}}@keyframes mark-surface{0%{opacity:0}22%,to{opacity:1}}@keyframes mark-letter{0%,18%{opacity:0;transform:translateY(24px) scale(.96)}46%,to{opacity:1;transform:none}}@keyframes mark-charge{0%,29%{opacity:0;transform:translate(18px,-50px) scale(.8)}45%{opacity:1;transform:translate(-2px,6px) scale(1.03)}59%,to{opacity:1;transform:none}}@keyframes mark-rays{0%,42%{opacity:0;transform:scale(.85)}50%,55%{opacity:1}78%,to{opacity:0;transform:scale(1.18)}}@keyframes mark-glint{0%,58%{opacity:0;transform:translateY(0)}63%{opacity:.7}84%,to{opacity:0;transform:translateY(202px)}}@keyframes mark-ignite{0%,38%{opacity:0}52%,59%{opacity:.9}86%,to{opacity:0}}@keyframes mark-spark{0%,43%{opacity:0;transform:translate(0) scale(.5)}52%,59%{opacity:1}83%,to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.7)}}@keyframes mark-pop{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.08)}}@keyframes mark-shimmer{0%,12%{opacity:0;transform:translateY(0)}32%,52%{opacity:.85}80%,to{opacity:0;transform:translateY(260px)}}@media(prefers-reduced-motion:reduce){.brand-motion *{animation:none!important}.brand-motion__glint,.brand-motion__shimmer,.brand-motion__rays,.brand-motion__glow,.brand-motion__spark{opacity:0!important}}.data-loading{display:grid;place-items:center;min-height:160px;padding:16px}.data-loading__mark{width:48px;height:48px}.request-activity{position:fixed;inset:0 0 auto;height:3px;z-index:10000;overflow:hidden;pointer-events:none;background:#ac69eb22}.request-activity>span{display:block;height:100%;width:35%;background:linear-gradient(135deg,#ac69eb,#4e25ca);animation:request-activity 1.2s ease-in-out infinite}@keyframes request-activity{0%{transform:translate(-100%)}to{transform:translate(390%)}}@media(prefers-reduced-motion:reduce){.request-activity>span{animation:none;width:100%}}.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}}