.onb-root{--vis-bg:hsl(var(--muted));--vis-surface:hsl(var(--card));--vis-surface-raised:hsl(var(--background));--vis-border:hsl(var(--border));--vis-border-subtle:hsl(var(--border)/0.6);--vis-skeleton:hsl(var(--muted-foreground)/0.2);--vis-skeleton-dim:hsl(var(--muted-foreground)/0.14);--vis-skeleton-shimmer:hsl(var(--muted-foreground)/0.28);--vis-label:hsl(var(--muted-foreground));--vis-label-dim:hsl(var(--muted-foreground)/0.6);--vis-icon:hsl(var(--muted-foreground)/0.5);--vis-hover:hsl(var(--muted-foreground)/0.08);--vis-active:hsl(var(--muted-foreground)/0.14);--vis-dot:hsl(var(--muted-foreground)/0.15);--vis-input-bg:hsl(var(--muted-foreground)/0.06);--vis-input-border:hsl(var(--border)/0.4);--vis-shadow:hsl(var(--foreground)/0.12);--vis-shadow-strong:hsl(var(--foreground)/0.15);--vis-fade:hsl(var(--muted));position:relative;width:100%;height:100%;min-height:100%;background:var(--vis-bg);overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:2rem}.onb-root-contrast{--vis-label:hsl(var(--muted-foreground)/0.9);--vis-label-dim:hsl(var(--muted-foreground)/0.75);--vis-icon:hsl(var(--muted-foreground)/0.65)}.onb-root-profile{--vis-label:hsl(var(--foreground)/0.78);--vis-label-dim:hsl(var(--foreground)/0.72);--vis-icon:hsl(var(--foreground)/0.62);--vis-dot:hsl(var(--primary)/0.16)}.onb-window-frame{display:flex;width:100%;max-width:560px;height:85%;border-radius:var(--radius-card);border:1px solid var(--vis-border);background:var(--vis-surface);overflow:hidden;box-shadow:0 20px 60px var(--vis-shadow-strong)}.onb-bottom-fade{position:absolute;bottom:0;left:0;right:0;height:5rem;background:linear-gradient(to top,var(--vis-fade),transparent);pointer-events:none}.onb-sidebar{display:flex;flex-direction:column;width:160px;flex-shrink:0;padding:var(--spacing-8) var(--spacing-8);border-right:1px solid var(--vis-border-subtle);overflow:hidden}.onb-workspace-dot{width:20px;height:20px;border-radius:var(--radius-small-control);background:var(--vis-dot);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:var(--weight-semibold);color:var(--vis-label-dim);flex-shrink:0}.onb-search-bar{display:flex;align-items:center;gap:var(--spacing-8);padding:5px 8px;border-radius:var(--radius-control);border:1px solid var(--vis-border);background:var(--vis-input-bg);margin:0 2px}.onb-nav-item-active{background:var(--vis-hover)}.onb-content-area{flex:1;min-width:0;padding:12px 14px;overflow:hidden;display:flex;flex-direction:column}.onb-sidebar-icon{color:var(--vis-icon)}.onb-skeleton-bar{background:var(--vis-skeleton)}.onb-skeleton-bar-dim{background:var(--vis-skeleton-dim)}.onb-skeleton-bar-bright{background:var(--vis-skeleton);opacity:.9}.onb-accent-icon{color:hsl(var(--primary))}.onb-icon-muted{color:var(--vis-icon)}.onb-content-label{color:var(--vis-label)}.onb-label-dim{color:var(--vis-label-dim)}.onb-label-bar{background:var(--vis-skeleton-dim)}.onb-branding-label-bar{background:var(--vis-label)}.onb-dynamic-accent-color{color:var(--accent-color,hsl(var(--primary)))}.onb-settings-section{padding:10px;border-radius:8px;border:1px solid var(--vis-border-subtle);background:var(--vis-input-bg);margin-bottom:8px}.onb-logo-upload-area{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-control);border:1px dashed var(--vis-border)}.onb-logo-circle{width:28px;height:28px;border-radius:8px;background:hsl(var(--warning)/.12);flex-shrink:0}.onb-color-swatch{width:18px;height:18px;border-radius:var(--radius-small-control);opacity:.6}.onb-swatch-blue{background:hsl(var(--info))}.onb-swatch-purple{background:hsl(var(--primary))}.onb-swatch-teal{background:hsl(var(--success))}.onb-swatch-amber{background:hsl(var(--warning))}.onb-swatch-rose{background:hsl(var(--destructive))}.onb-swatch-active{width:18px;height:18px;border-radius:var(--radius-small-control);border:1.5px solid hsl(var(--primary)/.5);background:hsl(var(--primary)/.15)}.onb-font-row{gap:var(--spacing-8);padding:5px 8px;border-radius:var(--radius-control);border:1px solid var(--vis-border)}.onb-font-row,.onb-preview-bar{display:flex;align-items:center}.onb-preview-bar{gap:8px;padding:8px 0;margin-top:auto}.onb-save-button{padding:4px 10px;border-radius:var(--radius-control);background:hsl(var(--primary)/.2);border:1px solid hsl(var(--primary)/.3)}.onb-save-btn-label{background:hsl(var(--primary))}.onb-content-area-block{flex:1;min-width:0;padding:12px 14px;overflow:hidden;display:block}.onb-toolbar-pill{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:var(--radius-control);border:1px solid var(--vis-border-subtle);background:var(--vis-input-bg)}.onb-table-row{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-4);border-bottom:1px solid var(--vis-border-subtle)}.onb-checkbox{border:1px solid var(--vis-border);background:transparent}.onb-avatar-dot{background:var(--vis-skeleton)}.onb-profile-card{background:var(--vis-surface-raised);border:1px solid var(--vis-border);border-radius:8px;padding:14px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px;transition:box-shadow .8s ease-out}.onb-profile-card.is-complete{box-shadow:var(--shadow-elevated)}.onb-avatar-circle{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;background:hsl(var(--primary)/.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.onb-avatar-circle.has-avatar{box-shadow:var(--shadow-card)}.onb-profile-header{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:1px solid var(--vis-border-subtle);background:var(--vis-input-bg)}.onb-profile-avatar{width:36px;height:36px;border-radius:50%;background:hsl(var(--primary)/.12);display:flex;align-items:center;justify-content:center;flex-shrink:0}.onb-detail-row{display:flex;align-items:center;gap:8px;padding:var(--spacing-8) var(--spacing-4);border-radius:4px;border-bottom:1px solid var(--vis-border-subtle);background-color:transparent;transition:background-color .3s ease}.onb-detail-row.has-value{background-color:hsl(var(--primary)/.02)}.onb-detail-icon{width:22px;height:22px;border-radius:var(--radius-small-control);background:var(--vis-dot);display:flex;align-items:center;justify-content:center;flex-shrink:0}.onb-source-badge{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;background:hsl(var(--primary)/.06);border:1px solid hsl(var(--primary)/.15)}@keyframes onb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes onb-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes onb-swatch-pulse{0%,to{opacity:.6}50%{opacity:.9}}@media (prefers-reduced-motion:no-preference){.onb-window-frame{animation:onb-float 6s ease-in-out infinite}.onb-skeleton-bar{background:linear-gradient(90deg,var(--vis-skeleton) 25%,var(--vis-skeleton-shimmer) 50%,var(--vis-skeleton) 75%);background-size:200% 100%;animation:onb-shimmer 3s ease-in-out infinite}.onb-color-swatch{animation:onb-swatch-pulse 3s ease-in-out infinite}.onb-swatch-active{animation:onb-swatch-pulse 2s ease-in-out infinite}}@media (prefers-reduced-motion:reduce){.onb-color-swatch,.onb-skeleton-bar,.onb-swatch-active,.onb-window-frame{animation:none}}