:root{--brand-portal-surface:var(--surface,#fff);--brand-portal-surface-secondary:var(--surface-secondary,#f1f5f9);--brand-portal-text:var(--text-primary,#1e293b);--brand-portal-accent:var(--accent,#3b82f6);--brand-portal-border:var(--border,#e2e8f0)}.dark{--brand-portal-surface:var(--surface,#0f172a);--brand-portal-surface-secondary:var(--surface-secondary,#1e293b);--brand-portal-text:var(--text-primary,#f8fafc);--brand-portal-accent:var(--accent,#3b82f6);--brand-portal-border:var(--border,#334155)}.brand-panel{background-color:var(--surface);border-color:var(--border);color:var(--text-primary)}.brand-panel-floating{background-color:color-mix(in srgb, var(--surface) 95%, transparent);border-color:var(--border);color:var(--text-primary);-webkit-backdrop-filter:blur(12px)}.brand-panel-subtle{background-color:var(--surface-secondary);border-color:var(--border);color:var(--text-primary)}.brand-modal-scrim{background-color:color-mix(in srgb, var(--text-primary) 30%, transparent);-webkit-backdrop-filter:blur(4px)}.brand-gate-bg{background-color:var(--surface-secondary)}.brand-text{color:var(--text-primary)}.brand-text-strong{color:var(--text-primary);opacity:1}.brand-text-muted{color:var(--text-primary);opacity:.65}.brand-text-subtle{color:var(--text-primary);opacity:.5}.brand-text-faint{color:var(--text-primary);opacity:.4}.brand-text-accent{color:var(--accent)}.brand-input{background-color:var(--surface);border:1px solid var(--border);color:var(--text-primary);outline:none;transition:border-color .15s,box-shadow .15s}.brand-input::placeholder{color:var(--text-primary);opacity:.4}.brand-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 25%, transparent)}.brand-input:disabled{opacity:.5;cursor:not-allowed}.brand-input-on-subtle{background-color:var(--surface);border:1px solid var(--border);color:var(--text-primary)}.brand-btn-primary{background-color:var(--accent);color:#fff;transition:background-color .15s,transform .1s}.brand-btn-primary:hover:not(:disabled){background-color:color-mix(in srgb, var(--accent) 85%, black)}.brand-btn-primary:active:not(:disabled){transform:scale(.97)}.brand-btn-primary:disabled{opacity:.5;cursor:not-allowed}.brand-btn-neutral{background-color:color-mix(in srgb, var(--text-primary) 8%, transparent);color:var(--text-primary);opacity:.85;transition:opacity .15s,background-color .15s,transform .1s}.brand-btn-neutral:hover:not(:disabled){opacity:1;background-color:color-mix(in srgb, var(--text-primary) 14%, transparent)}.brand-btn-neutral:active:not(:disabled){transform:scale(.97)}.brand-btn-neutral:disabled{opacity:.5;cursor:not-allowed}.brand-btn-ghost{color:var(--text-primary);opacity:.65;background-color:#0000;transition:opacity .15s,color .15s,background-color .15s}.brand-btn-ghost:hover{opacity:1;color:var(--accent);background-color:color-mix(in srgb, var(--text-primary) 6%, transparent)}.brand-btn-icon{color:var(--text-primary);opacity:.5;transition:opacity .15s,color .15s,background-color .15s}.brand-btn-icon:hover{opacity:1;background-color:color-mix(in srgb, var(--text-primary) 8%, transparent)}.brand-btn-circle{background-color:color-mix(in srgb, var(--surface) 90%, transparent);border:1px solid var(--border);color:var(--text-primary);opacity:.75;-webkit-backdrop-filter:blur(4px);transition:opacity .15s,color .15s,box-shadow .15s,background-color .15s}.brand-btn-circle:hover{opacity:1;color:var(--accent);box-shadow:0 4px 12px color-mix(in srgb, var(--text-primary) 10%, transparent)}.brand-btn-circle.brand-btn-active{background-color:var(--accent);border-color:var(--accent);color:#fff;opacity:1}.brand-btn-circle.brand-btn-active:hover{background-color:color-mix(in srgb, var(--accent) 85%, #000);color:#fff}.brand-btn-active{background-color:var(--accent);border-color:var(--accent);color:#fff;opacity:1}.brand-row-hover{transition:background-color .15s}.brand-row-hover:hover,.brand-row-hover:focus-visible{background-color:color-mix(in srgb, var(--text-primary) 6%, transparent)}.brand-row-hover-strong:hover,.brand-row-hover-strong:focus-visible{background-color:color-mix(in srgb, var(--text-primary) 10%, transparent)}.brand-chip-accent{background-color:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent)}.brand-tint-accent{background-color:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.brand-upload-zone{border:2px dashed var(--border);background-color:color-mix(in srgb, var(--surface-secondary) 50%, transparent);color:var(--text-primary);opacity:.65;transition:border-color .15s,background-color .15s,color .15s,opacity .15s}.brand-upload-zone:hover{border-color:var(--accent);background-color:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--accent);opacity:1}.brand-text::placeholder{color:var(--text-primary);opacity:.3}.brand-text-hover-accent{color:var(--text-primary);transition:color .15s}.brand-text-hover-accent:hover{color:var(--accent)}.brand-result-row{background-color:#0000;transition:background-color .15s}.brand-result-row:hover{background-color:color-mix(in srgb, var(--text-primary) 6%, transparent)}.brand-result-row:focus-visible{background-color:color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.brand-result-row:hover,.brand-result-row:focus-visible,.brand-result-row.is-focused{background-color:var(--surface-secondary,theme("colors.slate.100"));outline:none}.dark .brand-result-row:hover,.dark .brand-result-row:focus-visible,.dark .brand-result-row.is-focused{background-color:var(--surface-secondary,theme("colors.slate.700"))}.brand-result-row[data-focused=true]{background-color:var(--surface-secondary,theme("colors.slate.100"));outline:none}.dark .brand-result-row[data-focused=true]{background-color:var(--surface-secondary,theme("colors.slate.700"))}.brand-context-chip{background-color:var(--surface-secondary);border:1px solid color-mix(in srgb, var(--border) 50%, transparent);color:var(--text-primary);opacity:.7}.brand-btn-tool{color:var(--text-primary);opacity:.65;background-color:#0000;transition:opacity .15s,color .15s,background-color .15s}.brand-btn-tool:hover:not(:disabled){opacity:1;color:var(--accent);background-color:color-mix(in srgb, var(--accent) 12%, transparent)}.brand-btn-tool.is-active,.brand-btn-tool[data-active=true]{opacity:1;color:var(--accent);background-color:color-mix(in srgb, var(--accent) 15%, transparent)}.canvas-scroll{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--text-primary) 25%, transparent) transparent}.canvas-scroll::-webkit-scrollbar{width:6px;height:6px}.canvas-scroll::-webkit-scrollbar-track{background:0 0}.canvas-scroll::-webkit-scrollbar-thumb{background-color:color-mix(in srgb, var(--text-primary) 25%, transparent);border-radius:3px;transition:background-color .15s}.canvas-scroll::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb, var(--text-primary) 45%, transparent)}