#view-app,#view-auth{--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--panel-card-radius: var(--radius-md);--panel-card-radius-lg: var(--radius-lg)}#view-app .btn,#view-auth .btn{border-radius:var(--radius-md);transition:transform var(--duration-fast, .15s) var(--ease-synex, cubic-bezier(.22, 1, .36, 1)),box-shadow var(--duration-fast, .15s) var(--ease-synex, cubic-bezier(.22, 1, .36, 1)),background .15s,border-color .15s,color .15s,opacity .15s}#view-app .btn-primary,#view-auth .btn-primary{background:var(--color-accent, var(--accent));box-shadow:none}#view-app .btn-primary:hover:not(:disabled),#view-auth .btn-primary:hover:not(:disabled){transform:translateY(-2px);background:var(--accent-hover);box-shadow:var(--shadow-subtle, 0 1px 2px rgba(0, 0, 0, .16))}#view-app .btn,#view-auth .btn,#view-app .studio-workspace-tab,#view-app .nav-feature-btn{border-radius:0;box-shadow:none}#view-app .btn:focus-visible,#view-auth .btn:focus-visible,#view-app .studio-workspace-tab:focus-visible,#view-app .nav-feature-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px;box-shadow:none}#view-app .btn-ghost,#view-auth .btn-ghost{border-color:color-mix(in srgb,var(--color-accent, var(--accent)) 28%,var(--border));background:transparent}#view-app .btn-ghost:hover:not(:disabled),#view-auth .btn-ghost:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-accent, var(--accent)) 45%,var(--border));background:color-mix(in srgb,var(--color-accent, var(--accent)) 8%,var(--surface-2))}#view-app .btn-secondary,#view-app .studio-cap-btn.is-active{border:1px solid color-mix(in srgb,var(--color-accent, var(--accent)) 40%,var(--border))}#view-app .canvas-side-panel-card,#view-app .header-studio-popover,#view-app .plan-card,#view-app .feature-card,#view-app .feature-card-xl{border-radius:var(--radius-md);border:1px solid var(--color-border-subtle, color-mix(in srgb, var(--border) 80%, transparent));transition:transform var(--duration-normal, .28s) var(--ease-synex, cubic-bezier(.22, 1, .36, 1)),box-shadow var(--duration-normal, .28s) var(--ease-synex, cubic-bezier(.22, 1, .36, 1)),border-color var(--duration-normal, .28s) var(--ease-synex, cubic-bezier(.22, 1, .36, 1))}#view-app .feature-card-link:hover,#view-app .feature-card-link:focus-visible,#view-app .plan-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-subtle, 0 2px 8px rgba(0, 0, 0, .18));border-color:color-mix(in srgb,var(--color-accent, var(--accent)) 35%,var(--border))}#view-app .canvas-side-panel-card{border-radius:0;box-shadow:var(--shadow-medium, 0 8px 32px rgba(0, 0, 0, .28))}#view-app .studio-composer-shell,#view-app .chat-composer-wrap,#view-app .msg-row-body{border-radius:0}#view-app .app-header{border-bottom-color:var(--color-border-subtle, var(--synex-divider))}#view-app .usage-stat-value,#view-app .account-stat-value,#view-app .plan-metric-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}#view-app .synex-card--secondary{background:var(--surface)}@media(prefers-reduced-motion:reduce){#view-app .btn,#view-app .feature-card,#view-app .plan-card,#view-app .canvas-side-panel-card{transition:none!important;transform:none!important}}
