From da6c0e21a78f3f2a872767ebff79515d9b8ed28d Mon Sep 17 00:00:00 2001 From: fahimreza-dev Date: Tue, 25 Aug 2026 17:16:43 +0600 Subject: [PATCH] feat(admin): move the brand accent to #DA5CC7 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Straight swap of the palette's brand hue, but not a straight swap of every token that used it, because the new colour cannot do everything the old one could. #DA5CC7 is 3.31:1 on white. That clears the 3:1 a mark or a fill needs and misses the 4.5:1 text needs — so it is the brand colour exactly as given wherever a fill belongs (dots, the focus ring, the active nav row, bar fills), and the readable step of the same hue carries every label. The violet it replaces cleared both at 5.84, which made --pp-accent and --pp-accent-text nearly interchangeable and hid how load-bearing that split is; here it is doing real work. Primary buttons take #BD2BA7 rather than the brand colour itself. White on #DA5CC7 is 3.31:1 — a button label people cannot read. White on #BD2BA7 is 5.16. The tint is #FDF4FC rather than something more saturated because an accent dot on the accent tint needs 3:1, and a #FBECF9 wash gave 2.91. Verified: white on the button 5.16, white on hover 6.24, link on the page 4.99, link on the tint 4.80, focus ring on the page 3.20, accent dot on the tint 3.08. Every gate the palette is held to still passes. DESIGN-ALIGNMENT.md and the readme changelog updated with it, and the prose that named the colour now names the role instead, so the next change of hue is a token edit rather than a documentation sweep. 645 tests, 0 lint errors. Closes #157 --- admin/DESIGN-ALIGNMENT.md | 27 ++++++++++++---------- admin/build/style-index-rtl.css | 2 +- admin/build/style-index.css | 2 +- admin/src/style.scss | 41 +++++++++++++++++++++------------ languages/saddle.pot | 2 +- readme.txt | 2 +- 6 files changed, 45 insertions(+), 31 deletions(-) diff --git a/admin/DESIGN-ALIGNMENT.md b/admin/DESIGN-ALIGNMENT.md index 47c9197..eb32390 100644 --- a/admin/DESIGN-ALIGNMENT.md +++ b/admin/DESIGN-ALIGNMENT.md @@ -1,19 +1,19 @@ # Saddle — Design Alignment > **DECIDED (2026-08-25, Fahim):** Saddle has a brand palette, built on -> **Saddle Violet `#6D3BF5`**. This **supersedes the 2026-07-04 monochrome +> **`#DA5CC7`**. This **supersedes the 2026-07-04 monochrome > decision** kept below for history. The register is unchanged — calm, restrained, -> Vercel/Geist — but the one accent is now violet instead of near-black. -> **Roughly 85% of the interface stays black, white and gray; violet is the +> Vercel/Geist — but the one accent is now the brand colour instead of near-black. +> **Roughly 85% of the interface stays black, white and gray; the accent is the > remaining 15%.** Don't re-litigate this; do hold the line on the 85/15. ## The palette | Role | Name | Hex | |---|---|---| -| Primary brand | Saddle Violet | `#6D3BF5` | -| Hover / active | Deep Violet | `#5121C7` | -| Soft background | Lavender Mist | `#F1ECFF` | +| Primary brand | — | `#DA5CC7` | +| Hover / active | — | `#A82595` | +| Soft background | — | `#FDF4FC` | | Main text | Near Black | `#111111` | | Page background | Warm White | `#FBFBFA` | | Success / read-only | Lime | `#84CC16` | @@ -30,8 +30,11 @@ portaled overlays render outside `.pp-app` and would otherwise lose every token. ## The rule that governs every color **Every color has a bright value for FILLS and a darker same-hue value for TEXT.** -This is not a preference. Measured on white: violet is 5.84:1, but lime is 1.98, -cyan 2.43 and coral 3.67 — none of them can carry a label. The DS mandates the +This is not a preference. Measured on white the brand colour is **3.31:1** — enough +to be seen, not enough to be read — and lime is 1.98, cyan 2.43, coral 3.67. None +of them can carry a label, and none can be the ground under a white one. The +readable step of the same hue does that: `#BD2BA7` for links and for the primary +button, `#A82595` on hover. The DS mandates the same split for the accent (`--pp-accent` paints surfaces at 3:1; `--pp-accent-text` paints links and labels at 4.5:1, measured against the *tint*, not just white). @@ -50,18 +53,18 @@ Three consequences worth knowing before you touch a status color: "blocked or failed" (a denied call, a connection error). They need opposite reactions from the reader — don't fold them together. -## Where violet is allowed to land +## Where the accent is allowed to land **Yes:** primary buttons · links · focus rings · the active nav row · the brand mark · the Cookbook-style accent bars · `tone="accent"` fills · selection states. **No:** card backgrounds, page bands, table headers, every icon, borders at large, -section headings. If a screen has more than a few violet elements, remove some -rather than softening the violet. +section headings. If a screen has more than a few accented elements, remove some +rather than softening the accent. **One deliberate deviation from the DS guide, recorded so it isn't "fixed" back:** the guide says *"Primary buttons are near-black (`--pp-action`), never the accent -color."* Saddle's are violet. The cost was that `.pp-code--dark` reads +color."* Saddle's carry the accent. The cost was that `.pp-code--dark` reads `--pp-code-bg` from `--pp-action` while hard-coding its border, muted and body colors, so `--pp-code-bg` is pinned back to near-black in `style.scss`. Code panels are deliberately **not** the button color. diff --git a/admin/build/style-index-rtl.css b/admin/build/style-index-rtl.css index ebb6d0b..a48fa83 100644 --- a/admin/build/style-index-rtl.css +++ b/admin/build/style-index-rtl.css @@ -1 +1 @@ -.pp-app,.saddle-app,body.pp-scope,body.toplevel_page_saddle{--pp-n-50:#fafafa;--pp-n-100:#fbfbfa;--pp-n-200:#efeeec;--pp-n-300:#e7e6e4;--pp-n-400:#d4d2cf;--pp-n-500:#aaa8a4;--pp-n-600:#767471;--pp-n-700:#64625d;--pp-n-800:#444341;--pp-n-900:#292928;--pp-n-950:#111;--pp-surface:#fff;--pp-accent:#6d3bf5;--pp-accent-hover:#5121c7;--pp-accent-text:#5121c7;--pp-accent-tint:#f1ecff;--pp-accent-muted:rgba(109,59,245,.12);--pp-on-accent:#fff;--pp-action:#6d3bf5;--pp-action-hover:#5121c7;--pp-on-action:#fff;--pp-focus:#6d3bf5;--pp-success:#65a30d;--pp-success-bg:#f7fee7;--pp-info:#0891b2;--pp-info-bg:#ecfeff;--pp-warning:#d97706;--pp-warning-bg:#fffbeb;--pp-danger:#f43f5e;--pp-danger-hover:#be123c;--pp-danger-bg:#fff1f2;--pp-r-sm:3px;--pp-r:4px;--pp-r-lg:6px;--pp-shadow-xs:none;--pp-shadow-sm:0 1px 2px hsla(0,0%,7%,.04)}.pp-tone--success{--pp-tone-text:#4d7c0f}.pp-tone--info{--pp-tone-text:#0e7490}.pp-tone--warning{--pp-tone-text:#b45309}.pp-tone--danger{--pp-tone-text:#be123c}.pp-code--dark{--pp-code-bg:var( --s-code-bg )}.saddle-app,body.toplevel_page_saddle{--s-canvas:var( --pp-canvas );--s-bg:var( --pp-surface );--s-fg:var( --pp-text );--s-fg-muted:var( --pp-text-secondary );--s-fg-subtle:var( --pp-text-muted );--s-border:var( --pp-border );--s-border-strong:var( --pp-border-strong );--s-surface-2:var( --pp-surface-alt );--s-surface-3:var( --pp-surface-hover );--s-action:var( --pp-action );--s-on-action:var( --pp-on-action );--s-accent:var( --pp-accent );--s-accent-text:var( --pp-accent-text );--s-safe:var( --pp-success );--s-safe-bg:var( --pp-success-bg );--s-safe-text:#4d7c0f;--s-active:var( --pp-warning );--s-active-bg:var( --pp-warning-bg );--s-active-text:#b45309;--s-danger:var( --pp-danger );--s-danger-text:#be123c;--s-rail-safe:var( --s-safe-text );--s-rail-change:var( --pp-accent );--s-rail-remove:var( --s-active-text );--s-focus:var( --pp-focus );--s-code-bg:#171717;--s-shadow-sm:var( --pp-shadow-sm );--s-shadow-md:var( --pp-shadow-md )}body.toplevel_page_saddle #wpcontent{background:var(--s-canvas);padding-inline-start:0}body.toplevel_page_saddle #wpbody-content{background:var(--s-canvas);box-sizing:border-box;min-height:calc(100vh - var(--wp-admin--admin-bar--height, 32px));padding-bottom:0}body.toplevel_page_saddle .wrap{margin:0}body.toplevel_page_saddle #wpfooter{display:none}.saddle-app{--s-radius:var( --pp-r );--s-radius-lg:var( --pp-r-lg );--s-radius-pill:var( --pp-r-pill );--s-ease:cubic-bezier(0.4,0,0.2,1);--s-dur:160ms;box-sizing:border-box;color:var(--s-fg);-webkit-font-smoothing:antialiased}.saddle-app--loading{display:flex;justify-content:center;padding:120px 0}.saddle-app--setup{margin:0 auto;max-width:960px;padding:28px 24px 72px}.saddle-app--setup .saddle-setup__body{margin-inline:auto;max-width:640px}.saddle-app [role=radio]:focus-visible,.saddle-app a:focus-visible,.saddle-app button:focus-visible{box-shadow:none;outline:2px solid var(--s-focus);outline-offset:2px}.saddle-app button{touch-action:manipulation}.saddle-app h1,.saddle-app h2,.saddle-app h3,.saddle-app h4{color:inherit}.saddle-app a:not([class]){color:var(--s-focus)}.saddle-foreign{max-height:60vh;max-width:min(520px,100vw - 32px);overflow-y:auto}.saddle-foreign__button{align-items:center;background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-pill);color:var(--s-fg-muted);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;height:28px;line-height:1;padding:0 10px}.saddle-foreign__button svg{height:14px;width:14px}.saddle-foreign__button:hover{border-color:var(--s-border-strong);color:var(--s-fg)}.saddle-foreign__head{color:var(--s-fg-subtle);font-size:12px;margin-bottom:8px}.saddle-foreign__list{color-scheme:light}.saddle-foreign__list .notice,.saddle-foreign__list div.error,.saddle-foreign__list div.updated{background:#fff;color:#1e1e1e;margin:0 0 8px;position:relative}.saddle-foreign__list>:last-child{margin-bottom:0}.saddle-topbar__right{align-items:center;display:flex;gap:10px}.pp-nav__brand svg{color:var(--s-accent)}.saddle-app .pp-nav__item[aria-current=page]{background:color-mix(in srgb,var(--pp-accent) 12%,var(--pp-surface))}.saddle-topbar{align-items:center;backdrop-filter:saturate(180%) blur(8px);background:var(--pp-surface-glass);border-bottom:1px solid var(--s-border);display:flex;gap:16px;height:48px;justify-content:space-between;margin:calc(var(--pp-space-6)*-1) calc(var(--pp-space-6)*-1) var(--pp-space-5);padding:0 var(--pp-space-6);position:sticky;top:var(--wp-admin--admin-bar--height,32px);z-index:var(--pp-z-sticky)}.saddle-topbar__context{align-items:center;display:flex;font-size:13px;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saddle-topbar__group,.saddle-topbar__sep{color:var(--s-fg-subtle)}.saddle-topbar__title{color:var(--s-fg);font-weight:600}.saddle-status-pill{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--s-surface-3);border:none;border-radius:var(--s-radius-pill);color:var(--s-fg-muted);cursor:pointer;display:flex;flex:0 0 auto;font:inherit;font-size:12px;font-weight:550;gap:7px;padding:5px 12px}.saddle-status-pill--safe{background:var(--s-safe-bg);color:var(--s-safe-text)}.saddle-status-pill--active{background:var(--s-active-bg);color:var(--s-active-text)}.saddle-status-pill--paused{background:var(--s-surface-3);color:var(--s-fg-subtle)}@media(max-width:782px){.saddle-topbar{padding:0 var(--pp-space-4)}}@media(max-width:600px){.saddle-topbar__group,.saddle-topbar__sep{display:none}}.saddle-app .pp-content,.saddle-integrations,.saddle-memory,.saddle-settings{align-content:start;display:grid;gap:var(--pp-space-5)}.saddle-tabpane{animation:saddle-step-in .24s var(--s-ease) both}.saddle-setup{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);box-shadow:var(--s-shadow-md);margin-top:24px;padding:28px 32px 32px}.saddle-setup__head{align-items:center;border-bottom:1px solid var(--s-border);display:flex;gap:10px;padding-bottom:24px}.saddle-setup__mark{align-items:center;background:var(--s-action);border-radius:8px;color:var(--s-on-action);display:flex;font-weight:650;height:30px;justify-content:center;letter-spacing:-.03em;width:30px}.saddle-setup__kicker{font-size:14px;font-weight:600}.saddle-setup__steps{color:var(--s-fg-subtle);font-size:13px;font-variant-numeric:tabular-nums;margin-right:auto}.saddle-setup__body{padding-top:28px}.saddle-setup__title{font-size:27px;font-weight:660;letter-spacing:-.02em;line-height:1.2;margin:0 0 12px;text-wrap:balance}.saddle-setup__lead{color:var(--s-fg-muted);font-size:15px;line-height:1.6;margin:0 0 24px;text-wrap:pretty}.saddle-setup__actions{align-items:center;display:flex;gap:10px;margin-top:28px}.saddle-promises{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 8px;padding:0}.saddle-promises li{color:var(--s-fg);font-size:14px;padding-right:28px;position:relative}.saddle-promises li:before{background:var(--s-safe-bg);border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--s-safe-text);content:"";height:16px;right:0;position:absolute;top:3px;width:16px}.saddle-promises li:after{color:var(--s-safe-text);content:"✓";font-size:11px;font-weight:700;right:3.5px;position:absolute;top:1px}.saddle-lede{margin:0 0 28px}.saddle-lede__headline{color:var(--s-fg);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0;max-width:34ch}.saddle-lede__facts{color:var(--s-fg-subtle);font-size:13px;font-variant-numeric:tabular-nums;line-height:1.55;margin:8px 0 0}.saddle-cards{margin-top:16px}.saddle-card__empty{color:var(--s-fg-muted);font-size:13px;line-height:1.55;margin:0 0 12px}.saddle-activitylist{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 12px;padding:0}.saddle-activitylist li{align-items:center;display:flex;font-size:14px;gap:12px;justify-content:space-between}.saddle-activitylist__summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saddle-activitylist__summary .pp-badge{margin-left:8px;vertical-align:middle}.saddle-activitylist__target{color:var(--s-fg-subtle);flex:0 0 auto;font-size:12px;font-variant-numeric:tabular-nums}.saddle-apps__more,.saddle-perm__all{margin-top:24px}.saddle-setup-guide{display:grid;gap:20px}.saddle-setup-guide__app{align-items:center;display:flex;font-weight:600;gap:10px}.saddle-setup-guide__app img{height:24px;width:24px}.saddle-setup-guide__step{display:grid;gap:10px;justify-items:start}.saddle-setup-guide__step h3{color:var(--s-fg);font-size:13px;font-weight:640;margin:0}.saddle-setup-guide__step p{color:var(--s-fg-muted);font-size:13px;line-height:1.55;margin:0}.saddle-setup-guide__step .pp-codeblock,.saddle-setup-guide__step .pp-snippet{width:100%}.saddle-wizard__duplicate{margin-bottom:20px}.saddle-link-danger,.saddle-link-danger:hover:not(:disabled){color:var(--s-danger-text)}.saddle-guide__block{margin-bottom:16px}.saddle-guide__block:last-child{margin-bottom:0}.saddle-doc{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:var(--s-radius);max-height:340px;overflow:auto;padding:16px 18px}.saddle-doc__h{color:var(--s-fg);font-size:13px;font-weight:640;letter-spacing:.01em;margin:18px 0 8px}.saddle-doc__h:first-child{margin-top:0}.saddle-doc__h--sub{color:var(--s-fg-muted);font-size:12px}.saddle-doc__p{color:var(--s-fg-muted);font-size:13px;line-height:1.6;margin:0 0 8px}.saddle-doc__list{display:flex;flex-direction:column;gap:5px;margin:0 0 10px;padding-right:18px}.saddle-doc__list li{color:var(--s-fg-muted);font-size:13px;line-height:1.55}.saddle-doc--bare{background:none;border:none;max-height:none;overflow:visible;padding:0}.saddle-memory__compose{align-items:flex-start;display:flex;flex-direction:column;gap:12px;max-width:560px;width:100%}.saddle-memory__compose .pp-field{width:100%}.saddle-memory__empty{color:var(--s-fg-subtle);font-size:13px;margin:0}.saddle-guide__rawtoggle{margin-top:10px}.saddle-guide__system{color:var(--s-fg-muted);margin-top:0;max-height:320px;overflow:auto;white-space:pre-wrap}.saddle-guide__actions{margin-top:12px}.saddle-guide__actions--stack{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.saddle-lanes__hint{color:var(--s-fg-subtle);font-size:12px;margin:10px 0 0}.saddle-lanes__filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-pill);color:var(--s-fg);font:inherit;font-size:13px;margin-top:12px;max-width:320px;padding:7px 12px;width:100%}.saddle-lanes__filter:focus-visible{outline:2px solid var(--s-focus);outline-offset:2px}.saddle-lanes{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:16px}@media(max-width:900px){.saddle-lanes{grid-template-columns:1fr}}.saddle-lane{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);padding:18px;transition:opacity var(--s-dur) var(--s-ease)}.saddle-lane.is-off{background:var(--s-surface-2);opacity:.6}.saddle-lane__head{align-items:center;display:flex;justify-content:space-between}.saddle-lane__title{font-size:14px;font-weight:620;margin:0}.saddle-lane__count{color:var(--s-fg-subtle);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.saddle-lane__rail{background:var(--s-border);border-radius:2px;height:2px;margin:12px 0}.saddle-lane--look.is-on .saddle-lane__rail{background:var(--s-rail-safe)}.saddle-lane--change.is-on .saddle-lane__rail{background:var(--s-rail-change)}.saddle-lane--remove.is-on .saddle-lane__rail{background:var(--s-rail-remove)}.saddle-catgroup{margin-top:12px}.saddle-catgroup__title{align-items:center;color:var(--s-fg-subtle);display:flex;font-size:11px;font-weight:620;gap:6px;letter-spacing:.04em;margin:0 0 6px;text-transform:uppercase}.saddle-catgroup__count{align-items:center;background:var(--s-surface-2);border-radius:var(--s-radius-pill);color:var(--s-fg-subtle);display:inline-flex;font-size:10px;font-weight:600;height:16px;justify-content:center;letter-spacing:0;min-width:18px;padding:0 5px}.saddle-lane__empty{color:var(--s-fg-subtle);font-size:12px;margin:8px 0 0}.saddle-chips{display:flex;flex-direction:column;gap:6px;margin:0}.saddle-chip{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--s-bg);border:1px solid var(--s-border);border-radius:7px;color:inherit;cursor:pointer;display:flex;font:inherit;gap:8px;justify-content:space-between;min-width:0;padding:8px 10px;text-align:right;transition:opacity var(--s-dur) var(--s-ease),background var(--s-dur) var(--s-ease);width:100%}.saddle-chip:hover{background:var(--s-surface-2)}.saddle-chip.is-off{opacity:.5}.saddle-chip.is-on{border-color:var(--s-border-strong)}.saddle-chip.is-disabled{background:var(--s-surface-2);opacity:.55}.saddle-chip.is-disabled .saddle-chip__label{text-decoration:line-through;text-decoration-color:var(--s-fg-subtle)}.saddle-chip__label{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saddle-chip__shield{background:var(--s-active-bg);color:var(--s-active-text)}.saddle-chip__off,.saddle-chip__shield{border-radius:var(--s-radius-pill);flex:0 0 auto;font-size:10px;font-weight:500;letter-spacing:.02em;padding:2px 8px;white-space:nowrap}.saddle-chip__off{background:var(--s-surface-3);color:var(--s-fg-subtle)}.saddle-apps__titled{align-items:center;display:inline-flex;gap:6px}.saddle-apps__cardbody{display:grid;gap:var(--pp-space-4)}.saddle-apps__cardbody .pp-rowlist{background:transparent;border:0;border-radius:0}.saddle-apps__divider{align-items:center;color:var(--s-fg-muted);display:flex;font-size:12px;font-weight:600;gap:10px;letter-spacing:.01em;margin-top:var(--pp-space-2)}.saddle-apps__divider:after{background:var(--s-border);content:"";flex:1;height:1px}.saddle-apps__cardfoot{align-items:center;display:flex;font-size:12px;gap:6px;margin:0}.saddle-apps__cardfoot a{color:var(--s-fg-muted)}.saddle-apps__advanced{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);display:grid;gap:var(--pp-space-4);margin-top:10px;padding:var(--pp-space-5) var(--pp-space-5)}.saddle-apps__field{display:grid;gap:6px}.saddle-apps__fieldlabel{color:var(--s-fg-muted);font-size:12px;font-weight:600}.saddle-apps__test{align-items:center;display:flex;gap:12px}.saddle-apps__transport{align-items:center;color:var(--s-fg-subtle);display:flex;font-size:12px;gap:6px;margin:0}.saddle-wizard__lead--muted{color:var(--s-fg-subtle);font-size:13px}.saddle-wizard{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);box-shadow:var(--s-shadow-sm);min-height:420px;padding:26px 32px 36px}.saddle-wizard__top{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:30px}.saddle-wizard__step{animation:saddle-step-in .28s var(--s-ease) both;margin:0 auto;max-width:640px}@keyframes saddle-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.saddle-wizard__title{font-size:22px;font-weight:640;letter-spacing:-.02em;margin:0 0 8px}.saddle-wizard__lead{color:var(--s-fg-muted);font-size:14px;line-height:1.6;margin:0 0 20px;max-width:60ch;text-wrap:pretty}.saddle-wizard__apps .pp-selcard__icon{font-size:24px}.saddle-wizard__config{margin:0 0 18px}.saddle-wizard__copy{margin-top:10px}.saddle-wizard__cando{margin:0 0 16px}.saddle-wizard__cando-note{color:var(--s-fg-muted);font-size:12.5px;margin:6px 0 0}.saddle-wizard__hint{color:var(--s-fg-subtle);font-size:12.5px;margin:0 0 16px}.saddle-wizard__actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:26px}.saddle-wizard__actions--center{justify-content:center}.saddle-wizard__prompt{margin-bottom:6px}.saddle-wizard__listening{align-items:center;color:var(--s-fg-muted);display:flex;font-size:13.5px;margin-top:22px}.saddle-wizard__trouble{animation:saddle-step-in .28s var(--s-ease) both;margin-top:22px}.saddle-wizard__trouble ul{color:var(--s-fg-muted);font-size:13px;line-height:1.55;margin:0 0 10px;padding-right:18px}.saddle-wizard__trouble ul li{margin-bottom:6px}.saddle-wizard__trouble .saddle-health{margin-bottom:12px;margin-top:0}.saddle-wizard__step--done{padding-top:26px;text-align:center}.saddle-wizard__step--done .saddle-wizard__lead{margin-right:auto;margin-left:auto;max-width:46ch}.saddle-wizard__check{display:inline-flex;margin-bottom:16px}.saddle-wizard__check svg{fill:none;height:64px;stroke:var(--s-safe-text);stroke-linecap:round;stroke-linejoin:round;stroke-width:3;width:64px}.saddle-wizard__check circle{animation:saddle-draw .5s var(--s-ease) forwards;stroke-dasharray:151;stroke-dashoffset:151}.saddle-wizard__check path{animation:saddle-draw .35s .4s var(--s-ease) forwards;stroke-dasharray:36;stroke-dashoffset:36}@keyframes saddle-draw{to{stroke-dashoffset:0}}.saddle-health{font-size:13px;margin-top:14px}.saddle-health--checking{align-items:center;color:var(--s-fg-subtle);display:flex;gap:6px}.saddle-health--ok{color:var(--s-safe-text);font-weight:600}.saddle-health--muted{color:var(--s-fg-subtle)}.saddle-health__body{color:var(--s-fg-muted);line-height:1.55;margin:0 0 12px}.saddle-health__error{color:var(--s-danger-text)}.saddle-health__actions{align-items:center;display:flex;gap:12px;margin-bottom:12px}@media(prefers-reduced-motion:reduce){.saddle-app *,.saddle-app :after,.saddle-app :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.saddle-activity__title{font-size:20px;font-weight:660;letter-spacing:-.02em;margin:0 0 4px}.saddle-activity__lead{color:var(--s-fg-muted);font-size:13.5px;margin:0 0 18px;max-width:64ch}.saddle-activity__filters{align-items:center;display:flex;gap:6px;margin-bottom:20px}.saddle-activity__total{color:var(--s-fg-subtle);font-size:12px;font-variant-numeric:tabular-nums;margin-inline-start:auto}.saddle-activity__loading{display:flex;justify-content:center;padding:60px 0}.saddle-activity__day{margin-bottom:22px}.saddle-activity__daylabel{color:var(--s-fg-subtle);font-size:12px;font-weight:620;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.saddle-activity__list{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);box-shadow:var(--s-shadow-sm);margin:0;overflow:hidden}.saddle-activity__row{align-items:flex-start;display:flex;gap:12px;margin:0;padding:12px 16px}.saddle-activity__row+.saddle-activity__row{border-top:1px solid var(--s-border)}.saddle-activity__mark{background:var(--s-safe);border-radius:50%;flex:0 0 auto;height:8px;margin-top:6px;width:8px}.saddle-activity__row.is-denied .saddle-activity__mark{background:var(--s-danger)}.saddle-activity__body{flex:1;min-width:0}.saddle-activity__summary{display:block;font-size:13.5px;line-height:1.5;overflow-wrap:anywhere}.saddle-activity__meta{align-items:center;color:var(--s-fg-subtle);display:flex;font-size:11.5px;gap:8px;margin-top:3px}.saddle-activity__action{background:var(--s-surface-3);border-radius:5px;color:var(--s-fg-muted);font-size:11px;padding:1px 6px}.saddle-activity__time{color:var(--s-fg-subtle);flex:0 0 auto;font-size:11.5px;font-variant-numeric:tabular-nums;margin-top:2px}.saddle-activity__more{display:flex;justify-content:center;margin-top:4px}.saddle-rows{margin:12px 0}.saddle-rows__body{margin:8px 0 12px;max-height:320px;overflow:auto}.saddle-toggle-row{align-items:flex-start;display:flex;gap:10px}.saddle-toggle-row span{color:var(--s-fg);font-size:13px}.saddle-notice__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.saddle-unsplash__hint{color:var(--s-fg-muted);font-size:12px;margin:8px 0 12px}.saddle-unsplash__actions,.saddle-unsplash__configured{align-items:center;display:flex;gap:8px}.saddle-unsplash__configured{flex-wrap:wrap;justify-content:space-between}.saddle-unsplash__configured span{color:var(--s-fg);font-size:13px}.saddle-integrations__hint{color:var(--s-fg-muted);font-size:12px;margin:12px 0 0}.saddle-settings__links{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.saddle-mcp-diag__health{font-size:13px;margin:0 0 8px}.saddle-mcp-diag__degraded{color:var(--s-danger-text);font-size:13px;margin:0 0 12px}.saddle-mcp-diag__actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.saddle-mcp-diag__empty,.saddle-mcp-diag__hint{color:var(--s-fg-subtle);font-size:13px;margin:0 0 12px}.saddle-mcp-diag__table{border-collapse:collapse;font-size:13px;width:100%}.saddle-mcp-diag__table td,.saddle-mcp-diag__table th{border-bottom:1px solid var(--s-border);padding:6px 8px;text-align:right;vertical-align:middle}.saddle-mcp-diag__table th{font-weight:600}.saddle-mcp-diag__table td:first-child,.saddle-mcp-diag__table th{color:var(--s-fg-subtle);white-space:nowrap} +.pp-app,.saddle-app,body.pp-scope,body.toplevel_page_saddle{--pp-n-50:#fafafa;--pp-n-100:#fbfbfa;--pp-n-200:#efeeec;--pp-n-300:#e7e6e4;--pp-n-400:#d4d2cf;--pp-n-500:#aaa8a4;--pp-n-600:#767471;--pp-n-700:#64625d;--pp-n-800:#444341;--pp-n-900:#292928;--pp-n-950:#111;--pp-surface:#fff;--pp-accent:#da5cc7;--pp-accent-hover:#a82595;--pp-accent-text:#bd2ba7;--pp-accent-tint:#fdf4fc;--pp-accent-muted:rgba(218,92,199,.12);--pp-on-accent:#fff;--pp-action:#bd2ba7;--pp-action-hover:#a82595;--pp-on-action:#fff;--pp-focus:#da5cc7;--pp-success:#65a30d;--pp-success-bg:#f7fee7;--pp-info:#0891b2;--pp-info-bg:#ecfeff;--pp-warning:#d97706;--pp-warning-bg:#fffbeb;--pp-danger:#f43f5e;--pp-danger-hover:#be123c;--pp-danger-bg:#fff1f2;--pp-r-sm:3px;--pp-r:4px;--pp-r-lg:6px;--pp-shadow-xs:none;--pp-shadow-sm:0 1px 2px hsla(0,0%,7%,.04)}.pp-tone--success{--pp-tone-text:#4d7c0f}.pp-tone--info{--pp-tone-text:#0e7490}.pp-tone--warning{--pp-tone-text:#b45309}.pp-tone--danger{--pp-tone-text:#be123c}.pp-code--dark{--pp-code-bg:var( --s-code-bg )}.saddle-app,body.toplevel_page_saddle{--s-canvas:var( --pp-canvas );--s-bg:var( --pp-surface );--s-fg:var( --pp-text );--s-fg-muted:var( --pp-text-secondary );--s-fg-subtle:var( --pp-text-muted );--s-border:var( --pp-border );--s-border-strong:var( --pp-border-strong );--s-surface-2:var( --pp-surface-alt );--s-surface-3:var( --pp-surface-hover );--s-action:var( --pp-action );--s-on-action:var( --pp-on-action );--s-accent:var( --pp-accent );--s-accent-text:var( --pp-accent-text );--s-safe:var( --pp-success );--s-safe-bg:var( --pp-success-bg );--s-safe-text:#4d7c0f;--s-active:var( --pp-warning );--s-active-bg:var( --pp-warning-bg );--s-active-text:#b45309;--s-danger:var( --pp-danger );--s-danger-text:#be123c;--s-rail-safe:var( --s-safe-text );--s-rail-change:var( --pp-accent );--s-rail-remove:var( --s-active-text );--s-focus:var( --pp-focus );--s-code-bg:#171717;--s-shadow-sm:var( --pp-shadow-sm );--s-shadow-md:var( --pp-shadow-md )}body.toplevel_page_saddle #wpcontent{background:var(--s-canvas);padding-inline-start:0}body.toplevel_page_saddle #wpbody-content{background:var(--s-canvas);box-sizing:border-box;min-height:calc(100vh - var(--wp-admin--admin-bar--height, 32px));padding-bottom:0}body.toplevel_page_saddle .wrap{margin:0}body.toplevel_page_saddle #wpfooter{display:none}.saddle-app{--s-radius:var( --pp-r );--s-radius-lg:var( --pp-r-lg );--s-radius-pill:var( --pp-r-pill );--s-ease:cubic-bezier(0.4,0,0.2,1);--s-dur:160ms;box-sizing:border-box;color:var(--s-fg);-webkit-font-smoothing:antialiased}.saddle-app--loading{display:flex;justify-content:center;padding:120px 0}.saddle-app--setup{margin:0 auto;max-width:960px;padding:28px 24px 72px}.saddle-app--setup .saddle-setup__body{margin-inline:auto;max-width:640px}.saddle-app [role=radio]:focus-visible,.saddle-app a:focus-visible,.saddle-app button:focus-visible{box-shadow:none;outline:2px solid var(--s-focus);outline-offset:2px}.saddle-app button{touch-action:manipulation}.saddle-app h1,.saddle-app h2,.saddle-app h3,.saddle-app h4{color:inherit}.saddle-app a:not([class]){color:var(--s-focus)}.saddle-foreign{max-height:60vh;max-width:min(520px,100vw - 32px);overflow-y:auto}.saddle-foreign__button{align-items:center;background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-pill);color:var(--s-fg-muted);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;height:28px;line-height:1;padding:0 10px}.saddle-foreign__button svg{height:14px;width:14px}.saddle-foreign__button:hover{border-color:var(--s-border-strong);color:var(--s-fg)}.saddle-foreign__head{color:var(--s-fg-subtle);font-size:12px;margin-bottom:8px}.saddle-foreign__list{color-scheme:light}.saddle-foreign__list .notice,.saddle-foreign__list div.error,.saddle-foreign__list div.updated{background:#fff;color:#1e1e1e;margin:0 0 8px;position:relative}.saddle-foreign__list>:last-child{margin-bottom:0}.saddle-topbar__right{align-items:center;display:flex;gap:10px}.pp-nav__brand svg{color:var(--s-accent)}.saddle-app .pp-nav__item[aria-current=page]{background:color-mix(in srgb,var(--pp-accent) 12%,var(--pp-surface))}.saddle-topbar{align-items:center;backdrop-filter:saturate(180%) blur(8px);background:var(--pp-surface-glass);border-bottom:1px solid var(--s-border);display:flex;gap:16px;height:48px;justify-content:space-between;margin:calc(var(--pp-space-6)*-1) calc(var(--pp-space-6)*-1) var(--pp-space-5);padding:0 var(--pp-space-6);position:sticky;top:var(--wp-admin--admin-bar--height,32px);z-index:var(--pp-z-sticky)}.saddle-topbar__context{align-items:center;display:flex;font-size:13px;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saddle-topbar__group,.saddle-topbar__sep{color:var(--s-fg-subtle)}.saddle-topbar__title{color:var(--s-fg);font-weight:600}.saddle-status-pill{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--s-surface-3);border:none;border-radius:var(--s-radius-pill);color:var(--s-fg-muted);cursor:pointer;display:flex;flex:0 0 auto;font:inherit;font-size:12px;font-weight:550;gap:7px;padding:5px 12px}.saddle-status-pill--safe{background:var(--s-safe-bg);color:var(--s-safe-text)}.saddle-status-pill--active{background:var(--s-active-bg);color:var(--s-active-text)}.saddle-status-pill--paused{background:var(--s-surface-3);color:var(--s-fg-subtle)}@media(max-width:782px){.saddle-topbar{padding:0 var(--pp-space-4)}}@media(max-width:600px){.saddle-topbar__group,.saddle-topbar__sep{display:none}}.saddle-app .pp-content,.saddle-integrations,.saddle-memory,.saddle-settings{align-content:start;display:grid;gap:var(--pp-space-5)}.saddle-tabpane{animation:saddle-step-in .24s var(--s-ease) both}.saddle-setup{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);box-shadow:var(--s-shadow-md);margin-top:24px;padding:28px 32px 32px}.saddle-setup__head{align-items:center;border-bottom:1px solid var(--s-border);display:flex;gap:10px;padding-bottom:24px}.saddle-setup__mark{align-items:center;background:var(--s-action);border-radius:8px;color:var(--s-on-action);display:flex;font-weight:650;height:30px;justify-content:center;letter-spacing:-.03em;width:30px}.saddle-setup__kicker{font-size:14px;font-weight:600}.saddle-setup__steps{color:var(--s-fg-subtle);font-size:13px;font-variant-numeric:tabular-nums;margin-right:auto}.saddle-setup__body{padding-top:28px}.saddle-setup__title{font-size:27px;font-weight:660;letter-spacing:-.02em;line-height:1.2;margin:0 0 12px;text-wrap:balance}.saddle-setup__lead{color:var(--s-fg-muted);font-size:15px;line-height:1.6;margin:0 0 24px;text-wrap:pretty}.saddle-setup__actions{align-items:center;display:flex;gap:10px;margin-top:28px}.saddle-promises{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 8px;padding:0}.saddle-promises li{color:var(--s-fg);font-size:14px;padding-right:28px;position:relative}.saddle-promises li:before{background:var(--s-safe-bg);border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--s-safe-text);content:"";height:16px;right:0;position:absolute;top:3px;width:16px}.saddle-promises li:after{color:var(--s-safe-text);content:"✓";font-size:11px;font-weight:700;right:3.5px;position:absolute;top:1px}.saddle-lede{margin:0 0 28px}.saddle-lede__headline{color:var(--s-fg);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0;max-width:34ch}.saddle-lede__facts{color:var(--s-fg-subtle);font-size:13px;font-variant-numeric:tabular-nums;line-height:1.55;margin:8px 0 0}.saddle-cards{margin-top:16px}.saddle-card__empty{color:var(--s-fg-muted);font-size:13px;line-height:1.55;margin:0 0 12px}.saddle-activitylist{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 12px;padding:0}.saddle-activitylist li{align-items:center;display:flex;font-size:14px;gap:12px;justify-content:space-between}.saddle-activitylist__summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saddle-activitylist__summary .pp-badge{margin-left:8px;vertical-align:middle}.saddle-activitylist__target{color:var(--s-fg-subtle);flex:0 0 auto;font-size:12px;font-variant-numeric:tabular-nums}.saddle-apps__more,.saddle-perm__all{margin-top:24px}.saddle-setup-guide{display:grid;gap:20px}.saddle-setup-guide__app{align-items:center;display:flex;font-weight:600;gap:10px}.saddle-setup-guide__app img{height:24px;width:24px}.saddle-setup-guide__step{display:grid;gap:10px;justify-items:start}.saddle-setup-guide__step h3{color:var(--s-fg);font-size:13px;font-weight:640;margin:0}.saddle-setup-guide__step p{color:var(--s-fg-muted);font-size:13px;line-height:1.55;margin:0}.saddle-setup-guide__step .pp-codeblock,.saddle-setup-guide__step .pp-snippet{width:100%}.saddle-wizard__duplicate{margin-bottom:20px}.saddle-link-danger,.saddle-link-danger:hover:not(:disabled){color:var(--s-danger-text)}.saddle-guide__block{margin-bottom:16px}.saddle-guide__block:last-child{margin-bottom:0}.saddle-doc{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:var(--s-radius);max-height:340px;overflow:auto;padding:16px 18px}.saddle-doc__h{color:var(--s-fg);font-size:13px;font-weight:640;letter-spacing:.01em;margin:18px 0 8px}.saddle-doc__h:first-child{margin-top:0}.saddle-doc__h--sub{color:var(--s-fg-muted);font-size:12px}.saddle-doc__p{color:var(--s-fg-muted);font-size:13px;line-height:1.6;margin:0 0 8px}.saddle-doc__list{display:flex;flex-direction:column;gap:5px;margin:0 0 10px;padding-right:18px}.saddle-doc__list li{color:var(--s-fg-muted);font-size:13px;line-height:1.55}.saddle-doc--bare{background:none;border:none;max-height:none;overflow:visible;padding:0}.saddle-memory__compose{align-items:flex-start;display:flex;flex-direction:column;gap:12px;max-width:560px;width:100%}.saddle-memory__compose .pp-field{width:100%}.saddle-memory__empty{color:var(--s-fg-subtle);font-size:13px;margin:0}.saddle-guide__rawtoggle{margin-top:10px}.saddle-guide__system{color:var(--s-fg-muted);margin-top:0;max-height:320px;overflow:auto;white-space:pre-wrap}.saddle-guide__actions{margin-top:12px}.saddle-guide__actions--stack{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.saddle-lanes__hint{color:var(--s-fg-subtle);font-size:12px;margin:10px 0 0}.saddle-lanes__filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-pill);color:var(--s-fg);font:inherit;font-size:13px;margin-top:12px;max-width:320px;padding:7px 12px;width:100%}.saddle-lanes__filter:focus-visible{outline:2px solid var(--s-focus);outline-offset:2px}.saddle-lanes{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:16px}@media(max-width:900px){.saddle-lanes{grid-template-columns:1fr}}.saddle-lane{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);padding:18px;transition:opacity var(--s-dur) var(--s-ease)}.saddle-lane.is-off{background:var(--s-surface-2);opacity:.6}.saddle-lane__head{align-items:center;display:flex;justify-content:space-between}.saddle-lane__title{font-size:14px;font-weight:620;margin:0}.saddle-lane__count{color:var(--s-fg-subtle);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.saddle-lane__rail{background:var(--s-border);border-radius:2px;height:2px;margin:12px 0}.saddle-lane--look.is-on .saddle-lane__rail{background:var(--s-rail-safe)}.saddle-lane--change.is-on .saddle-lane__rail{background:var(--s-rail-change)}.saddle-lane--remove.is-on .saddle-lane__rail{background:var(--s-rail-remove)}.saddle-catgroup{margin-top:12px}.saddle-catgroup__title{align-items:center;color:var(--s-fg-subtle);display:flex;font-size:11px;font-weight:620;gap:6px;letter-spacing:.04em;margin:0 0 6px;text-transform:uppercase}.saddle-catgroup__count{align-items:center;background:var(--s-surface-2);border-radius:var(--s-radius-pill);color:var(--s-fg-subtle);display:inline-flex;font-size:10px;font-weight:600;height:16px;justify-content:center;letter-spacing:0;min-width:18px;padding:0 5px}.saddle-lane__empty{color:var(--s-fg-subtle);font-size:12px;margin:8px 0 0}.saddle-chips{display:flex;flex-direction:column;gap:6px;margin:0}.saddle-chip{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--s-bg);border:1px solid var(--s-border);border-radius:7px;color:inherit;cursor:pointer;display:flex;font:inherit;gap:8px;justify-content:space-between;min-width:0;padding:8px 10px;text-align:right;transition:opacity var(--s-dur) var(--s-ease),background var(--s-dur) var(--s-ease);width:100%}.saddle-chip:hover{background:var(--s-surface-2)}.saddle-chip.is-off{opacity:.5}.saddle-chip.is-on{border-color:var(--s-border-strong)}.saddle-chip.is-disabled{background:var(--s-surface-2);opacity:.55}.saddle-chip.is-disabled .saddle-chip__label{text-decoration:line-through;text-decoration-color:var(--s-fg-subtle)}.saddle-chip__label{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saddle-chip__shield{background:var(--s-active-bg);color:var(--s-active-text)}.saddle-chip__off,.saddle-chip__shield{border-radius:var(--s-radius-pill);flex:0 0 auto;font-size:10px;font-weight:500;letter-spacing:.02em;padding:2px 8px;white-space:nowrap}.saddle-chip__off{background:var(--s-surface-3);color:var(--s-fg-subtle)}.saddle-apps__titled{align-items:center;display:inline-flex;gap:6px}.saddle-apps__cardbody{display:grid;gap:var(--pp-space-4)}.saddle-apps__cardbody .pp-rowlist{background:transparent;border:0;border-radius:0}.saddle-apps__divider{align-items:center;color:var(--s-fg-muted);display:flex;font-size:12px;font-weight:600;gap:10px;letter-spacing:.01em;margin-top:var(--pp-space-2)}.saddle-apps__divider:after{background:var(--s-border);content:"";flex:1;height:1px}.saddle-apps__cardfoot{align-items:center;display:flex;font-size:12px;gap:6px;margin:0}.saddle-apps__cardfoot a{color:var(--s-fg-muted)}.saddle-apps__advanced{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);display:grid;gap:var(--pp-space-4);margin-top:10px;padding:var(--pp-space-5) var(--pp-space-5)}.saddle-apps__field{display:grid;gap:6px}.saddle-apps__fieldlabel{color:var(--s-fg-muted);font-size:12px;font-weight:600}.saddle-apps__test{align-items:center;display:flex;gap:12px}.saddle-apps__transport{align-items:center;color:var(--s-fg-subtle);display:flex;font-size:12px;gap:6px;margin:0}.saddle-wizard__lead--muted{color:var(--s-fg-subtle);font-size:13px}.saddle-wizard{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);box-shadow:var(--s-shadow-sm);min-height:420px;padding:26px 32px 36px}.saddle-wizard__top{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:30px}.saddle-wizard__step{animation:saddle-step-in .28s var(--s-ease) both;margin:0 auto;max-width:640px}@keyframes saddle-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.saddle-wizard__title{font-size:22px;font-weight:640;letter-spacing:-.02em;margin:0 0 8px}.saddle-wizard__lead{color:var(--s-fg-muted);font-size:14px;line-height:1.6;margin:0 0 20px;max-width:60ch;text-wrap:pretty}.saddle-wizard__apps .pp-selcard__icon{font-size:24px}.saddle-wizard__config{margin:0 0 18px}.saddle-wizard__copy{margin-top:10px}.saddle-wizard__cando{margin:0 0 16px}.saddle-wizard__cando-note{color:var(--s-fg-muted);font-size:12.5px;margin:6px 0 0}.saddle-wizard__hint{color:var(--s-fg-subtle);font-size:12.5px;margin:0 0 16px}.saddle-wizard__actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:26px}.saddle-wizard__actions--center{justify-content:center}.saddle-wizard__prompt{margin-bottom:6px}.saddle-wizard__listening{align-items:center;color:var(--s-fg-muted);display:flex;font-size:13.5px;margin-top:22px}.saddle-wizard__trouble{animation:saddle-step-in .28s var(--s-ease) both;margin-top:22px}.saddle-wizard__trouble ul{color:var(--s-fg-muted);font-size:13px;line-height:1.55;margin:0 0 10px;padding-right:18px}.saddle-wizard__trouble ul li{margin-bottom:6px}.saddle-wizard__trouble .saddle-health{margin-bottom:12px;margin-top:0}.saddle-wizard__step--done{padding-top:26px;text-align:center}.saddle-wizard__step--done .saddle-wizard__lead{margin-right:auto;margin-left:auto;max-width:46ch}.saddle-wizard__check{display:inline-flex;margin-bottom:16px}.saddle-wizard__check svg{fill:none;height:64px;stroke:var(--s-safe-text);stroke-linecap:round;stroke-linejoin:round;stroke-width:3;width:64px}.saddle-wizard__check circle{animation:saddle-draw .5s var(--s-ease) forwards;stroke-dasharray:151;stroke-dashoffset:151}.saddle-wizard__check path{animation:saddle-draw .35s .4s var(--s-ease) forwards;stroke-dasharray:36;stroke-dashoffset:36}@keyframes saddle-draw{to{stroke-dashoffset:0}}.saddle-health{font-size:13px;margin-top:14px}.saddle-health--checking{align-items:center;color:var(--s-fg-subtle);display:flex;gap:6px}.saddle-health--ok{color:var(--s-safe-text);font-weight:600}.saddle-health--muted{color:var(--s-fg-subtle)}.saddle-health__body{color:var(--s-fg-muted);line-height:1.55;margin:0 0 12px}.saddle-health__error{color:var(--s-danger-text)}.saddle-health__actions{align-items:center;display:flex;gap:12px;margin-bottom:12px}@media(prefers-reduced-motion:reduce){.saddle-app *,.saddle-app :after,.saddle-app :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.saddle-activity__title{font-size:20px;font-weight:660;letter-spacing:-.02em;margin:0 0 4px}.saddle-activity__lead{color:var(--s-fg-muted);font-size:13.5px;margin:0 0 18px;max-width:64ch}.saddle-activity__filters{align-items:center;display:flex;gap:6px;margin-bottom:20px}.saddle-activity__total{color:var(--s-fg-subtle);font-size:12px;font-variant-numeric:tabular-nums;margin-inline-start:auto}.saddle-activity__loading{display:flex;justify-content:center;padding:60px 0}.saddle-activity__day{margin-bottom:22px}.saddle-activity__daylabel{color:var(--s-fg-subtle);font-size:12px;font-weight:620;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.saddle-activity__list{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);box-shadow:var(--s-shadow-sm);margin:0;overflow:hidden}.saddle-activity__row{align-items:flex-start;display:flex;gap:12px;margin:0;padding:12px 16px}.saddle-activity__row+.saddle-activity__row{border-top:1px solid var(--s-border)}.saddle-activity__mark{background:var(--s-safe);border-radius:50%;flex:0 0 auto;height:8px;margin-top:6px;width:8px}.saddle-activity__row.is-denied .saddle-activity__mark{background:var(--s-danger)}.saddle-activity__body{flex:1;min-width:0}.saddle-activity__summary{display:block;font-size:13.5px;line-height:1.5;overflow-wrap:anywhere}.saddle-activity__meta{align-items:center;color:var(--s-fg-subtle);display:flex;font-size:11.5px;gap:8px;margin-top:3px}.saddle-activity__action{background:var(--s-surface-3);border-radius:5px;color:var(--s-fg-muted);font-size:11px;padding:1px 6px}.saddle-activity__time{color:var(--s-fg-subtle);flex:0 0 auto;font-size:11.5px;font-variant-numeric:tabular-nums;margin-top:2px}.saddle-activity__more{display:flex;justify-content:center;margin-top:4px}.saddle-rows{margin:12px 0}.saddle-rows__body{margin:8px 0 12px;max-height:320px;overflow:auto}.saddle-toggle-row{align-items:flex-start;display:flex;gap:10px}.saddle-toggle-row span{color:var(--s-fg);font-size:13px}.saddle-notice__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.saddle-unsplash__hint{color:var(--s-fg-muted);font-size:12px;margin:8px 0 12px}.saddle-unsplash__actions,.saddle-unsplash__configured{align-items:center;display:flex;gap:8px}.saddle-unsplash__configured{flex-wrap:wrap;justify-content:space-between}.saddle-unsplash__configured span{color:var(--s-fg);font-size:13px}.saddle-integrations__hint{color:var(--s-fg-muted);font-size:12px;margin:12px 0 0}.saddle-settings__links{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.saddle-mcp-diag__health{font-size:13px;margin:0 0 8px}.saddle-mcp-diag__degraded{color:var(--s-danger-text);font-size:13px;margin:0 0 12px}.saddle-mcp-diag__actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.saddle-mcp-diag__empty,.saddle-mcp-diag__hint{color:var(--s-fg-subtle);font-size:13px;margin:0 0 12px}.saddle-mcp-diag__table{border-collapse:collapse;font-size:13px;width:100%}.saddle-mcp-diag__table td,.saddle-mcp-diag__table th{border-bottom:1px solid var(--s-border);padding:6px 8px;text-align:right;vertical-align:middle}.saddle-mcp-diag__table th{font-weight:600}.saddle-mcp-diag__table td:first-child,.saddle-mcp-diag__table th{color:var(--s-fg-subtle);white-space:nowrap} diff --git a/admin/build/style-index.css b/admin/build/style-index.css index d75cb6c..98d0708 100644 --- a/admin/build/style-index.css +++ b/admin/build/style-index.css @@ -1 +1 @@ -.pp-app,.saddle-app,body.pp-scope,body.toplevel_page_saddle{--pp-n-50:#fafafa;--pp-n-100:#fbfbfa;--pp-n-200:#efeeec;--pp-n-300:#e7e6e4;--pp-n-400:#d4d2cf;--pp-n-500:#aaa8a4;--pp-n-600:#767471;--pp-n-700:#64625d;--pp-n-800:#444341;--pp-n-900:#292928;--pp-n-950:#111;--pp-surface:#fff;--pp-accent:#6d3bf5;--pp-accent-hover:#5121c7;--pp-accent-text:#5121c7;--pp-accent-tint:#f1ecff;--pp-accent-muted:rgba(109,59,245,.12);--pp-on-accent:#fff;--pp-action:#6d3bf5;--pp-action-hover:#5121c7;--pp-on-action:#fff;--pp-focus:#6d3bf5;--pp-success:#65a30d;--pp-success-bg:#f7fee7;--pp-info:#0891b2;--pp-info-bg:#ecfeff;--pp-warning:#d97706;--pp-warning-bg:#fffbeb;--pp-danger:#f43f5e;--pp-danger-hover:#be123c;--pp-danger-bg:#fff1f2;--pp-r-sm:3px;--pp-r:4px;--pp-r-lg:6px;--pp-shadow-xs:none;--pp-shadow-sm:0 1px 2px hsla(0,0%,7%,.04)}.pp-tone--success{--pp-tone-text:#4d7c0f}.pp-tone--info{--pp-tone-text:#0e7490}.pp-tone--warning{--pp-tone-text:#b45309}.pp-tone--danger{--pp-tone-text:#be123c}.pp-code--dark{--pp-code-bg:var( --s-code-bg )}.saddle-app,body.toplevel_page_saddle{--s-canvas:var( --pp-canvas );--s-bg:var( --pp-surface );--s-fg:var( --pp-text );--s-fg-muted:var( --pp-text-secondary );--s-fg-subtle:var( --pp-text-muted );--s-border:var( --pp-border );--s-border-strong:var( --pp-border-strong );--s-surface-2:var( --pp-surface-alt );--s-surface-3:var( --pp-surface-hover );--s-action:var( --pp-action );--s-on-action:var( --pp-on-action );--s-accent:var( --pp-accent );--s-accent-text:var( --pp-accent-text );--s-safe:var( --pp-success );--s-safe-bg:var( --pp-success-bg );--s-safe-text:#4d7c0f;--s-active:var( --pp-warning );--s-active-bg:var( --pp-warning-bg );--s-active-text:#b45309;--s-danger:var( --pp-danger );--s-danger-text:#be123c;--s-rail-safe:var( --s-safe-text );--s-rail-change:var( --pp-accent );--s-rail-remove:var( --s-active-text );--s-focus:var( --pp-focus );--s-code-bg:#171717;--s-shadow-sm:var( --pp-shadow-sm );--s-shadow-md:var( --pp-shadow-md )}body.toplevel_page_saddle #wpcontent{background:var(--s-canvas);padding-inline-start:0}body.toplevel_page_saddle #wpbody-content{background:var(--s-canvas);box-sizing:border-box;min-height:calc(100vh - var(--wp-admin--admin-bar--height, 32px));padding-bottom:0}body.toplevel_page_saddle .wrap{margin:0}body.toplevel_page_saddle #wpfooter{display:none}.saddle-app{--s-radius:var( --pp-r );--s-radius-lg:var( --pp-r-lg );--s-radius-pill:var( --pp-r-pill );--s-ease:cubic-bezier(0.4,0,0.2,1);--s-dur:160ms;box-sizing:border-box;color:var(--s-fg);-webkit-font-smoothing:antialiased}.saddle-app--loading{display:flex;justify-content:center;padding:120px 0}.saddle-app--setup{margin:0 auto;max-width:960px;padding:28px 24px 72px}.saddle-app--setup .saddle-setup__body{margin-inline:auto;max-width:640px}.saddle-app [role=radio]:focus-visible,.saddle-app a:focus-visible,.saddle-app button:focus-visible{box-shadow:none;outline:2px solid var(--s-focus);outline-offset:2px}.saddle-app button{touch-action:manipulation}.saddle-app h1,.saddle-app h2,.saddle-app h3,.saddle-app h4{color:inherit}.saddle-app a:not([class]){color:var(--s-focus)}.saddle-foreign{max-height:60vh;max-width:min(520px,100vw - 32px);overflow-y:auto}.saddle-foreign__button{align-items:center;background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-pill);color:var(--s-fg-muted);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;height:28px;line-height:1;padding:0 10px}.saddle-foreign__button svg{height:14px;width:14px}.saddle-foreign__button:hover{border-color:var(--s-border-strong);color:var(--s-fg)}.saddle-foreign__head{color:var(--s-fg-subtle);font-size:12px;margin-bottom:8px}.saddle-foreign__list{color-scheme:light}.saddle-foreign__list .notice,.saddle-foreign__list div.error,.saddle-foreign__list div.updated{background:#fff;color:#1e1e1e;margin:0 0 8px;position:relative}.saddle-foreign__list>:last-child{margin-bottom:0}.saddle-topbar__right{align-items:center;display:flex;gap:10px}.pp-nav__brand svg{color:var(--s-accent)}.saddle-app .pp-nav__item[aria-current=page]{background:color-mix(in srgb,var(--pp-accent) 12%,var(--pp-surface))}.saddle-topbar{align-items:center;backdrop-filter:saturate(180%) blur(8px);background:var(--pp-surface-glass);border-bottom:1px solid var(--s-border);display:flex;gap:16px;height:48px;justify-content:space-between;margin:calc(var(--pp-space-6)*-1) calc(var(--pp-space-6)*-1) var(--pp-space-5);padding:0 var(--pp-space-6);position:sticky;top:var(--wp-admin--admin-bar--height,32px);z-index:var(--pp-z-sticky)}.saddle-topbar__context{align-items:center;display:flex;font-size:13px;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saddle-topbar__group,.saddle-topbar__sep{color:var(--s-fg-subtle)}.saddle-topbar__title{color:var(--s-fg);font-weight:600}.saddle-status-pill{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--s-surface-3);border:none;border-radius:var(--s-radius-pill);color:var(--s-fg-muted);cursor:pointer;display:flex;flex:0 0 auto;font:inherit;font-size:12px;font-weight:550;gap:7px;padding:5px 12px}.saddle-status-pill--safe{background:var(--s-safe-bg);color:var(--s-safe-text)}.saddle-status-pill--active{background:var(--s-active-bg);color:var(--s-active-text)}.saddle-status-pill--paused{background:var(--s-surface-3);color:var(--s-fg-subtle)}@media(max-width:782px){.saddle-topbar{padding:0 var(--pp-space-4)}}@media(max-width:600px){.saddle-topbar__group,.saddle-topbar__sep{display:none}}.saddle-app .pp-content,.saddle-integrations,.saddle-memory,.saddle-settings{align-content:start;display:grid;gap:var(--pp-space-5)}.saddle-tabpane{animation:saddle-step-in .24s var(--s-ease) both}.saddle-setup{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);box-shadow:var(--s-shadow-md);margin-top:24px;padding:28px 32px 32px}.saddle-setup__head{align-items:center;border-bottom:1px solid var(--s-border);display:flex;gap:10px;padding-bottom:24px}.saddle-setup__mark{align-items:center;background:var(--s-action);border-radius:8px;color:var(--s-on-action);display:flex;font-weight:650;height:30px;justify-content:center;letter-spacing:-.03em;width:30px}.saddle-setup__kicker{font-size:14px;font-weight:600}.saddle-setup__steps{color:var(--s-fg-subtle);font-size:13px;font-variant-numeric:tabular-nums;margin-left:auto}.saddle-setup__body{padding-top:28px}.saddle-setup__title{font-size:27px;font-weight:660;letter-spacing:-.02em;line-height:1.2;margin:0 0 12px;text-wrap:balance}.saddle-setup__lead{color:var(--s-fg-muted);font-size:15px;line-height:1.6;margin:0 0 24px;text-wrap:pretty}.saddle-setup__actions{align-items:center;display:flex;gap:10px;margin-top:28px}.saddle-promises{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 8px;padding:0}.saddle-promises li{color:var(--s-fg);font-size:14px;padding-left:28px;position:relative}.saddle-promises li:before{background:var(--s-safe-bg);border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--s-safe-text);content:"";height:16px;left:0;position:absolute;top:3px;width:16px}.saddle-promises li:after{color:var(--s-safe-text);content:"✓";font-size:11px;font-weight:700;left:3.5px;position:absolute;top:1px}.saddle-lede{margin:0 0 28px}.saddle-lede__headline{color:var(--s-fg);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0;max-width:34ch}.saddle-lede__facts{color:var(--s-fg-subtle);font-size:13px;font-variant-numeric:tabular-nums;line-height:1.55;margin:8px 0 0}.saddle-cards{margin-top:16px}.saddle-card__empty{color:var(--s-fg-muted);font-size:13px;line-height:1.55;margin:0 0 12px}.saddle-activitylist{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 12px;padding:0}.saddle-activitylist li{align-items:center;display:flex;font-size:14px;gap:12px;justify-content:space-between}.saddle-activitylist__summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saddle-activitylist__summary .pp-badge{margin-right:8px;vertical-align:middle}.saddle-activitylist__target{color:var(--s-fg-subtle);flex:0 0 auto;font-size:12px;font-variant-numeric:tabular-nums}.saddle-apps__more,.saddle-perm__all{margin-top:24px}.saddle-setup-guide{display:grid;gap:20px}.saddle-setup-guide__app{align-items:center;display:flex;font-weight:600;gap:10px}.saddle-setup-guide__app img{height:24px;width:24px}.saddle-setup-guide__step{display:grid;gap:10px;justify-items:start}.saddle-setup-guide__step h3{color:var(--s-fg);font-size:13px;font-weight:640;margin:0}.saddle-setup-guide__step p{color:var(--s-fg-muted);font-size:13px;line-height:1.55;margin:0}.saddle-setup-guide__step .pp-codeblock,.saddle-setup-guide__step .pp-snippet{width:100%}.saddle-wizard__duplicate{margin-bottom:20px}.saddle-link-danger,.saddle-link-danger:hover:not(:disabled){color:var(--s-danger-text)}.saddle-guide__block{margin-bottom:16px}.saddle-guide__block:last-child{margin-bottom:0}.saddle-doc{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:var(--s-radius);max-height:340px;overflow:auto;padding:16px 18px}.saddle-doc__h{color:var(--s-fg);font-size:13px;font-weight:640;letter-spacing:.01em;margin:18px 0 8px}.saddle-doc__h:first-child{margin-top:0}.saddle-doc__h--sub{color:var(--s-fg-muted);font-size:12px}.saddle-doc__p{color:var(--s-fg-muted);font-size:13px;line-height:1.6;margin:0 0 8px}.saddle-doc__list{display:flex;flex-direction:column;gap:5px;margin:0 0 10px;padding-left:18px}.saddle-doc__list li{color:var(--s-fg-muted);font-size:13px;line-height:1.55}.saddle-doc--bare{background:none;border:none;max-height:none;overflow:visible;padding:0}.saddle-memory__compose{align-items:flex-start;display:flex;flex-direction:column;gap:12px;max-width:560px;width:100%}.saddle-memory__compose .pp-field{width:100%}.saddle-memory__empty{color:var(--s-fg-subtle);font-size:13px;margin:0}.saddle-guide__rawtoggle{margin-top:10px}.saddle-guide__system{color:var(--s-fg-muted);margin-top:0;max-height:320px;overflow:auto;white-space:pre-wrap}.saddle-guide__actions{margin-top:12px}.saddle-guide__actions--stack{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.saddle-lanes__hint{color:var(--s-fg-subtle);font-size:12px;margin:10px 0 0}.saddle-lanes__filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-pill);color:var(--s-fg);font:inherit;font-size:13px;margin-top:12px;max-width:320px;padding:7px 12px;width:100%}.saddle-lanes__filter:focus-visible{outline:2px solid var(--s-focus);outline-offset:2px}.saddle-lanes{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:16px}@media(max-width:900px){.saddle-lanes{grid-template-columns:1fr}}.saddle-lane{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);padding:18px;transition:opacity var(--s-dur) var(--s-ease)}.saddle-lane.is-off{background:var(--s-surface-2);opacity:.6}.saddle-lane__head{align-items:center;display:flex;justify-content:space-between}.saddle-lane__title{font-size:14px;font-weight:620;margin:0}.saddle-lane__count{color:var(--s-fg-subtle);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.saddle-lane__rail{background:var(--s-border);border-radius:2px;height:2px;margin:12px 0}.saddle-lane--look.is-on .saddle-lane__rail{background:var(--s-rail-safe)}.saddle-lane--change.is-on .saddle-lane__rail{background:var(--s-rail-change)}.saddle-lane--remove.is-on .saddle-lane__rail{background:var(--s-rail-remove)}.saddle-catgroup{margin-top:12px}.saddle-catgroup__title{align-items:center;color:var(--s-fg-subtle);display:flex;font-size:11px;font-weight:620;gap:6px;letter-spacing:.04em;margin:0 0 6px;text-transform:uppercase}.saddle-catgroup__count{align-items:center;background:var(--s-surface-2);border-radius:var(--s-radius-pill);color:var(--s-fg-subtle);display:inline-flex;font-size:10px;font-weight:600;height:16px;justify-content:center;letter-spacing:0;min-width:18px;padding:0 5px}.saddle-lane__empty{color:var(--s-fg-subtle);font-size:12px;margin:8px 0 0}.saddle-chips{display:flex;flex-direction:column;gap:6px;margin:0}.saddle-chip{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--s-bg);border:1px solid var(--s-border);border-radius:7px;color:inherit;cursor:pointer;display:flex;font:inherit;gap:8px;justify-content:space-between;min-width:0;padding:8px 10px;text-align:left;transition:opacity var(--s-dur) var(--s-ease),background var(--s-dur) var(--s-ease);width:100%}.saddle-chip:hover{background:var(--s-surface-2)}.saddle-chip.is-off{opacity:.5}.saddle-chip.is-on{border-color:var(--s-border-strong)}.saddle-chip.is-disabled{background:var(--s-surface-2);opacity:.55}.saddle-chip.is-disabled .saddle-chip__label{text-decoration:line-through;text-decoration-color:var(--s-fg-subtle)}.saddle-chip__label{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saddle-chip__shield{background:var(--s-active-bg);color:var(--s-active-text)}.saddle-chip__off,.saddle-chip__shield{border-radius:var(--s-radius-pill);flex:0 0 auto;font-size:10px;font-weight:500;letter-spacing:.02em;padding:2px 8px;white-space:nowrap}.saddle-chip__off{background:var(--s-surface-3);color:var(--s-fg-subtle)}.saddle-apps__titled{align-items:center;display:inline-flex;gap:6px}.saddle-apps__cardbody{display:grid;gap:var(--pp-space-4)}.saddle-apps__cardbody .pp-rowlist{background:transparent;border:0;border-radius:0}.saddle-apps__divider{align-items:center;color:var(--s-fg-muted);display:flex;font-size:12px;font-weight:600;gap:10px;letter-spacing:.01em;margin-top:var(--pp-space-2)}.saddle-apps__divider:after{background:var(--s-border);content:"";flex:1;height:1px}.saddle-apps__cardfoot{align-items:center;display:flex;font-size:12px;gap:6px;margin:0}.saddle-apps__cardfoot a{color:var(--s-fg-muted)}.saddle-apps__advanced{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);display:grid;gap:var(--pp-space-4);margin-top:10px;padding:var(--pp-space-5) var(--pp-space-5)}.saddle-apps__field{display:grid;gap:6px}.saddle-apps__fieldlabel{color:var(--s-fg-muted);font-size:12px;font-weight:600}.saddle-apps__test{align-items:center;display:flex;gap:12px}.saddle-apps__transport{align-items:center;color:var(--s-fg-subtle);display:flex;font-size:12px;gap:6px;margin:0}.saddle-wizard__lead--muted{color:var(--s-fg-subtle);font-size:13px}.saddle-wizard{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);box-shadow:var(--s-shadow-sm);min-height:420px;padding:26px 32px 36px}.saddle-wizard__top{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:30px}.saddle-wizard__step{animation:saddle-step-in .28s var(--s-ease) both;margin:0 auto;max-width:640px}@keyframes saddle-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.saddle-wizard__title{font-size:22px;font-weight:640;letter-spacing:-.02em;margin:0 0 8px}.saddle-wizard__lead{color:var(--s-fg-muted);font-size:14px;line-height:1.6;margin:0 0 20px;max-width:60ch;text-wrap:pretty}.saddle-wizard__apps .pp-selcard__icon{font-size:24px}.saddle-wizard__config{margin:0 0 18px}.saddle-wizard__copy{margin-top:10px}.saddle-wizard__cando{margin:0 0 16px}.saddle-wizard__cando-note{color:var(--s-fg-muted);font-size:12.5px;margin:6px 0 0}.saddle-wizard__hint{color:var(--s-fg-subtle);font-size:12.5px;margin:0 0 16px}.saddle-wizard__actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:26px}.saddle-wizard__actions--center{justify-content:center}.saddle-wizard__prompt{margin-bottom:6px}.saddle-wizard__listening{align-items:center;color:var(--s-fg-muted);display:flex;font-size:13.5px;margin-top:22px}.saddle-wizard__trouble{animation:saddle-step-in .28s var(--s-ease) both;margin-top:22px}.saddle-wizard__trouble ul{color:var(--s-fg-muted);font-size:13px;line-height:1.55;margin:0 0 10px;padding-left:18px}.saddle-wizard__trouble ul li{margin-bottom:6px}.saddle-wizard__trouble .saddle-health{margin-bottom:12px;margin-top:0}.saddle-wizard__step--done{padding-top:26px;text-align:center}.saddle-wizard__step--done .saddle-wizard__lead{margin-left:auto;margin-right:auto;max-width:46ch}.saddle-wizard__check{display:inline-flex;margin-bottom:16px}.saddle-wizard__check svg{fill:none;height:64px;stroke:var(--s-safe-text);stroke-linecap:round;stroke-linejoin:round;stroke-width:3;width:64px}.saddle-wizard__check circle{animation:saddle-draw .5s var(--s-ease) forwards;stroke-dasharray:151;stroke-dashoffset:151}.saddle-wizard__check path{animation:saddle-draw .35s .4s var(--s-ease) forwards;stroke-dasharray:36;stroke-dashoffset:36}@keyframes saddle-draw{to{stroke-dashoffset:0}}.saddle-health{font-size:13px;margin-top:14px}.saddle-health--checking{align-items:center;color:var(--s-fg-subtle);display:flex;gap:6px}.saddle-health--ok{color:var(--s-safe-text);font-weight:600}.saddle-health--muted{color:var(--s-fg-subtle)}.saddle-health__body{color:var(--s-fg-muted);line-height:1.55;margin:0 0 12px}.saddle-health__error{color:var(--s-danger-text)}.saddle-health__actions{align-items:center;display:flex;gap:12px;margin-bottom:12px}@media(prefers-reduced-motion:reduce){.saddle-app *,.saddle-app :after,.saddle-app :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.saddle-activity__title{font-size:20px;font-weight:660;letter-spacing:-.02em;margin:0 0 4px}.saddle-activity__lead{color:var(--s-fg-muted);font-size:13.5px;margin:0 0 18px;max-width:64ch}.saddle-activity__filters{align-items:center;display:flex;gap:6px;margin-bottom:20px}.saddle-activity__total{color:var(--s-fg-subtle);font-size:12px;font-variant-numeric:tabular-nums;margin-inline-start:auto}.saddle-activity__loading{display:flex;justify-content:center;padding:60px 0}.saddle-activity__day{margin-bottom:22px}.saddle-activity__daylabel{color:var(--s-fg-subtle);font-size:12px;font-weight:620;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.saddle-activity__list{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);box-shadow:var(--s-shadow-sm);margin:0;overflow:hidden}.saddle-activity__row{align-items:flex-start;display:flex;gap:12px;margin:0;padding:12px 16px}.saddle-activity__row+.saddle-activity__row{border-top:1px solid var(--s-border)}.saddle-activity__mark{background:var(--s-safe);border-radius:50%;flex:0 0 auto;height:8px;margin-top:6px;width:8px}.saddle-activity__row.is-denied .saddle-activity__mark{background:var(--s-danger)}.saddle-activity__body{flex:1;min-width:0}.saddle-activity__summary{display:block;font-size:13.5px;line-height:1.5;overflow-wrap:anywhere}.saddle-activity__meta{align-items:center;color:var(--s-fg-subtle);display:flex;font-size:11.5px;gap:8px;margin-top:3px}.saddle-activity__action{background:var(--s-surface-3);border-radius:5px;color:var(--s-fg-muted);font-size:11px;padding:1px 6px}.saddle-activity__time{color:var(--s-fg-subtle);flex:0 0 auto;font-size:11.5px;font-variant-numeric:tabular-nums;margin-top:2px}.saddle-activity__more{display:flex;justify-content:center;margin-top:4px}.saddle-rows{margin:12px 0}.saddle-rows__body{margin:8px 0 12px;max-height:320px;overflow:auto}.saddle-toggle-row{align-items:flex-start;display:flex;gap:10px}.saddle-toggle-row span{color:var(--s-fg);font-size:13px}.saddle-notice__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.saddle-unsplash__hint{color:var(--s-fg-muted);font-size:12px;margin:8px 0 12px}.saddle-unsplash__actions,.saddle-unsplash__configured{align-items:center;display:flex;gap:8px}.saddle-unsplash__configured{flex-wrap:wrap;justify-content:space-between}.saddle-unsplash__configured span{color:var(--s-fg);font-size:13px}.saddle-integrations__hint{color:var(--s-fg-muted);font-size:12px;margin:12px 0 0}.saddle-settings__links{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.saddle-mcp-diag__health{font-size:13px;margin:0 0 8px}.saddle-mcp-diag__degraded{color:var(--s-danger-text);font-size:13px;margin:0 0 12px}.saddle-mcp-diag__actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.saddle-mcp-diag__empty,.saddle-mcp-diag__hint{color:var(--s-fg-subtle);font-size:13px;margin:0 0 12px}.saddle-mcp-diag__table{border-collapse:collapse;font-size:13px;width:100%}.saddle-mcp-diag__table td,.saddle-mcp-diag__table th{border-bottom:1px solid var(--s-border);padding:6px 8px;text-align:left;vertical-align:middle}.saddle-mcp-diag__table th{font-weight:600}.saddle-mcp-diag__table td:first-child,.saddle-mcp-diag__table th{color:var(--s-fg-subtle);white-space:nowrap} +.pp-app,.saddle-app,body.pp-scope,body.toplevel_page_saddle{--pp-n-50:#fafafa;--pp-n-100:#fbfbfa;--pp-n-200:#efeeec;--pp-n-300:#e7e6e4;--pp-n-400:#d4d2cf;--pp-n-500:#aaa8a4;--pp-n-600:#767471;--pp-n-700:#64625d;--pp-n-800:#444341;--pp-n-900:#292928;--pp-n-950:#111;--pp-surface:#fff;--pp-accent:#da5cc7;--pp-accent-hover:#a82595;--pp-accent-text:#bd2ba7;--pp-accent-tint:#fdf4fc;--pp-accent-muted:rgba(218,92,199,.12);--pp-on-accent:#fff;--pp-action:#bd2ba7;--pp-action-hover:#a82595;--pp-on-action:#fff;--pp-focus:#da5cc7;--pp-success:#65a30d;--pp-success-bg:#f7fee7;--pp-info:#0891b2;--pp-info-bg:#ecfeff;--pp-warning:#d97706;--pp-warning-bg:#fffbeb;--pp-danger:#f43f5e;--pp-danger-hover:#be123c;--pp-danger-bg:#fff1f2;--pp-r-sm:3px;--pp-r:4px;--pp-r-lg:6px;--pp-shadow-xs:none;--pp-shadow-sm:0 1px 2px hsla(0,0%,7%,.04)}.pp-tone--success{--pp-tone-text:#4d7c0f}.pp-tone--info{--pp-tone-text:#0e7490}.pp-tone--warning{--pp-tone-text:#b45309}.pp-tone--danger{--pp-tone-text:#be123c}.pp-code--dark{--pp-code-bg:var( --s-code-bg )}.saddle-app,body.toplevel_page_saddle{--s-canvas:var( --pp-canvas );--s-bg:var( --pp-surface );--s-fg:var( --pp-text );--s-fg-muted:var( --pp-text-secondary );--s-fg-subtle:var( --pp-text-muted );--s-border:var( --pp-border );--s-border-strong:var( --pp-border-strong );--s-surface-2:var( --pp-surface-alt );--s-surface-3:var( --pp-surface-hover );--s-action:var( --pp-action );--s-on-action:var( --pp-on-action );--s-accent:var( --pp-accent );--s-accent-text:var( --pp-accent-text );--s-safe:var( --pp-success );--s-safe-bg:var( --pp-success-bg );--s-safe-text:#4d7c0f;--s-active:var( --pp-warning );--s-active-bg:var( --pp-warning-bg );--s-active-text:#b45309;--s-danger:var( --pp-danger );--s-danger-text:#be123c;--s-rail-safe:var( --s-safe-text );--s-rail-change:var( --pp-accent );--s-rail-remove:var( --s-active-text );--s-focus:var( --pp-focus );--s-code-bg:#171717;--s-shadow-sm:var( --pp-shadow-sm );--s-shadow-md:var( --pp-shadow-md )}body.toplevel_page_saddle #wpcontent{background:var(--s-canvas);padding-inline-start:0}body.toplevel_page_saddle #wpbody-content{background:var(--s-canvas);box-sizing:border-box;min-height:calc(100vh - var(--wp-admin--admin-bar--height, 32px));padding-bottom:0}body.toplevel_page_saddle .wrap{margin:0}body.toplevel_page_saddle #wpfooter{display:none}.saddle-app{--s-radius:var( --pp-r );--s-radius-lg:var( --pp-r-lg );--s-radius-pill:var( --pp-r-pill );--s-ease:cubic-bezier(0.4,0,0.2,1);--s-dur:160ms;box-sizing:border-box;color:var(--s-fg);-webkit-font-smoothing:antialiased}.saddle-app--loading{display:flex;justify-content:center;padding:120px 0}.saddle-app--setup{margin:0 auto;max-width:960px;padding:28px 24px 72px}.saddle-app--setup .saddle-setup__body{margin-inline:auto;max-width:640px}.saddle-app [role=radio]:focus-visible,.saddle-app a:focus-visible,.saddle-app button:focus-visible{box-shadow:none;outline:2px solid var(--s-focus);outline-offset:2px}.saddle-app button{touch-action:manipulation}.saddle-app h1,.saddle-app h2,.saddle-app h3,.saddle-app h4{color:inherit}.saddle-app a:not([class]){color:var(--s-focus)}.saddle-foreign{max-height:60vh;max-width:min(520px,100vw - 32px);overflow-y:auto}.saddle-foreign__button{align-items:center;background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-pill);color:var(--s-fg-muted);cursor:pointer;display:inline-flex;font-size:12px;gap:6px;height:28px;line-height:1;padding:0 10px}.saddle-foreign__button svg{height:14px;width:14px}.saddle-foreign__button:hover{border-color:var(--s-border-strong);color:var(--s-fg)}.saddle-foreign__head{color:var(--s-fg-subtle);font-size:12px;margin-bottom:8px}.saddle-foreign__list{color-scheme:light}.saddle-foreign__list .notice,.saddle-foreign__list div.error,.saddle-foreign__list div.updated{background:#fff;color:#1e1e1e;margin:0 0 8px;position:relative}.saddle-foreign__list>:last-child{margin-bottom:0}.saddle-topbar__right{align-items:center;display:flex;gap:10px}.pp-nav__brand svg{color:var(--s-accent)}.saddle-app .pp-nav__item[aria-current=page]{background:color-mix(in srgb,var(--pp-accent) 12%,var(--pp-surface))}.saddle-topbar{align-items:center;backdrop-filter:saturate(180%) blur(8px);background:var(--pp-surface-glass);border-bottom:1px solid var(--s-border);display:flex;gap:16px;height:48px;justify-content:space-between;margin:calc(var(--pp-space-6)*-1) calc(var(--pp-space-6)*-1) var(--pp-space-5);padding:0 var(--pp-space-6);position:sticky;top:var(--wp-admin--admin-bar--height,32px);z-index:var(--pp-z-sticky)}.saddle-topbar__context{align-items:center;display:flex;font-size:13px;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saddle-topbar__group,.saddle-topbar__sep{color:var(--s-fg-subtle)}.saddle-topbar__title{color:var(--s-fg);font-weight:600}.saddle-status-pill{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--s-surface-3);border:none;border-radius:var(--s-radius-pill);color:var(--s-fg-muted);cursor:pointer;display:flex;flex:0 0 auto;font:inherit;font-size:12px;font-weight:550;gap:7px;padding:5px 12px}.saddle-status-pill--safe{background:var(--s-safe-bg);color:var(--s-safe-text)}.saddle-status-pill--active{background:var(--s-active-bg);color:var(--s-active-text)}.saddle-status-pill--paused{background:var(--s-surface-3);color:var(--s-fg-subtle)}@media(max-width:782px){.saddle-topbar{padding:0 var(--pp-space-4)}}@media(max-width:600px){.saddle-topbar__group,.saddle-topbar__sep{display:none}}.saddle-app .pp-content,.saddle-integrations,.saddle-memory,.saddle-settings{align-content:start;display:grid;gap:var(--pp-space-5)}.saddle-tabpane{animation:saddle-step-in .24s var(--s-ease) both}.saddle-setup{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);box-shadow:var(--s-shadow-md);margin-top:24px;padding:28px 32px 32px}.saddle-setup__head{align-items:center;border-bottom:1px solid var(--s-border);display:flex;gap:10px;padding-bottom:24px}.saddle-setup__mark{align-items:center;background:var(--s-action);border-radius:8px;color:var(--s-on-action);display:flex;font-weight:650;height:30px;justify-content:center;letter-spacing:-.03em;width:30px}.saddle-setup__kicker{font-size:14px;font-weight:600}.saddle-setup__steps{color:var(--s-fg-subtle);font-size:13px;font-variant-numeric:tabular-nums;margin-left:auto}.saddle-setup__body{padding-top:28px}.saddle-setup__title{font-size:27px;font-weight:660;letter-spacing:-.02em;line-height:1.2;margin:0 0 12px;text-wrap:balance}.saddle-setup__lead{color:var(--s-fg-muted);font-size:15px;line-height:1.6;margin:0 0 24px;text-wrap:pretty}.saddle-setup__actions{align-items:center;display:flex;gap:10px;margin-top:28px}.saddle-promises{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 8px;padding:0}.saddle-promises li{color:var(--s-fg);font-size:14px;padding-left:28px;position:relative}.saddle-promises li:before{background:var(--s-safe-bg);border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--s-safe-text);content:"";height:16px;left:0;position:absolute;top:3px;width:16px}.saddle-promises li:after{color:var(--s-safe-text);content:"✓";font-size:11px;font-weight:700;left:3.5px;position:absolute;top:1px}.saddle-lede{margin:0 0 28px}.saddle-lede__headline{color:var(--s-fg);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.3;margin:0;max-width:34ch}.saddle-lede__facts{color:var(--s-fg-subtle);font-size:13px;font-variant-numeric:tabular-nums;line-height:1.55;margin:8px 0 0}.saddle-cards{margin-top:16px}.saddle-card__empty{color:var(--s-fg-muted);font-size:13px;line-height:1.55;margin:0 0 12px}.saddle-activitylist{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0 0 12px;padding:0}.saddle-activitylist li{align-items:center;display:flex;font-size:14px;gap:12px;justify-content:space-between}.saddle-activitylist__summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saddle-activitylist__summary .pp-badge{margin-right:8px;vertical-align:middle}.saddle-activitylist__target{color:var(--s-fg-subtle);flex:0 0 auto;font-size:12px;font-variant-numeric:tabular-nums}.saddle-apps__more,.saddle-perm__all{margin-top:24px}.saddle-setup-guide{display:grid;gap:20px}.saddle-setup-guide__app{align-items:center;display:flex;font-weight:600;gap:10px}.saddle-setup-guide__app img{height:24px;width:24px}.saddle-setup-guide__step{display:grid;gap:10px;justify-items:start}.saddle-setup-guide__step h3{color:var(--s-fg);font-size:13px;font-weight:640;margin:0}.saddle-setup-guide__step p{color:var(--s-fg-muted);font-size:13px;line-height:1.55;margin:0}.saddle-setup-guide__step .pp-codeblock,.saddle-setup-guide__step .pp-snippet{width:100%}.saddle-wizard__duplicate{margin-bottom:20px}.saddle-link-danger,.saddle-link-danger:hover:not(:disabled){color:var(--s-danger-text)}.saddle-guide__block{margin-bottom:16px}.saddle-guide__block:last-child{margin-bottom:0}.saddle-doc{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:var(--s-radius);max-height:340px;overflow:auto;padding:16px 18px}.saddle-doc__h{color:var(--s-fg);font-size:13px;font-weight:640;letter-spacing:.01em;margin:18px 0 8px}.saddle-doc__h:first-child{margin-top:0}.saddle-doc__h--sub{color:var(--s-fg-muted);font-size:12px}.saddle-doc__p{color:var(--s-fg-muted);font-size:13px;line-height:1.6;margin:0 0 8px}.saddle-doc__list{display:flex;flex-direction:column;gap:5px;margin:0 0 10px;padding-left:18px}.saddle-doc__list li{color:var(--s-fg-muted);font-size:13px;line-height:1.55}.saddle-doc--bare{background:none;border:none;max-height:none;overflow:visible;padding:0}.saddle-memory__compose{align-items:flex-start;display:flex;flex-direction:column;gap:12px;max-width:560px;width:100%}.saddle-memory__compose .pp-field{width:100%}.saddle-memory__empty{color:var(--s-fg-subtle);font-size:13px;margin:0}.saddle-guide__rawtoggle{margin-top:10px}.saddle-guide__system{color:var(--s-fg-muted);margin-top:0;max-height:320px;overflow:auto;white-space:pre-wrap}.saddle-guide__actions{margin-top:12px}.saddle-guide__actions--stack{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.saddle-lanes__hint{color:var(--s-fg-subtle);font-size:12px;margin:10px 0 0}.saddle-lanes__filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-pill);color:var(--s-fg);font:inherit;font-size:13px;margin-top:12px;max-width:320px;padding:7px 12px;width:100%}.saddle-lanes__filter:focus-visible{outline:2px solid var(--s-focus);outline-offset:2px}.saddle-lanes{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-top:16px}@media(max-width:900px){.saddle-lanes{grid-template-columns:1fr}}.saddle-lane{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);padding:18px;transition:opacity var(--s-dur) var(--s-ease)}.saddle-lane.is-off{background:var(--s-surface-2);opacity:.6}.saddle-lane__head{align-items:center;display:flex;justify-content:space-between}.saddle-lane__title{font-size:14px;font-weight:620;margin:0}.saddle-lane__count{color:var(--s-fg-subtle);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.saddle-lane__rail{background:var(--s-border);border-radius:2px;height:2px;margin:12px 0}.saddle-lane--look.is-on .saddle-lane__rail{background:var(--s-rail-safe)}.saddle-lane--change.is-on .saddle-lane__rail{background:var(--s-rail-change)}.saddle-lane--remove.is-on .saddle-lane__rail{background:var(--s-rail-remove)}.saddle-catgroup{margin-top:12px}.saddle-catgroup__title{align-items:center;color:var(--s-fg-subtle);display:flex;font-size:11px;font-weight:620;gap:6px;letter-spacing:.04em;margin:0 0 6px;text-transform:uppercase}.saddle-catgroup__count{align-items:center;background:var(--s-surface-2);border-radius:var(--s-radius-pill);color:var(--s-fg-subtle);display:inline-flex;font-size:10px;font-weight:600;height:16px;justify-content:center;letter-spacing:0;min-width:18px;padding:0 5px}.saddle-lane__empty{color:var(--s-fg-subtle);font-size:12px;margin:8px 0 0}.saddle-chips{display:flex;flex-direction:column;gap:6px;margin:0}.saddle-chip{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--s-bg);border:1px solid var(--s-border);border-radius:7px;color:inherit;cursor:pointer;display:flex;font:inherit;gap:8px;justify-content:space-between;min-width:0;padding:8px 10px;text-align:left;transition:opacity var(--s-dur) var(--s-ease),background var(--s-dur) var(--s-ease);width:100%}.saddle-chip:hover{background:var(--s-surface-2)}.saddle-chip.is-off{opacity:.5}.saddle-chip.is-on{border-color:var(--s-border-strong)}.saddle-chip.is-disabled{background:var(--s-surface-2);opacity:.55}.saddle-chip.is-disabled .saddle-chip__label{text-decoration:line-through;text-decoration-color:var(--s-fg-subtle)}.saddle-chip__label{font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saddle-chip__shield{background:var(--s-active-bg);color:var(--s-active-text)}.saddle-chip__off,.saddle-chip__shield{border-radius:var(--s-radius-pill);flex:0 0 auto;font-size:10px;font-weight:500;letter-spacing:.02em;padding:2px 8px;white-space:nowrap}.saddle-chip__off{background:var(--s-surface-3);color:var(--s-fg-subtle)}.saddle-apps__titled{align-items:center;display:inline-flex;gap:6px}.saddle-apps__cardbody{display:grid;gap:var(--pp-space-4)}.saddle-apps__cardbody .pp-rowlist{background:transparent;border:0;border-radius:0}.saddle-apps__divider{align-items:center;color:var(--s-fg-muted);display:flex;font-size:12px;font-weight:600;gap:10px;letter-spacing:.01em;margin-top:var(--pp-space-2)}.saddle-apps__divider:after{background:var(--s-border);content:"";flex:1;height:1px}.saddle-apps__cardfoot{align-items:center;display:flex;font-size:12px;gap:6px;margin:0}.saddle-apps__cardfoot a{color:var(--s-fg-muted)}.saddle-apps__advanced{background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);display:grid;gap:var(--pp-space-4);margin-top:10px;padding:var(--pp-space-5) var(--pp-space-5)}.saddle-apps__field{display:grid;gap:6px}.saddle-apps__fieldlabel{color:var(--s-fg-muted);font-size:12px;font-weight:600}.saddle-apps__test{align-items:center;display:flex;gap:12px}.saddle-apps__transport{align-items:center;color:var(--s-fg-subtle);display:flex;font-size:12px;gap:6px;margin:0}.saddle-wizard__lead--muted{color:var(--s-fg-subtle);font-size:13px}.saddle-wizard{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);box-shadow:var(--s-shadow-sm);min-height:420px;padding:26px 32px 36px}.saddle-wizard__top{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:30px}.saddle-wizard__step{animation:saddle-step-in .28s var(--s-ease) both;margin:0 auto;max-width:640px}@keyframes saddle-step-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.saddle-wizard__title{font-size:22px;font-weight:640;letter-spacing:-.02em;margin:0 0 8px}.saddle-wizard__lead{color:var(--s-fg-muted);font-size:14px;line-height:1.6;margin:0 0 20px;max-width:60ch;text-wrap:pretty}.saddle-wizard__apps .pp-selcard__icon{font-size:24px}.saddle-wizard__config{margin:0 0 18px}.saddle-wizard__copy{margin-top:10px}.saddle-wizard__cando{margin:0 0 16px}.saddle-wizard__cando-note{color:var(--s-fg-muted);font-size:12.5px;margin:6px 0 0}.saddle-wizard__hint{color:var(--s-fg-subtle);font-size:12.5px;margin:0 0 16px}.saddle-wizard__actions{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:26px}.saddle-wizard__actions--center{justify-content:center}.saddle-wizard__prompt{margin-bottom:6px}.saddle-wizard__listening{align-items:center;color:var(--s-fg-muted);display:flex;font-size:13.5px;margin-top:22px}.saddle-wizard__trouble{animation:saddle-step-in .28s var(--s-ease) both;margin-top:22px}.saddle-wizard__trouble ul{color:var(--s-fg-muted);font-size:13px;line-height:1.55;margin:0 0 10px;padding-left:18px}.saddle-wizard__trouble ul li{margin-bottom:6px}.saddle-wizard__trouble .saddle-health{margin-bottom:12px;margin-top:0}.saddle-wizard__step--done{padding-top:26px;text-align:center}.saddle-wizard__step--done .saddle-wizard__lead{margin-left:auto;margin-right:auto;max-width:46ch}.saddle-wizard__check{display:inline-flex;margin-bottom:16px}.saddle-wizard__check svg{fill:none;height:64px;stroke:var(--s-safe-text);stroke-linecap:round;stroke-linejoin:round;stroke-width:3;width:64px}.saddle-wizard__check circle{animation:saddle-draw .5s var(--s-ease) forwards;stroke-dasharray:151;stroke-dashoffset:151}.saddle-wizard__check path{animation:saddle-draw .35s .4s var(--s-ease) forwards;stroke-dasharray:36;stroke-dashoffset:36}@keyframes saddle-draw{to{stroke-dashoffset:0}}.saddle-health{font-size:13px;margin-top:14px}.saddle-health--checking{align-items:center;color:var(--s-fg-subtle);display:flex;gap:6px}.saddle-health--ok{color:var(--s-safe-text);font-weight:600}.saddle-health--muted{color:var(--s-fg-subtle)}.saddle-health__body{color:var(--s-fg-muted);line-height:1.55;margin:0 0 12px}.saddle-health__error{color:var(--s-danger-text)}.saddle-health__actions{align-items:center;display:flex;gap:12px;margin-bottom:12px}@media(prefers-reduced-motion:reduce){.saddle-app *,.saddle-app :after,.saddle-app :before{animation-duration:.01ms!important;transition-duration:.01ms!important}}.saddle-activity__title{font-size:20px;font-weight:660;letter-spacing:-.02em;margin:0 0 4px}.saddle-activity__lead{color:var(--s-fg-muted);font-size:13.5px;margin:0 0 18px;max-width:64ch}.saddle-activity__filters{align-items:center;display:flex;gap:6px;margin-bottom:20px}.saddle-activity__total{color:var(--s-fg-subtle);font-size:12px;font-variant-numeric:tabular-nums;margin-inline-start:auto}.saddle-activity__loading{display:flex;justify-content:center;padding:60px 0}.saddle-activity__day{margin-bottom:22px}.saddle-activity__daylabel{color:var(--s-fg-subtle);font-size:12px;font-weight:620;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.saddle-activity__list{background:var(--s-bg);border:1px solid var(--s-border);border-radius:var(--s-radius-lg);box-shadow:var(--s-shadow-sm);margin:0;overflow:hidden}.saddle-activity__row{align-items:flex-start;display:flex;gap:12px;margin:0;padding:12px 16px}.saddle-activity__row+.saddle-activity__row{border-top:1px solid var(--s-border)}.saddle-activity__mark{background:var(--s-safe);border-radius:50%;flex:0 0 auto;height:8px;margin-top:6px;width:8px}.saddle-activity__row.is-denied .saddle-activity__mark{background:var(--s-danger)}.saddle-activity__body{flex:1;min-width:0}.saddle-activity__summary{display:block;font-size:13.5px;line-height:1.5;overflow-wrap:anywhere}.saddle-activity__meta{align-items:center;color:var(--s-fg-subtle);display:flex;font-size:11.5px;gap:8px;margin-top:3px}.saddle-activity__action{background:var(--s-surface-3);border-radius:5px;color:var(--s-fg-muted);font-size:11px;padding:1px 6px}.saddle-activity__time{color:var(--s-fg-subtle);flex:0 0 auto;font-size:11.5px;font-variant-numeric:tabular-nums;margin-top:2px}.saddle-activity__more{display:flex;justify-content:center;margin-top:4px}.saddle-rows{margin:12px 0}.saddle-rows__body{margin:8px 0 12px;max-height:320px;overflow:auto}.saddle-toggle-row{align-items:flex-start;display:flex;gap:10px}.saddle-toggle-row span{color:var(--s-fg);font-size:13px}.saddle-notice__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.saddle-unsplash__hint{color:var(--s-fg-muted);font-size:12px;margin:8px 0 12px}.saddle-unsplash__actions,.saddle-unsplash__configured{align-items:center;display:flex;gap:8px}.saddle-unsplash__configured{flex-wrap:wrap;justify-content:space-between}.saddle-unsplash__configured span{color:var(--s-fg);font-size:13px}.saddle-integrations__hint{color:var(--s-fg-muted);font-size:12px;margin:12px 0 0}.saddle-settings__links{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.saddle-mcp-diag__health{font-size:13px;margin:0 0 8px}.saddle-mcp-diag__degraded{color:var(--s-danger-text);font-size:13px;margin:0 0 12px}.saddle-mcp-diag__actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.saddle-mcp-diag__empty,.saddle-mcp-diag__hint{color:var(--s-fg-subtle);font-size:13px;margin:0 0 12px}.saddle-mcp-diag__table{border-collapse:collapse;font-size:13px;width:100%}.saddle-mcp-diag__table td,.saddle-mcp-diag__table th{border-bottom:1px solid var(--s-border);padding:6px 8px;text-align:left;vertical-align:middle}.saddle-mcp-diag__table th{font-weight:600}.saddle-mcp-diag__table td:first-child,.saddle-mcp-diag__table th{color:var(--s-fg-subtle);white-space:nowrap} diff --git a/admin/src/style.scss b/admin/src/style.scss index bd24d92..0bee4f5 100644 --- a/admin/src/style.scss +++ b/admin/src/style.scss @@ -2,10 +2,10 @@ * Saddle admin styles — calm, modern, person-first. * * Powered by the PlugPress design system (@plugpress/ui). Saddle overrides the - * shared --pp-* tokens below to carry its own brand (Saddle Violet), and every + * shared --pp-* tokens below to carry its own brand, and every * --s-* token then aliases one of those. Light-only (the design system dropped * dark mode in v0.2.0). See DESIGN-ALIGNMENT.md for the palette and the rules - * that govern where violet is allowed to land. + * that govern where the accent is allowed to land. */ // --------------------------------------------------------------------------- @@ -52,25 +52,35 @@ body.pp-scope, // Accent. --pp-accent paints surfaces and needs 3:1; --pp-accent-text // paints links and labels and needs 4.5:1 measured against the TINT, not - // just white. Deep Violet clears 7.60 on Lavender Mist. - --pp-accent: #6d3bf5; // Saddle Violet - --pp-accent-hover: #5121c7; // Deep Violet - --pp-accent-text: #5121c7; - --pp-accent-tint: #f1ecff; // Lavender Mist - --pp-accent-muted: rgba( 109, 59, 245, 0.12 ); + // just white. + // + // The brand colour is 3.31:1 on white: comfortably enough to be SEEN, not + // enough to be READ. So it is the fill everywhere a fill belongs — dots, + // the focus ring, the active nav row, bar fills — and the darker step of + // the same hue carries every label. The violet this replaced cleared both + // at 5.84, which made the two tokens nearly interchangeable and hid how + // load-bearing the split is; here it is doing real work. + --pp-accent: #da5cc7; // the brand colour, exactly as given + --pp-accent-hover: #a82595; + --pp-accent-text: #bd2ba7; // 4.99 on the page, 4.80 on the tint + --pp-accent-tint: #fdf4fc; + --pp-accent-muted: rgba( 218, 92, 199, 0.12 ); --pp-on-accent: #ffffff; // Primary buttons. The DS guide reserves these for near-black and says the // accent is for links and nav only; Saddle deviates deliberately (Fahim, - // 2026-08-25 — see DESIGN-ALIGNMENT.md). White on violet is 5.84:1. - --pp-action: #6d3bf5; - --pp-action-hover: #5121c7; + // 2026-08-25 — see DESIGN-ALIGNMENT.md). They take the readable step, not + // the brand colour itself: white on #da5cc7 is 3.31:1, which is a button + // label people cannot read. White on this is 5.16. + --pp-action: #bd2ba7; + --pp-action-hover: #a82595; --pp-on-action: #ffffff; // --pp-focus is NOT part of the accent contract: it is a separate literal // in ui.css that no accent file touches, which is why Saddle shipped a - // monochrome accent with a WordPress-blue focus ring until now. - --pp-focus: #6d3bf5; + // monochrome accent with a WordPress-blue focus ring until #153. A ring is + // a mark, so it takes the brand colour. + --pp-focus: #da5cc7; // Status. These paint MARKS — status dots, rings, small fills — so each has // to clear 3:1 on a white card to be seen at all. The brand palette's lime @@ -127,8 +137,9 @@ body.pp-scope, } // Code panels read --pp-code-bg from --pp-action, but hard-code their border, -// muted and body colors — so a violet action token would leave 35 CodeBlock / -// Snippet instances violet-backed with muted text at 2.26:1. Pin the ground +// muted and body colors — so an accent-coloured action token would leave 35 +// CodeBlock / Snippet instances on that ground with muted text far below AA. +// Pin the ground // back to near-black: code blocks look exactly as they did, and stop being // coupled to the button color. Upstream fix belongs in plugpress-ui. .pp-code--dark { diff --git a/languages/saddle.pot b/languages/saddle.pot index ba4f915..92ab28a 100644 --- a/languages/saddle.pot +++ b/languages/saddle.pot @@ -9,7 +9,7 @@ msgstr "" "MIME-Version: 1.0\n" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" -"POT-Creation-Date: 2026-08-25T07:55:24+00:00\n" +"POT-Creation-Date: 2026-08-25T11:16:42+00:00\n" "PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n" "X-Generator: WP-CLI 2.12.0\n" "X-Domain: saddle\n" diff --git a/readme.txt b/readme.txt index 61338d7..03e34c2 100644 --- a/readme.txt +++ b/readme.txt @@ -143,7 +143,7 @@ If you happen to have the separate MCP Adapter plugin active, Saddle notices and = 1.0.0 = * Initial public release. -* Saddle's screens have a look of their own now — a violet accent on a warm, near-white background, squarer corners and flatter surfaces. About 85% of it is still black, white and grey; the colour is saved for the few things worth pointing at. +* Saddle's screens have a look of their own now — a pink accent on a warm, near-white background, squarer corners and flatter surfaces. About 85% of it is still black, white and grey; the colour is saved for the few things worth pointing at. * The sidebar is one plain list instead of three labelled sections, and two items say what they do rather than what they are called: Guidance is now Instructions, and Connections is now Apps. Your bookmarks and links still work. * The Dashboard opens with a sentence telling you what your AI can do right now, instead of four boxes of numbers. The counts moved to one quiet line underneath, and the box that used to show a dash when there was nothing to report is gone. * Removed the Cookbook screen.