.accent-picker{border:1px solid var(--border);background:var(--surface-muted);box-sizing:border-box;border-radius:.625rem;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.5rem .625rem;display:flex}.accent-picker__swatch{cursor:pointer;appearance:none;box-sizing:border-box;background:0 0;border:none;border-radius:9999px;flex:none;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin:0;padding:0;transition:transform .14s;display:inline-flex}.accent-picker__dot{background-color:var(--swatch-bg,var(--accent));border-radius:9999px;width:1.375rem;height:1.375rem;display:block}.accent-picker__swatch[data-accent-id=rose] .accent-picker__dot{background-color:#a33855}.accent-picker__swatch[data-accent-id=indigo] .accent-picker__dot{background-color:#4f46e5}.accent-picker__swatch[data-accent-id=emerald] .accent-picker__dot{background-color:#059669}.accent-picker__swatch[data-accent-id=amber] .accent-picker__dot{background-color:#b45309}.accent-picker__swatch[data-accent-id=sky] .accent-picker__dot{background-color:#0284c7}[data-theme=dark] .accent-picker__swatch[data-accent-id=rose] .accent-picker__dot{background-color:#8c1f35}[data-theme=dark] .accent-picker__swatch[data-accent-id=indigo] .accent-picker__dot{background-color:#6366f1}[data-theme=dark] .accent-picker__swatch[data-accent-id=emerald] .accent-picker__dot{background-color:#10b981}[data-theme=dark] .accent-picker__swatch[data-accent-id=amber] .accent-picker__dot{background-color:#f59e0b}[data-theme=dark] .accent-picker__swatch[data-accent-id=sky] .accent-picker__dot{background-color:#38bdf8}.accent-picker__swatch:hover{transform:scale(1.1)}.accent-picker__swatch[data-active=true] .accent-picker__dot{box-shadow:0 0 0 2px var(--surface-muted), 0 0 0 3.5px var(--foreground)}.accent-picker__swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.demo-mode-banner__inner{flex-wrap:wrap;align-items:center;gap:.5rem .625rem;display:flex}.demo-mode-banner__copy{flex:10rem;min-width:0}.demo-mode-banner__title{color:var(--foreground);margin:0;font-size:.8125rem;font-weight:600;line-height:1.3}.demo-mode-banner__body{color:var(--text-muted);margin:.125rem 0 0;font-size:.6875rem;line-height:1.4}.demo-mode-banner__actions{flex-wrap:wrap;flex:100%;justify-content:flex-end;align-items:stretch;gap:.375rem;min-width:0;display:flex}.demo-mode-banner__btn-icon{flex-shrink:0}.demo-mode-banner__feedback,.demo-mode-banner__exit{text-align:center;cursor:pointer;border-radius:9999px;flex:calc(50% - .1875rem);justify-content:center;align-items:center;gap:.375rem;min-width:0;padding:.375rem .625rem;font-size:.6875rem;font-weight:600;line-height:1.25;text-decoration:none;transition:opacity .14s,background-color .14s,border-color .14s;display:inline-flex}.demo-mode-banner__feedback{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-strong));box-shadow:none;border:none}.demo-mode-banner__feedback:hover{opacity:.92}.demo-mode-banner__exit{border:1px solid var(--border);color:var(--foreground);background:var(--surface-strong);box-shadow:none}.demo-mode-banner__exit:hover{opacity:.9}.demo-mode-banner__feedback-short,.demo-mode-banner__exit-short{display:inline}.demo-mode-banner__feedback-long,.demo-mode-banner__exit-long{display:none}@media (min-width:640px){.demo-mode-banner__inner{flex-wrap:nowrap;align-items:flex-start}.demo-mode-banner__copy{flex:auto}.demo-mode-banner__title{font-size:.875rem}.demo-mode-banner__body{font-size:.75rem}.demo-mode-banner__actions{flex-wrap:nowrap;flex:none;align-self:center}.demo-mode-banner__feedback,.demo-mode-banner__exit{white-space:nowrap;flex:none;padding:.375rem .875rem;font-size:.75rem}.demo-mode-banner__feedback-short,.demo-mode-banner__exit-short{display:none}.demo-mode-banner__feedback-long,.demo-mode-banner__exit-long{display:inline}}
.feedback-prompt{z-index:50;pointer-events:none;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.feedback-prompt__backdrop{background:color-mix(in srgb, var(--foreground) 35%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;cursor:pointer;border:none;position:absolute;inset:0}.feedback-prompt__panel{z-index:1;pointer-events:auto;width:min(100%,22rem);box-shadow:0 24px 48px -12px #00000059, 0 0 0 1px color-mix(in srgb, var(--border) 80%, transparent);padding:1.5rem 1.5rem 1.25rem;animation:.28s ease-out feedback-prompt-in;position:relative}@keyframes feedback-prompt-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.feedback-prompt__close{background:var(--surface-muted);width:2rem;height:2rem;color:var(--text-muted);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;transition:opacity .15s;display:inline-flex;position:absolute;top:.75rem;right:.75rem}.feedback-prompt__close:hover{opacity:.85}.feedback-prompt__icon{background:color-mix(in srgb, var(--accent) 14%, var(--surface-muted));width:2.75rem;height:2.75rem;color:var(--accent);border-radius:1rem;justify-content:center;align-items:center;display:flex}.feedback-prompt__title{letter-spacing:-.02em;color:var(--foreground);margin-top:1rem;font-size:1.125rem;font-weight:700}.feedback-prompt__body{color:var(--text-muted);margin-top:.5rem;font-size:.875rem;line-height:1.55}.feedback-prompt__actions{flex-direction:column;gap:.5rem;margin-top:1.25rem;display:flex}.feedback-prompt__cta,.feedback-prompt__dismiss{width:100%}@media (min-width:480px){.feedback-prompt__panel{width:min(100%,24rem)}}
