@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--gm-ink:#0b0b0f;--gm-void:#111215;--gm-paper:#e6e6e6;--gm-white:#fbfbfb;--gm-gray-900:#16171b;--gm-gray-800:#222329;--gm-gray-700:#35363d;--gm-gray-600:#4c4d55;--gm-gray-500:#6b6c74;--gm-gray-400:#8f9099;--gm-gray-300:#b4b5bd;--gm-gray-200:#d3d4da;--gm-gray-100:#e6e6e6;--gm-signal-600:#be2323;--gm-signal-500:#de3c37;--gm-signal-400:#f75e54;--gm-signal-tint:#ffe4e0;--gm-ok:#3da454;--gm-warn:#e3ae28;--bg-canvas:var(--gm-ink);--bg-surface:var(--gm-void);--bg-surface-raised:var(--gm-gray-900);--bg-inverse:var(--gm-paper);--text-primary:var(--gm-paper);--text-secondary:var(--gm-gray-300);--text-tertiary:var(--gm-gray-500);--text-caption:var(--gm-gray-300);--text-inverse:var(--gm-ink);--text-on-signal:var(--gm-white);--border-subtle:var(--gm-gray-800);--border-default:var(--gm-gray-700);--border-strong:var(--gm-gray-500);--accent:var(--gm-signal-500);--accent-hover:var(--gm-signal-400);--accent-active:var(--gm-signal-600);--accent-tint:var(--gm-signal-tint);--link:var(--gm-signal-400);--link-hover:var(--gm-signal-500);--font-display:"Space Grotesk", -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;--text-display-1:clamp(2.75rem, 2rem + 3vw, 5rem);--text-display-2:clamp(2rem, 1.6rem + 2vw, 3.25rem);--text-h1:2.25rem;--text-h2:1.75rem;--text-h3:1.375rem;--text-body-lg:1.125rem;--text-body:1rem;--text-small:.875rem;--text-micro:.75rem;--leading-tight:1.1;--leading-snug:1.3;--leading-normal:1.55;--tracking-tight:-.02em;--tracking-normal:0em;--tracking-wide:.08em;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--container-max:1200px;--container-pad:24px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-pill:999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 16px 48px #00000080;--shadow-signal:0 0 0 1px var(--gm-signal-500), 0 6px 24px #de3c3759;--ring-focus:0 0 0 2px var(--bg-canvas), 0 0 0 4px var(--accent);--ease-standard:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.12s;--duration-base:.18s;--duration-slow:.32s;--surface-highlighted:var(--bg-surface-raised);--shadow-interactive:var(--shadow-md);--motion-interactive:var(--duration-base) var(--ease-standard);--motion-enter:var(--duration-slow) var(--ease-out);--border-hairline:1px solid var(--border-default)}@supports (color:lab(0% 0 0)){:root{--gm-signal-600:lab(42.4236% 59.8149 41.9956);--gm-signal-500:lab(51.6238% 62.7792 42.4878);--gm-signal-400:lab(61.035% 59.3206 38.3385);--gm-signal-tint:lab(92.7731% 9.04921 5.32348);--gm-ok:lab(60.0962% -44.106 32.0172);--gm-warn:lab(74.664% 11.4553 69.676);--shadow-signal:0 0 0 1px var(--gm-signal-500), 0 6px 24px lab(51.6238% 62.7792 42.4878/.35)}}html[data-theme=light]{--bg-canvas:#f3f6fa;--bg-surface:#fff;--bg-surface-raised:#fff;--bg-inverse:#171b24;--text-primary:#171b24;--text-secondary:#4c5668;--text-tertiary:#727d90;--text-caption:#4c5668;--text-inverse:#f8fafc;--text-on-signal:var(--gm-white);--border-subtle:#e4e9f0;--border-default:#d4dbe5;--border-strong:#a8b3c3;--link:var(--gm-signal-600);--link-hover:var(--gm-signal-500);--shadow-sm:0 1px 2px #1b273a17;--shadow-md:0 4px 16px #1b273a1f;--shadow-lg:0 16px 48px #1b273a29;--shadow-signal:0 0 0 1px var(--gm-signal-500), 0 6px 24px #de3c3738;--ring-focus:0 0 0 2px var(--bg-canvas), 0 0 0 4px var(--accent)}@supports (color:lab(0% 0 0)){html[data-theme=light]{--shadow-signal:0 0 0 1px var(--gm-signal-500), 0 6px 24px lab(51.6238% 62.7792 42.4878/.22)}}html[data-theme=light] img[src="/wardstone-logo.svg"]{filter:invert()}*{box-sizing:border-box}body{background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);margin:0}a{color:var(--link)}a:hover{color:var(--link-hover)}.gm-focus-ring:focus-visible{box-shadow:var(--ring-focus);outline:none}.ui-caption{color:var(--text-caption);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase}.ui-card,.ui-metric-card,.ui-page-header,.ui-activity-row{animation:ui-enter var(--motion-enter)}.ui-card{background:var(--bg-surface-raised);border:var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:border-color var(--motion-interactive), box-shadow var(--motion-interactive), transform var(--motion-interactive), background-color var(--motion-interactive);position:relative}.ui-card--interactive{border-color:var(--border-strong);box-shadow:var(--shadow-interactive);cursor:pointer}.ui-card--interactive:hover{border-color:color-mix(in srgb, var(--accent) 52%, var(--border-strong));box-shadow:var(--shadow-lg);transform:translateY(-2px)}.ui-card--interactive:active{box-shadow:var(--shadow-md);transform:translateY(0)}.ui-card--interactive:focus-visible,.ui-card--interactive:focus-within{box-shadow:var(--ring-focus);outline:none}.ui-card--highlighted{background:color-mix(in srgb, var(--surface-highlighted) 88%, var(--accent-tint));border-color:var(--accent);box-shadow:var(--shadow-signal)}.ui-button{transition:background-color var(--motion-interactive), color var(--motion-interactive), border-color var(--motion-interactive), box-shadow var(--motion-interactive), transform var(--duration-fast) var(--ease-standard), opacity var(--motion-interactive);position:relative;overflow:hidden}.ui-button:hover:not(.ui-button--disabled){transform:translateY(-1px)}.ui-button:active:not(.ui-button--disabled){transform:translateY(0)}.ui-button--primary{box-shadow:var(--shadow-signal)}.ui-button--secondary,.ui-button--outline{box-shadow:var(--shadow-sm)}.ui-button--ghost{color:var(--text-secondary)}.ui-button--disabled{box-shadow:none}.ui-button--loading .ui-button__label{opacity:.8}.ui-button__spinner{border:2px solid color-mix(in srgb, currentColor 22%, transparent);border-top-color:currentColor;border-radius:50%;width:.9rem;height:.9rem;animation:.9s linear infinite ui-spin}.ui-page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-6);padding-bottom:var(--space-6);border-bottom:var(--border-hairline);display:flex}.ui-page-header__body{gap:var(--space-2);flex-direction:column;flex:auto;min-width:0;display:flex}.ui-page-header__eyebrow,.ui-metric-card__label,.ui-activity-row__meta{color:var(--text-caption);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);text-transform:uppercase}.ui-page-header__eyebrow{font-size:var(--text-micro)}.ui-page-header__title-row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.ui-page-header__title{font-family:var(--font-display);font-size:var(--text-display-2);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin:0}.ui-page-header__status{align-items:center;display:inline-flex}.ui-page-header__description{max-width:72ch;color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-normal);margin:0}.ui-page-header__actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;flex:none;display:flex}.ui-metric-card{background:var(--bg-surface-raised);border:var(--border-hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative}.ui-metric-card__label{font-size:var(--text-micro)}.ui-metric-card__value{color:var(--text-primary)}.ui-metric-card__detail{line-height:var(--leading-normal)}.ui-metric-card--signal{background:color-mix(in srgb, var(--surface-highlighted) 84%, var(--accent-tint))}.ui-status-indicator{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.04em;text-transform:uppercase;display:inline-flex}.ui-status-indicator__dot{width:.6rem;height:.6rem;box-shadow:0 0 0 1px color-mix(in srgb, currentColor 30%, transparent);background:currentColor;border-radius:50%}.ui-status-indicator--neutral{color:var(--text-caption)}.ui-status-indicator--signal{color:var(--accent)}.ui-status-indicator--ok{color:var(--gm-ok)}.ui-status-indicator--warn{color:var(--gm-warn)}.ui-status-indicator--pulse .ui-status-indicator__dot{animation:ui-pulse 1.6s var(--ease-out) infinite}.ui-activity-row,.ui-activity-row__content{min-width:0}.ui-activity-row__primary{color:var(--text-primary);font-weight:var(--weight-semibold)}.ui-activity-row__secondary{color:var(--text-secondary);line-height:var(--leading-normal)}.ui-activity-row__meta{line-height:var(--leading-snug)}.app-shell{min-height:100vh;display:flex}.app-shell__navigation{align-self:flex-start;height:100vh;display:flex;position:sticky;top:0}.app-sidebar{gap:var(--space-8);border-right:var(--border-hairline);width:232px;height:100%;padding:var(--space-6) var(--space-4);background:var(--bg-canvas);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.app-sidebar__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:0 var(--space-2);display:flex}.app-sidebar__brand{width:auto;height:34px}.app-sidebar__nav{gap:var(--space-1);flex-direction:column;display:flex}.app-sidebar__nav-item{border-radius:var(--radius-md);min-height:44px;color:var(--text-secondary);font-size:14px;font-weight:var(--weight-regular);transition:background-color var(--motion-interactive), color var(--motion-interactive), box-shadow var(--motion-interactive), transform var(--duration-fast) var(--ease-standard);align-items:center;gap:10px;padding:9px 12px;text-decoration:none;display:flex}.app-sidebar__nav-item:hover{color:var(--text-primary);background:color-mix(in srgb, var(--surface-highlighted) 82%, transparent);transform:translateY(-1px)}.app-sidebar__nav-item--active{color:var(--text-primary);font-weight:var(--weight-semibold);background:var(--surface-highlighted);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 32%, transparent)}.app-sidebar__nav-item--active:hover{background:var(--surface-highlighted);transform:none}.app-sidebar__nav-icon{flex:none}.app-sidebar__footer{border-top:var(--border-hairline);flex-direction:column;gap:10px;margin-top:auto;padding:12px 8px;display:flex}.app-sidebar__account{flex-direction:column;gap:10px;display:flex}.app-sidebar__account-link{min-height:44px;color:var(--text-secondary);font-size:13px;font-weight:var(--weight-regular);transition:color var(--motion-interactive);border-radius:6px;align-items:center;text-decoration:none;display:inline-flex}.app-sidebar__account-link:hover,.app-sidebar__account-link--active{color:var(--text-primary)}.app-sidebar__account-link--active{font-weight:var(--weight-semibold)}.app-sidebar__account-sub{color:var(--text-caption);font-family:var(--font-mono);font-size:10px}.app-sidebar__legal-link{color:var(--text-caption);font-family:var(--font-mono);transition:color var(--motion-interactive);align-items:center;font-size:10px;text-decoration:none;display:inline-flex}.app-sidebar__legal-link:hover{color:var(--text-primary)}.app-sidebar__sign-out{min-height:44px;color:var(--text-secondary);font:inherit;font-family:var(--font-mono);text-align:left;cursor:pointer;transition:color var(--motion-interactive);background:0 0;border:0;align-items:center;padding:0;font-size:11px;display:inline-flex}.app-sidebar__sign-out:hover{color:var(--text-primary)}.app-sidebar__close-button{display:none}.app-sidebar__switchers{justify-content:flex-end;gap:var(--space-2);display:flex}.theme-switcher{display:flex;position:relative}.locale-switcher{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:var(--tracking-wide);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:11px;display:inline-flex}.locale-switcher:hover{color:var(--text-primary);background:var(--bg-surface-raised)}.theme-switcher__trigger{width:44px;height:44px;color:var(--text-secondary);font:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.theme-switcher__trigger:hover,.theme-switcher__option:hover{color:var(--text-primary);background:var(--bg-surface-raised)}.theme-switcher__menu{z-index:2;bottom:calc(100% + var(--space-2));min-width:0;max-width:calc(100vw - var(--space-8));gap:var(--space-1);padding:var(--space-1);border:var(--border-hairline);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-md);flex-direction:column;display:none;position:absolute;right:0}.theme-switcher__menu:not([hidden]){display:flex}.theme-switcher__option{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-secondary);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.theme-switcher__option[aria-pressed=true]{color:var(--text-primary);background:var(--bg-surface-raised)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.client-list__search{border:var(--border-hairline);border-radius:var(--radius-md);background:var(--bg-surface-raised);width:100%;height:44px;color:var(--text-primary);font:inherit;font-size:var(--text-small);padding:0 12px 0 40px}.client-list__search::placeholder{color:var(--text-tertiary)}.client-list__filters{border:var(--border-hairline);border-radius:var(--radius-md);background:var(--bg-surface-raised);gap:4px;padding:4px;display:inline-flex}.client-list__filter{border-radius:var(--radius-sm);min-height:44px;color:var(--text-secondary);font:inherit;font-family:var(--font-display);font-size:var(--text-small);cursor:pointer;background:0 0;border:0;padding:0 10px}.client-list__filter[aria-pressed=true]{background:var(--bg-canvas);color:var(--text-primary)}.client-list__select select,.client-list__clear{border:var(--border-hairline);border-radius:var(--radius-md);background:var(--bg-surface-raised);min-height:44px;color:var(--text-secondary);font:inherit;font-size:var(--text-small);padding:0 12px}.client-list__select select,.client-list__clear:not(:disabled){cursor:pointer}.client-list__clear:disabled{cursor:default;opacity:.45}.client-card__signals{flex-wrap:wrap;gap:6px;display:flex}.client-list__empty-state{border:var(--border-hairline);border-radius:var(--radius-md);color:var(--text-tertiary);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;display:flex}.client-list__empty-state p{margin:0}.client-list__empty-state span{color:var(--text-secondary);font-size:var(--text-small)}.client-config__save-bar{z-index:1;border:var(--border-hairline);border-radius:var(--radius-md);background:color-mix(in srgb, var(--bg-surface-raised) 92%, transparent);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex;position:sticky;bottom:16px}.client-config__save-status{color:var(--text-tertiary);font-size:var(--text-small)}.client-config__save-status--dirty{color:var(--accent);font-weight:var(--weight-semibold)}.home-visuals-editor{gap:var(--space-6);grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:start;display:grid}.home-visuals-editor__controls{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.home-visuals-editor__introduction{gap:var(--space-2);margin-bottom:var(--space-1);flex-direction:column;display:flex}.home-visuals-editor__introduction span{color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.home-visuals-editor__introduction p,.home-visuals-editor__field p,.home-visuals-preview__notice{margin:0}.home-visuals-editor__introduction p{color:var(--text-tertiary);font-size:13px;line-height:var(--leading-normal)}.home-visuals-editor__group{border:var(--border-hairline);border-radius:var(--radius-md);background:var(--bg-surface);overflow:hidden}.home-visuals-editor__group summary{min-height:44px;color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:var(--weight-semibold);cursor:pointer;padding:13px 16px}.home-visuals-editor__group[open] summary{border-bottom:var(--border-hairline)}.home-visuals-editor__group-content{gap:var(--space-4);padding:var(--space-4);flex-direction:column;display:flex}.home-visuals-editor__group-content>button{align-self:flex-start}.home-visuals-editor__field{flex-direction:column;gap:7px;display:flex}.home-visuals-editor__field-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.home-visuals-editor__field-heading label{color:var(--text-secondary);font-size:13px;font-weight:var(--weight-semibold)}.home-visuals-editor__field-heading output{color:var(--accent-hover);font-family:var(--font-mono);flex:none;font-size:11px}.home-visuals-editor__field p{color:var(--text-tertiary);font-size:12px;line-height:var(--leading-snug)}.home-visuals-editor__field-controls{gap:var(--space-3);grid-template-columns:minmax(100px,1fr) 82px;align-items:center;display:grid}.home-visuals-editor__field-controls input[type=range]{width:100%;accent-color:var(--accent)}.home-visuals-editor__field-controls input[type=number]{border:var(--border-hairline);border-radius:var(--radius-sm);background:var(--bg-surface-raised);width:100%;min-height:34px;color:var(--text-primary);font-family:var(--font-mono);padding:6px 8px;font-size:12px}.home-visuals-editor__preview-column{top:var(--space-6);min-width:0;position:sticky}.home-visuals-preview{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.home-visuals-preview__notice{color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.home-visuals-preview__window{isolation:isolate;border:1px solid color-mix(in srgb, var(--home-visual-secondary) 20%, transparent);border-radius:clamp(12px, calc(var(--home-visual-window-radius) * .45), 54px);background:var(--home-visual-background);min-height:560px;color:var(--home-visual-secondary);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.home-visuals-preview__hero{z-index:-2;height:clamp(190px, calc(var(--home-visual-hero-height) * .46), 460px);background:radial-gradient(circle at 24% 22%, var(--home-visual-primary), transparent 52%), linear-gradient(135deg, var(--home-visual-surface), var(--home-visual-background));filter:saturate(var(--home-visual-hero-saturation));position:absolute;inset:0 0 auto;overflow:hidden}.home-visuals-preview__hero-orb{filter:blur(8px);opacity:.78;border-radius:50%;position:absolute}.home-visuals-preview__hero-orb--primary{aspect-ratio:1;background:radial-gradient(circle at 35% 35%, var(--home-visual-secondary), var(--home-visual-primary) 34%, transparent 70%);width:54%;top:13%;left:8%}.home-visuals-preview__hero-orb--accent{aspect-ratio:1;background:radial-gradient(circle, var(--home-visual-accent), transparent 68%);width:58%;bottom:-22%;right:-8%}.home-visuals-preview__hero-shade{background:linear-gradient(to bottom, rgb(from var(--home-visual-background) r g b / var(--home-visual-hero-overlay-base)) 0%, rgb(from var(--home-visual-background) r g b / var(--home-visual-gradient-mid1-opacity)) var(--home-visual-gradient-mid1-location), rgb(from var(--home-visual-background) r g b / var(--home-visual-gradient-mid2-opacity)) var(--home-visual-gradient-mid2-location), rgb(from var(--home-visual-background) r g b / var(--home-visual-gradient-mid3-opacity)) var(--home-visual-gradient-mid3-location), rgb(from var(--home-visual-background) r g b / var(--home-visual-hero-overlay-max)) 100%);position:absolute;inset:0}.home-visuals-preview__header{z-index:2;padding:clamp(10px, calc(var(--home-visual-header-top-padding) * .55), 48px) clamp(12px, calc(var(--home-visual-header-horizontal-padding) * .55), 48px) clamp(10px, calc(var(--home-visual-header-bottom-padding) * .28), 36px);justify-content:space-between;align-items:center;display:flex;position:relative}.home-visuals-preview__identity{align-items:center;gap:10px;min-width:0;display:flex}.home-visuals-preview__badge{width:clamp(calc(var(--home-visual-logo-min-size) * .62), calc(var(--home-visual-logo-max-size) * .62), 72px);aspect-ratio:1;border:1px solid color-mix(in srgb, var(--home-visual-secondary) 32%, transparent);background:color-mix(in srgb, var(--home-visual-surface) 66%, transparent);font-size:clamp(calc(var(--home-visual-logo-font-min-size) * .72), calc(var(--home-visual-logo-font-max-size) * .72), 32px);font-weight:var(--weight-bold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;flex:none;place-items:center;display:grid}.home-visuals-preview__client-name{font-size:12px;font-weight:var(--weight-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-visuals-preview__action{background:color-mix(in srgb, var(--home-visual-surface) 72%, transparent);letter-spacing:1px;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid}.home-visuals-preview__hero-copy{z-index:1;min-height:clamp(118px, calc(var(--home-visual-hero-height) * .25), 230px);padding:clamp(24px, calc(var(--home-visual-hero-content-padding) * .36), 160px) clamp(14px, calc(var(--home-visual-header-horizontal-padding) * .55), 48px) clamp(18px, calc(var(--home-visual-hero-transition) * .1), 72px);flex-direction:column;justify-content:flex-end;gap:6px;display:flex;position:relative}.home-visuals-preview__hero-copy span{color:color-mix(in srgb, var(--home-visual-secondary) 76%, transparent);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.home-visuals-preview__hero-copy strong{max-width:260px;font-size:clamp(18px,4vw,26px);line-height:var(--leading-tight)}.home-visuals-preview__content{z-index:1;gap:clamp(10px, calc(var(--home-visual-shelf-spacing) * .45), 54px);margin-top:clamp(-120px, calc(var(--home-visual-hero-underlap) * -.28), 0px);padding:clamp(8px, calc(var(--home-visual-scroll-top-inset) * .35), 48px) 12px 18px;flex-direction:column;display:flex;position:relative}.home-visuals-preview__shelf{border-radius:clamp(0px, calc(var(--home-visual-shelf-radius) * .45), 54px);min-width:0;padding:clamp(8px, calc(var(--home-visual-shelf-padding) * .42), 42px);background:color-mix(in srgb, var(--home-visual-surface) 76%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}.home-visuals-preview__shelf-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px;font-size:11px;display:flex}.home-visuals-preview__shelf-heading span{color:color-mix(in srgb, var(--home-visual-secondary) 58%, transparent);font-size:9px}.home-visuals-preview__cards{gap:clamp(6px, calc(var(--home-visual-card-spacing) * .42), 42px);display:flex;overflow:hidden}.home-visuals-preview__card{width:clamp(106px, calc(var(--home-visual-card-width) * .48), 220px);height:clamp(78px, calc(var(--home-visual-card-height) * .48), 170px);border-radius:clamp(0px, calc(var(--home-visual-card-radius) * .48), 72px);background:var(--home-visual-primary);flex:none;position:relative;overflow:hidden}.home-visuals-preview__card:after{background:linear-gradient(transparent, rgb(from var(--home-visual-background) r g b / var(--home-visual-card-gradient-opacity)));content:"";position:absolute;inset:35% 0 0}.home-visuals-preview__card-art{background:radial-gradient(circle at 72% 28%, var(--home-visual-accent), transparent 34%), linear-gradient(145deg, var(--home-visual-primary), var(--home-visual-surface));position:absolute;inset:0}.home-visuals-preview__card-art--2{filter:hue-rotate(32deg);transform:scaleX(-1)}.home-visuals-preview__card-art--3{filter:hue-rotate(-28deg);transform:rotate(180deg)}.home-visuals-preview__card strong{z-index:1;text-overflow:ellipsis;white-space:nowrap;font-size:10px;position:absolute;bottom:8px;left:10px;right:10px;overflow:hidden}.app-shell__workspace{flex:1;min-width:0}.app-shell__content{flex-direction:column;gap:32px;min-width:0;padding:36px 44px;display:flex}.app-shell__mobile-header,.app-shell__backdrop{display:none}.client-detail-tabs{border-bottom:var(--border-hairline);gap:20px;display:flex;overflow-x:auto}.client-detail-tabs__tab{min-height:44px;color:var(--text-tertiary);font:inherit;font-family:var(--font-display);font-size:var(--text-small);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:none;align-items:center;padding:0 0 10px;display:inline-flex}.client-detail-tabs__tab[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text-primary);font-weight:var(--weight-semibold)}@media (max-width:1023px){.app-sidebar{width:88px!important;padding-inline:12px!important}.app-sidebar__brand{object-fit:cover;object-position:left;width:34px}.app-sidebar__nav-label,.app-sidebar__account{display:none}.app-sidebar__footer{display:flex;border-top:0!important;padding-inline:0!important}.app-sidebar__switchers{justify-content:center}.app-sidebar__nav-item{justify-content:center;padding-inline:9px!important}.app-shell__content{padding:32px}}@media (max-width:900px){.home-visuals-editor{grid-template-columns:minmax(0,1fr)}.home-visuals-editor__preview-column{position:static}}@media (max-width:767px){.app-shell{display:block}.app-shell__navigation{z-index:20;width:min(280px,100vw - 48px);transition:transform var(--duration-base) var(--ease-standard);position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.app-shell__navigation--open{transform:translate(0)}.app-sidebar{background:var(--bg-canvas);width:100%!important;padding:24px 16px!important}.app-sidebar__brand{object-fit:initial;width:auto}.app-sidebar__close-button{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.app-sidebar__nav-label{display:revert}.app-sidebar__footer{border-top:var(--border-hairline)!important;padding-inline:8px!important}.app-sidebar__switchers{justify-content:stretch}.theme-switcher__trigger{justify-content:center;width:44px}.app-sidebar__footer{display:revert}.app-sidebar__nav-item{justify-content:flex-start}.app-shell__backdrop{z-index:10;opacity:0;pointer-events:none;width:100%;transition:opacity var(--duration-base) var(--ease-standard);background:#0000008f;border:0;display:block;position:fixed;inset:0}.app-shell:has(.app-shell__navigation--open) .app-shell__backdrop{opacity:1;pointer-events:auto}.app-shell__mobile-header{border-bottom:var(--border-hairline);grid-template-columns:44px 1fr 44px;align-items:center;height:60px;padding:0 16px;display:grid}.app-shell__menu-button{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border:0;font-size:20px}.app-shell__mobile-title{font-family:var(--font-display);font-size:var(--text-small);font-weight:var(--weight-semibold);justify-self:center}.app-shell__mobile-logo{object-fit:cover;object-position:left;justify-self:end;width:32px;height:32px}.app-shell__content{gap:24px;padding:24px 16px}.client-config__save-bar{flex-direction:column;align-items:stretch;bottom:8px}.client-config__save-bar button{width:100%}.home-visuals-editor__field-controls{grid-template-columns:minmax(80px,1fr) 78px}.home-visuals-preview__window{min-height:520px}.ui-page-header{flex-direction:column;align-items:stretch}.ui-page-header__actions{justify-content:flex-start}.ui-metric-card,.ui-activity-row__meta--secondary{min-width:0}.ui-activity-row--stack-on-narrow{grid-template-columns:minmax(0,1fr)}.ui-activity-row__meta--secondary{justify-content:flex-start!important}}@media (prefers-reduced-motion:reduce){.ui-card,.ui-metric-card,.ui-page-header,.ui-activity-row,.ui-button,.ui-button__spinner,.ui-status-indicator__dot,.app-sidebar__nav-item{transition:none!important;animation:none!important;transform:none!important}.app-shell__navigation,.app-shell__backdrop{transition:none!important;animation:none!important}}@keyframes ui-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb, currentColor 24%, transparent)}50%{opacity:.55;box-shadow:0 0 0 6px color-mix(in srgb, currentColor 0%, transparent)}}
