diff --git a/integrations/bricks/admin-app/src/components/BundleTab.svelte b/integrations/bricks/admin-app/src/components/BundleTab.svelte
index 3e982b72..571ac486 100644
--- a/integrations/bricks/admin-app/src/components/BundleTab.svelte
+++ b/integrations/bricks/admin-app/src/components/BundleTab.svelte
@@ -1,11 +1,8 @@
 <script>
-  /**
-   * Bundle / Settings tab. Shows bundle info and the html_font_size
-   * plugin setting with its own save button (independent of token saves).
-   */
   import { meta } from '../lib/stores.svelte.js';
   import { saveSettings } from '../lib/api.js';
 
+  let bundle = $state(meta.pluginSettings?.css_bundle ?? 'optimal');
   let fontSize = $state(meta.pluginSettings?.html_font_size ?? '');
   let saving = $state(false);
   let saved = $state(false);
@@ -17,7 +14,7 @@
     saved = false;
     error = '';
     try {
-      await saveSettings({ html_font_size: fontSize });
+      await saveSettings({ css_bundle: bundle, html_font_size: fontSize });
       saved = true;
       if (savedTimer) clearTimeout(savedTimer);
       savedTimer = setTimeout(() => { saved = false; savedTimer = null; }, 3000);
@@ -45,6 +42,18 @@
 
   <h2 class="settings-heading">Plugin Settings</h2>
 
+  <div class="setting-row">
+    <label for="css-bundle">CSS Bundle</label>
+    <select id="css-bundle" bind:value={bundle}>
+      <option value="essential">Essential — base variables only</option>
+      <option value="optimal">Optimal — variables + core utilities (default)</option>
+      <option value="full">Full — all utilities included</option>
+    </select>
+    <p class="description">
+      Choose which SLASHED CSS bundle to load on the frontend and in the Bricks editor canvas.
+    </p>
+  </div>
+
   <div class="setting-row">
     <label for="html-font-size">HTML Font Size</label>
     <select id="html-font-size" bind:value={fontSize}>
@@ -91,7 +100,7 @@
   .info dd { margin: 0; color: #50575e; }
 
   .setting-row {
-    margin-bottom: 16px;
+    margin-bottom: 20px;
   }
   .setting-row label {
     display: block;
diff --git a/integrations/bricks/assets/admin-app/app.css b/integrations/bricks/assets/admin-app/app.css
index f9c84818..155da1d3 100644
--- a/integrations/bricks/assets/admin-app/app.css
+++ b/integrations/bricks/assets/admin-app/app.css
@@ -1 +1 @@
-.tab-nav.svelte-yyiz68{display:flex;gap:2px;border-bottom:1px solid #c3c4c7;flex-wrap:wrap}.tab-nav__btn.svelte-yyiz68{background:transparent;border:1px solid transparent;border-bottom:none;padding:8px 14px;cursor:pointer;font-size:14px;color:#2c3338;border-radius:4px 4px 0 0}.tab-nav__btn.svelte-yyiz68:hover{background:#f0f0f1}.tab-nav__btn.active.svelte-yyiz68{background:#fff;border-color:#c3c4c7;margin-bottom:-1px;color:#1d2327;font-weight:500}.row.svelte-1es83p3{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f1}.row.svelte-1es83p3:last-child{border-bottom:none}.row__label.svelte-1es83p3 label:where(.svelte-1es83p3){font-weight:500;display:block;color:#1d2327}.row__var.svelte-1es83p3{display:inline-block;margin-top:4px;background:#f6f7f7;padding:1px 6px;border-radius:3px;font-size:11px;color:#50575e}.row__inputs.svelte-1es83p3{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row__swatch.svelte-1es83p3{width:28px;height:28px;border-radius:4px;border:1px solid #c3c4c7;flex-shrink:0}.row__hex.svelte-1es83p3{width:44px;height:28px;padding:0;border:1px solid #8c8f94;border-radius:3px;cursor:pointer;background:#fff}.row__hex-text.svelte-1es83p3{width:110px}.row__raw.svelte-1es83p3{flex:1;min-width:240px;font-family:ui-monospace,monospace}.row__toggle.svelte-1es83p3{background:transparent;border:none;color:#2271b1;cursor:pointer;padding:4px 8px;font-size:12px;text-decoration:underline}.row__toggle.svelte-1es83p3:hover{color:#135e96}h2.svelte-1vle0rm{margin-top:0}.status-heading.svelte-1vle0rm,.dark-heading.svelte-1vle0rm{margin-top:24px}.hint.svelte-1vle0rm{color:#50575e;margin-bottom:16px;max-width:720px}.rows.svelte-1vle0rm{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}.rows--dark.svelte-1vle0rm{background:#f8f8fc;border-color:#e2e4e9}.row.svelte-miyob8{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f1}.row.svelte-miyob8:last-child{border-bottom:none}.row__label.svelte-miyob8 label:where(.svelte-miyob8),.row__label-text.svelte-miyob8{font-weight:500;display:block;color:#1d2327}.row__var.svelte-miyob8{display:inline-block;margin-top:4px;background:#f6f7f7;padding:1px 6px;border-radius:3px;font-size:11px;color:#50575e}.row__inputs.svelte-miyob8{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row__desc.svelte-miyob8{flex-basis:100%;margin:4px 0 0;color:#50575e;font-size:12px}.range.svelte-cifrt1{flex:1;min-width:160px;max-width:320px;accent-color:#2271b1}.number.svelte-cifrt1{width:90px}.unit.svelte-cifrt1{color:#50575e;font-size:12px}.select.svelte-r7dp44{min-width:160px}h2.svelte-jpmt71{margin-top:0}.group-heading.svelte-jpmt71{margin-top:24px}.hint.svelte-jpmt71{color:#50575e;margin-bottom:16px;max-width:720px}.rows.svelte-jpmt71{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}.text.mono.svelte-j8yw6l{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.unit.svelte-1pjh3bn{color:#50575e;font-size:12px}h2.svelte-743nsg{margin-top:0}.group-heading.svelte-743nsg{margin-top:24px}.hint.svelte-743nsg{color:#50575e;margin-bottom:16px;max-width:720px}.hint.svelte-743nsg code:where(.svelte-743nsg){background:#f0f0f1;padding:1px 5px;border-radius:3px;font-size:90%}.rows.svelte-743nsg{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}.size-row.svelte-743nsg{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f1}.size-row.svelte-743nsg:last-child{border-bottom:none}.size-row__name.svelte-743nsg{font-weight:500;color:#1d2327;display:block}.size-row__var.svelte-743nsg{display:inline-block;margin-top:4px;background:#f6f7f7;padding:1px 6px;border-radius:3px;font-size:11px;color:#50575e}.size-row__inputs.svelte-743nsg{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.size-row__inputs.svelte-743nsg .row{display:flex!important;grid-template-columns:none;gap:6px;padding:0;border:none;align-items:center}.size-row__inputs.svelte-743nsg .row__label-text,.size-row__inputs.svelte-743nsg .row__label label{font-weight:400;color:#50575e;font-size:12px}h2.svelte-1sn1epc{margin-top:0}.rows.svelte-1sn1epc{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}h2.svelte-1e7fmit{margin-top:0}.rows.svelte-1e7fmit{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}h2.svelte-eu0284{margin-top:0}.rows.svelte-eu0284{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}h2.svelte-12kdjwx{margin-top:0}.group-heading.svelte-12kdjwx{margin-top:24px}.hint.svelte-12kdjwx{color:#50575e;margin-bottom:16px;max-width:720px}.rows.svelte-12kdjwx{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}h2.svelte-h8mxbh{margin-top:0}.hint.svelte-h8mxbh{color:#50575e;margin-bottom:16px;max-width:720px}.rows.svelte-h8mxbh{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}h2.svelte-1nfz83c{margin-top:0}.hint.svelte-1nfz83c{color:#50575e;margin-bottom:16px;max-width:720px}.hint.svelte-1nfz83c code:where(.svelte-1nfz83c){background:#f0f0f1;padding:1px 6px;border-radius:3px;font-size:90%}.category.svelte-1nfz83c{border:1px solid #f0f0f1;border-radius:4px;margin-bottom:4px;background:#fcfcfd}.category__toggle.svelte-1nfz83c{all:unset;display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;cursor:pointer;font-size:14px;font-weight:500}.category__toggle.svelte-1nfz83c:hover{background:#f6f7f7}.category__toggle.svelte-1nfz83c:focus-visible{outline:2px solid #2271b1;outline-offset:2px;border-radius:4px}.category__arrow.svelte-1nfz83c{font-size:10px;width:14px;text-align:center}.category__count.svelte-1nfz83c{color:#787c82;font-weight:400;font-size:13px}.category__list.svelte-1nfz83c{list-style:none;margin:0;padding:0 12px 12px 34px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px}.category__list.svelte-1nfz83c li:where(.svelte-1nfz83c) code:where(.svelte-1nfz83c){font-size:12px;background:#f0f0f1;padding:2px 6px;border-radius:3px;word-break:break-all}h2.svelte-1yljizh{margin-top:0}.hint.svelte-1yljizh{color:#50575e;margin-bottom:16px;max-width:720px}.category.svelte-1yljizh{border:1px solid #f0f0f1;border-radius:4px;margin-bottom:4px;background:#fcfcfd}.category__toggle.svelte-1yljizh{all:unset;display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;cursor:pointer;font-size:14px;font-weight:500}.category__toggle.svelte-1yljizh:hover{background:#f6f7f7}.category__toggle.svelte-1yljizh:focus-visible{outline:2px solid #2271b1;outline-offset:2px;border-radius:4px}.category__arrow.svelte-1yljizh{font-size:10px;width:14px;text-align:center}.category__count.svelte-1yljizh{color:#787c82;font-weight:400;font-size:13px}.category__list.svelte-1yljizh{list-style:none;margin:0;padding:0 12px 12px 34px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px}.category__list.svelte-1yljizh li:where(.svelte-1yljizh) code:where(.svelte-1yljizh){font-size:12px;background:#f0f0f1;padding:2px 6px;border-radius:3px}h2.svelte-13231hj{margin-top:0}.settings-heading.svelte-13231hj{margin-top:24px}.hint.svelte-13231hj{color:#50575e;margin-bottom:16px;max-width:720px}.info.svelte-13231hj{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin-bottom:24px;font-size:14px}.info.svelte-13231hj dt:where(.svelte-13231hj){font-weight:500}.info.svelte-13231hj dd:where(.svelte-13231hj){margin:0;color:#50575e}.setting-row.svelte-13231hj{margin-bottom:16px}.setting-row.svelte-13231hj label:where(.svelte-13231hj){display:block;font-weight:500;margin-bottom:6px}.setting-row.svelte-13231hj select:where(.svelte-13231hj){padding:6px 10px;border:1px solid #8c8f94;border-radius:4px;font-size:14px}.description.svelte-13231hj{color:#50575e;font-size:13px;margin-top:6px}.save-row.svelte-13231hj{display:flex;align-items:center;gap:12px;margin-top:16px}.save-btn.svelte-13231hj{background:#2271b1;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.save-btn.svelte-13231hj:hover{background:#135e96}.save-btn.svelte-13231hj:disabled{opacity:.6;cursor:not-allowed}.status.svelte-13231hj{font-size:13px;font-weight:500}.status--ok.svelte-13231hj{color:#00a32a}.status--err.svelte-13231hj{color:#d63638}h2.svelte-a36hjt{margin-top:0}.hint.svelte-a36hjt{color:#50575e;margin-bottom:20px;max-width:720px}.hook.svelte-a36hjt{border:1px solid #f0f0f1;border-radius:4px;padding:16px;margin-bottom:12px;background:#fcfcfd}.hook__name.svelte-a36hjt{margin:0 0 8px;font-size:14px}.hook__name.svelte-a36hjt code:where(.svelte-a36hjt){background:#e7e8ea;padding:3px 8px;border-radius:3px;font-size:13px}.hook__desc.svelte-a36hjt{margin:0 0 8px;color:#1d2327;font-size:14px}.hook__params.svelte-a36hjt{margin:0 0 12px;font-size:13px;color:#50575e}.hook__params.svelte-a36hjt code:where(.svelte-a36hjt){background:#f0f0f1;padding:1px 4px;border-radius:2px;font-size:12px}.hook__example.svelte-a36hjt{margin:0;padding:12px;background:#1d2327;color:#e4e6e8;border-radius:4px;overflow-x:auto;font-size:12px;line-height:1.5}.hook__example.svelte-a36hjt code:where(.svelte-a36hjt){background:none;padding:0;color:inherit}.cheatsheet.svelte-osej3t{display:flex;flex-direction:column;gap:16px}.cheatsheet__header.svelte-osej3t h2:where(.svelte-osej3t){margin:0 0 4px;font-size:18px}.cheatsheet__counts.svelte-osej3t{margin:0;font-size:13px;color:#50575e}.cheatsheet__controls.svelte-osej3t{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cheatsheet__search.svelte-osej3t{flex:1;min-width:200px;padding:6px 10px;border:1px solid #c3c4c7;border-radius:4px;font-size:13px}.cheatsheet__search.svelte-osej3t:focus{border-color:#2271b1;outline:none;box-shadow:0 0 0 1px #2271b1}.cheatsheet__view-toggle.svelte-osej3t{display:flex;gap:0}.cheatsheet__view-toggle.svelte-osej3t button:where(.svelte-osej3t){padding:5px 12px;border:1px solid #c3c4c7;background:#fff;font-size:12px;cursor:pointer;color:#50575e}.cheatsheet__view-toggle.svelte-osej3t button:where(.svelte-osej3t):first-child{border-radius:3px 0 0 3px}.cheatsheet__view-toggle.svelte-osej3t button:where(.svelte-osej3t):last-child{border-radius:0 3px 3px 0}.cheatsheet__view-toggle.svelte-osej3t button:where(.svelte-osej3t):not(:first-child){border-left:none}.cheatsheet__view-toggle.svelte-osej3t button.active:where(.svelte-osej3t){background:#2271b1;border-color:#2271b1;color:#fff}.cheatsheet__section.svelte-osej3t{display:flex;flex-direction:column;gap:8px}.cheatsheet__section-title.svelte-osej3t{font-size:15px;margin:8px 0 0;padding-bottom:6px;border-bottom:1px solid #e2e4e7}.cheatsheet__group.svelte-osej3t{border:1px solid #e2e4e7;border-radius:4px;overflow:hidden}.cheatsheet__group-header.svelte-osej3t{padding:8px 12px;background:#f6f7f7;cursor:pointer;font-size:13px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.cheatsheet__group-header.svelte-osej3t::-webkit-details-marker{margin-right:4px}.cheatsheet__group-desc.svelte-osej3t{font-size:12px;color:#646970;font-weight:400}.cheatsheet__list.svelte-osej3t{list-style:none;margin:0;padding:0}.cheatsheet__item.svelte-osej3t{display:flex;align-items:baseline;gap:12px;padding:5px 12px;border-top:1px solid #f0f0f1;font-size:12px;line-height:1.5}.cheatsheet__item.svelte-osej3t:first-child{border-top:1px solid #e2e4e7}.cheatsheet__name.svelte-osej3t{flex-shrink:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:11.5px;background:#f0f0f1;padding:1px 5px;border-radius:3px;color:#1e1e1e;white-space:nowrap}.cheatsheet__desc.svelte-osej3t{color:#50575e;font-size:12px}.cheatsheet__empty.svelte-osej3t{text-align:center;color:#646970;padding:32px 16px;font-style:italic}.slashed-preview.svelte-g79qke{background:#fff;border:1px solid #c3c4c7;border-radius:4px;padding:20px;margin-top:8px}.slashed-preview.svelte-g79qke h3:where(.svelte-g79qke){margin-top:0}.slashed-preview__type-heading.svelte-g79qke{font-family:var(--sf-font-heading, system-ui, sans-serif);margin:8px 0 6px;font-size:22px;color:#1d2327}.slashed-preview__type-body.svelte-g79qke{font-family:var(--sf-font-body, system-ui, sans-serif);color:#2c3338;margin:0 0 16px;max-width:640px}.slashed-preview__swatches.svelte-g79qke{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.slashed-preview__swatch.svelte-g79qke{width:56px;height:56px;border-radius:6px;border:1px solid #c3c4c7;display:flex;align-items:flex-end;justify-content:center;font-size:10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);padding:4px}.slashed-preview__buttons.svelte-g79qke{display:flex;gap:8px;margin-top:14px}.slashed-preview__btn.svelte-g79qke{color:#fff;padding:8px 16px;border-radius:4px;font-weight:500;border:none;cursor:default}.slashed-preview__caption.svelte-g79qke{margin-top:16px;color:#50575e;font-size:12px}.slashed-preview__caption.svelte-g79qke code:where(.svelte-g79qke){display:block;background:#f6f7f7;padding:8px;border-radius:3px;margin-top:4px;white-space:pre-wrap;font-size:11px;max-height:120px;overflow:auto}.bar.svelte-1oj49qa{position:fixed;bottom:0;left:160px;right:0;background:#fff;border-top:2px solid #c3c4c7;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:100;transition:border-color .15s}.bar.dirty.svelte-1oj49qa{border-top-color:#2271b1}.bar__status.svelte-1oj49qa{font-size:13px}.bar__dirty.svelte-1oj49qa{color:#2271b1;font-weight:500}.bar__pending.svelte-1oj49qa{color:#50575e}.bar__saved.svelte-1oj49qa{color:#00a32a;font-weight:500}.bar__clean.svelte-1oj49qa{color:#50575e}.bar__error.svelte-1oj49qa{color:#d63638;font-weight:500}.bar__actions.svelte-1oj49qa{display:flex;gap:8px}.bar__save.svelte-1oj49qa,.bar__reset.svelte-1oj49qa{padding:6px 14px;border-radius:3px;border:1px solid #2271b1;background:#fff;color:#2271b1;cursor:pointer;font-size:13px}.bar__save.svelte-1oj49qa{background:#2271b1;color:#fff}.bar__save.svelte-1oj49qa:disabled,.bar__reset.svelte-1oj49qa:disabled{opacity:.5;cursor:not-allowed}.bar__reset.svelte-1oj49qa{border-color:#d63638;color:#d63638}.bar__export.svelte-1oj49qa{padding:6px 14px;border-radius:3px;border:1px solid #2271b1;background:#fff;color:#2271b1;cursor:pointer;font-size:13px}.bar__export.svelte-1oj49qa:disabled{opacity:.5;cursor:not-allowed}@media(max-width:782px){.bar.svelte-1oj49qa{left:0}}.slashed-svelte-admin.svelte-1n46o8q{--gap: 16px;display:flex;flex-direction:column;gap:var(--gap);max-width:1100px;padding-bottom:80px}.slashed-svelte-admin__header.svelte-1n46o8q h1:where(.svelte-1n46o8q){margin:0}.muted.svelte-1n46o8q{color:#50575e;margin:4px 0 0}.slashed-svelte-admin__body.svelte-1n46o8q{background:#fff;border:1px solid #c3c4c7;border-radius:4px;padding:20px}
+.tab-nav.svelte-yyiz68{display:flex;gap:2px;border-bottom:1px solid #c3c4c7;flex-wrap:wrap}.tab-nav__btn.svelte-yyiz68{background:transparent;border:1px solid transparent;border-bottom:none;padding:8px 14px;cursor:pointer;font-size:14px;color:#2c3338;border-radius:4px 4px 0 0}.tab-nav__btn.svelte-yyiz68:hover{background:#f0f0f1}.tab-nav__btn.active.svelte-yyiz68{background:#fff;border-color:#c3c4c7;margin-bottom:-1px;color:#1d2327;font-weight:500}.row.svelte-1es83p3{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f1}.row.svelte-1es83p3:last-child{border-bottom:none}.row__label.svelte-1es83p3 label:where(.svelte-1es83p3){font-weight:500;display:block;color:#1d2327}.row__var.svelte-1es83p3{display:inline-block;margin-top:4px;background:#f6f7f7;padding:1px 6px;border-radius:3px;font-size:11px;color:#50575e}.row__inputs.svelte-1es83p3{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row__swatch.svelte-1es83p3{width:28px;height:28px;border-radius:4px;border:1px solid #c3c4c7;flex-shrink:0}.row__hex.svelte-1es83p3{width:44px;height:28px;padding:0;border:1px solid #8c8f94;border-radius:3px;cursor:pointer;background:#fff}.row__hex-text.svelte-1es83p3{width:110px}.row__raw.svelte-1es83p3{flex:1;min-width:240px;font-family:ui-monospace,monospace}.row__toggle.svelte-1es83p3{background:transparent;border:none;color:#2271b1;cursor:pointer;padding:4px 8px;font-size:12px;text-decoration:underline}.row__toggle.svelte-1es83p3:hover{color:#135e96}h2.svelte-1vle0rm{margin-top:0}.status-heading.svelte-1vle0rm,.dark-heading.svelte-1vle0rm{margin-top:24px}.hint.svelte-1vle0rm{color:#50575e;margin-bottom:16px;max-width:720px}.rows.svelte-1vle0rm{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}.rows--dark.svelte-1vle0rm{background:#f8f8fc;border-color:#e2e4e9}.row.svelte-miyob8{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f1}.row.svelte-miyob8:last-child{border-bottom:none}.row__label.svelte-miyob8 label:where(.svelte-miyob8),.row__label-text.svelte-miyob8{font-weight:500;display:block;color:#1d2327}.row__var.svelte-miyob8{display:inline-block;margin-top:4px;background:#f6f7f7;padding:1px 6px;border-radius:3px;font-size:11px;color:#50575e}.row__inputs.svelte-miyob8{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row__desc.svelte-miyob8{flex-basis:100%;margin:4px 0 0;color:#50575e;font-size:12px}.range.svelte-cifrt1{flex:1;min-width:160px;max-width:320px;accent-color:#2271b1}.number.svelte-cifrt1{width:90px}.unit.svelte-cifrt1{color:#50575e;font-size:12px}.select.svelte-r7dp44{min-width:160px}h2.svelte-jpmt71{margin-top:0}.group-heading.svelte-jpmt71{margin-top:24px}.hint.svelte-jpmt71{color:#50575e;margin-bottom:16px;max-width:720px}.rows.svelte-jpmt71{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}.text.mono.svelte-j8yw6l{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.unit.svelte-1pjh3bn{color:#50575e;font-size:12px}h2.svelte-743nsg{margin-top:0}.group-heading.svelte-743nsg{margin-top:24px}.hint.svelte-743nsg{color:#50575e;margin-bottom:16px;max-width:720px}.hint.svelte-743nsg code:where(.svelte-743nsg){background:#f0f0f1;padding:1px 5px;border-radius:3px;font-size:90%}.rows.svelte-743nsg{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}.size-row.svelte-743nsg{display:grid;grid-template-columns:220px 1fr;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f1}.size-row.svelte-743nsg:last-child{border-bottom:none}.size-row__name.svelte-743nsg{font-weight:500;color:#1d2327;display:block}.size-row__var.svelte-743nsg{display:inline-block;margin-top:4px;background:#f6f7f7;padding:1px 6px;border-radius:3px;font-size:11px;color:#50575e}.size-row__inputs.svelte-743nsg{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.size-row__inputs.svelte-743nsg .row{display:flex!important;grid-template-columns:none;gap:6px;padding:0;border:none;align-items:center}.size-row__inputs.svelte-743nsg .row__label-text,.size-row__inputs.svelte-743nsg .row__label label{font-weight:400;color:#50575e;font-size:12px}h2.svelte-1sn1epc{margin-top:0}.rows.svelte-1sn1epc{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}h2.svelte-1e7fmit{margin-top:0}.rows.svelte-1e7fmit{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}h2.svelte-eu0284{margin-top:0}.rows.svelte-eu0284{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}h2.svelte-12kdjwx{margin-top:0}.group-heading.svelte-12kdjwx{margin-top:24px}.hint.svelte-12kdjwx{color:#50575e;margin-bottom:16px;max-width:720px}.rows.svelte-12kdjwx{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}h2.svelte-h8mxbh{margin-top:0}.hint.svelte-h8mxbh{color:#50575e;margin-bottom:16px;max-width:720px}.rows.svelte-h8mxbh{border:1px solid #f0f0f1;border-radius:4px;padding:0 12px;background:#fcfcfd}h2.svelte-1nfz83c{margin-top:0}.hint.svelte-1nfz83c{color:#50575e;margin-bottom:16px;max-width:720px}.hint.svelte-1nfz83c code:where(.svelte-1nfz83c){background:#f0f0f1;padding:1px 6px;border-radius:3px;font-size:90%}.category.svelte-1nfz83c{border:1px solid #f0f0f1;border-radius:4px;margin-bottom:4px;background:#fcfcfd}.category__toggle.svelte-1nfz83c{all:unset;display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;cursor:pointer;font-size:14px;font-weight:500}.category__toggle.svelte-1nfz83c:hover{background:#f6f7f7}.category__toggle.svelte-1nfz83c:focus-visible{outline:2px solid #2271b1;outline-offset:2px;border-radius:4px}.category__arrow.svelte-1nfz83c{font-size:10px;width:14px;text-align:center}.category__count.svelte-1nfz83c{color:#787c82;font-weight:400;font-size:13px}.category__list.svelte-1nfz83c{list-style:none;margin:0;padding:0 12px 12px 34px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px}.category__list.svelte-1nfz83c li:where(.svelte-1nfz83c) code:where(.svelte-1nfz83c){font-size:12px;background:#f0f0f1;padding:2px 6px;border-radius:3px;word-break:break-all}h2.svelte-1yljizh{margin-top:0}.hint.svelte-1yljizh{color:#50575e;margin-bottom:16px;max-width:720px}.category.svelte-1yljizh{border:1px solid #f0f0f1;border-radius:4px;margin-bottom:4px;background:#fcfcfd}.category__toggle.svelte-1yljizh{all:unset;display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;cursor:pointer;font-size:14px;font-weight:500}.category__toggle.svelte-1yljizh:hover{background:#f6f7f7}.category__toggle.svelte-1yljizh:focus-visible{outline:2px solid #2271b1;outline-offset:2px;border-radius:4px}.category__arrow.svelte-1yljizh{font-size:10px;width:14px;text-align:center}.category__count.svelte-1yljizh{color:#787c82;font-weight:400;font-size:13px}.category__list.svelte-1yljizh{list-style:none;margin:0;padding:0 12px 12px 34px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px}.category__list.svelte-1yljizh li:where(.svelte-1yljizh) code:where(.svelte-1yljizh){font-size:12px;background:#f0f0f1;padding:2px 6px;border-radius:3px}h2.svelte-13231hj{margin-top:0}.settings-heading.svelte-13231hj{margin-top:24px}.hint.svelte-13231hj{color:#50575e;margin-bottom:16px;max-width:720px}.info.svelte-13231hj{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin-bottom:24px;font-size:14px}.info.svelte-13231hj dt:where(.svelte-13231hj){font-weight:500}.info.svelte-13231hj dd:where(.svelte-13231hj){margin:0;color:#50575e}.setting-row.svelte-13231hj{margin-bottom:20px}.setting-row.svelte-13231hj label:where(.svelte-13231hj){display:block;font-weight:500;margin-bottom:6px}.setting-row.svelte-13231hj select:where(.svelte-13231hj){padding:6px 10px;border:1px solid #8c8f94;border-radius:4px;font-size:14px}.description.svelte-13231hj{color:#50575e;font-size:13px;margin-top:6px}.save-row.svelte-13231hj{display:flex;align-items:center;gap:12px;margin-top:16px}.save-btn.svelte-13231hj{background:#2271b1;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.save-btn.svelte-13231hj:hover{background:#135e96}.save-btn.svelte-13231hj:disabled{opacity:.6;cursor:not-allowed}.status.svelte-13231hj{font-size:13px;font-weight:500}.status--ok.svelte-13231hj{color:#00a32a}.status--err.svelte-13231hj{color:#d63638}h2.svelte-a36hjt{margin-top:0}.hint.svelte-a36hjt{color:#50575e;margin-bottom:20px;max-width:720px}.hook.svelte-a36hjt{border:1px solid #f0f0f1;border-radius:4px;padding:16px;margin-bottom:12px;background:#fcfcfd}.hook__name.svelte-a36hjt{margin:0 0 8px;font-size:14px}.hook__name.svelte-a36hjt code:where(.svelte-a36hjt){background:#e7e8ea;padding:3px 8px;border-radius:3px;font-size:13px}.hook__desc.svelte-a36hjt{margin:0 0 8px;color:#1d2327;font-size:14px}.hook__params.svelte-a36hjt{margin:0 0 12px;font-size:13px;color:#50575e}.hook__params.svelte-a36hjt code:where(.svelte-a36hjt){background:#f0f0f1;padding:1px 4px;border-radius:2px;font-size:12px}.hook__example.svelte-a36hjt{margin:0;padding:12px;background:#1d2327;color:#e4e6e8;border-radius:4px;overflow-x:auto;font-size:12px;line-height:1.5}.hook__example.svelte-a36hjt code:where(.svelte-a36hjt){background:none;padding:0;color:inherit}.cheatsheet.svelte-osej3t{display:flex;flex-direction:column;gap:16px}.cheatsheet__header.svelte-osej3t h2:where(.svelte-osej3t){margin:0 0 4px;font-size:18px}.cheatsheet__counts.svelte-osej3t{margin:0;font-size:13px;color:#50575e}.cheatsheet__controls.svelte-osej3t{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cheatsheet__search.svelte-osej3t{flex:1;min-width:200px;padding:6px 10px;border:1px solid #c3c4c7;border-radius:4px;font-size:13px}.cheatsheet__search.svelte-osej3t:focus{border-color:#2271b1;outline:none;box-shadow:0 0 0 1px #2271b1}.cheatsheet__view-toggle.svelte-osej3t{display:flex;gap:0}.cheatsheet__view-toggle.svelte-osej3t button:where(.svelte-osej3t){padding:5px 12px;border:1px solid #c3c4c7;background:#fff;font-size:12px;cursor:pointer;color:#50575e}.cheatsheet__view-toggle.svelte-osej3t button:where(.svelte-osej3t):first-child{border-radius:3px 0 0 3px}.cheatsheet__view-toggle.svelte-osej3t button:where(.svelte-osej3t):last-child{border-radius:0 3px 3px 0}.cheatsheet__view-toggle.svelte-osej3t button:where(.svelte-osej3t):not(:first-child){border-left:none}.cheatsheet__view-toggle.svelte-osej3t button.active:where(.svelte-osej3t){background:#2271b1;border-color:#2271b1;color:#fff}.cheatsheet__section.svelte-osej3t{display:flex;flex-direction:column;gap:8px}.cheatsheet__section-title.svelte-osej3t{font-size:15px;margin:8px 0 0;padding-bottom:6px;border-bottom:1px solid #e2e4e7}.cheatsheet__group.svelte-osej3t{border:1px solid #e2e4e7;border-radius:4px;overflow:hidden}.cheatsheet__group-header.svelte-osej3t{padding:8px 12px;background:#f6f7f7;cursor:pointer;font-size:13px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.cheatsheet__group-header.svelte-osej3t::-webkit-details-marker{margin-right:4px}.cheatsheet__group-desc.svelte-osej3t{font-size:12px;color:#646970;font-weight:400}.cheatsheet__list.svelte-osej3t{list-style:none;margin:0;padding:0}.cheatsheet__item.svelte-osej3t{display:flex;align-items:baseline;gap:12px;padding:5px 12px;border-top:1px solid #f0f0f1;font-size:12px;line-height:1.5}.cheatsheet__item.svelte-osej3t:first-child{border-top:1px solid #e2e4e7}.cheatsheet__name.svelte-osej3t{flex-shrink:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:11.5px;background:#f0f0f1;padding:1px 5px;border-radius:3px;color:#1e1e1e;white-space:nowrap}.cheatsheet__desc.svelte-osej3t{color:#50575e;font-size:12px}.cheatsheet__empty.svelte-osej3t{text-align:center;color:#646970;padding:32px 16px;font-style:italic}.slashed-preview.svelte-g79qke{background:#fff;border:1px solid #c3c4c7;border-radius:4px;padding:20px;margin-top:8px}.slashed-preview.svelte-g79qke h3:where(.svelte-g79qke){margin-top:0}.slashed-preview__type-heading.svelte-g79qke{font-family:var(--sf-font-heading, system-ui, sans-serif);margin:8px 0 6px;font-size:22px;color:#1d2327}.slashed-preview__type-body.svelte-g79qke{font-family:var(--sf-font-body, system-ui, sans-serif);color:#2c3338;margin:0 0 16px;max-width:640px}.slashed-preview__swatches.svelte-g79qke{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.slashed-preview__swatch.svelte-g79qke{width:56px;height:56px;border-radius:6px;border:1px solid #c3c4c7;display:flex;align-items:flex-end;justify-content:center;font-size:10px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);padding:4px}.slashed-preview__buttons.svelte-g79qke{display:flex;gap:8px;margin-top:14px}.slashed-preview__btn.svelte-g79qke{color:#fff;padding:8px 16px;border-radius:4px;font-weight:500;border:none;cursor:default}.slashed-preview__caption.svelte-g79qke{margin-top:16px;color:#50575e;font-size:12px}.slashed-preview__caption.svelte-g79qke code:where(.svelte-g79qke){display:block;background:#f6f7f7;padding:8px;border-radius:3px;margin-top:4px;white-space:pre-wrap;font-size:11px;max-height:120px;overflow:auto}.bar.svelte-1oj49qa{position:fixed;bottom:0;left:160px;right:0;background:#fff;border-top:2px solid #c3c4c7;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:100;transition:border-color .15s}.bar.dirty.svelte-1oj49qa{border-top-color:#2271b1}.bar__status.svelte-1oj49qa{font-size:13px}.bar__dirty.svelte-1oj49qa{color:#2271b1;font-weight:500}.bar__pending.svelte-1oj49qa{color:#50575e}.bar__saved.svelte-1oj49qa{color:#00a32a;font-weight:500}.bar__clean.svelte-1oj49qa{color:#50575e}.bar__error.svelte-1oj49qa{color:#d63638;font-weight:500}.bar__actions.svelte-1oj49qa{display:flex;gap:8px}.bar__save.svelte-1oj49qa,.bar__reset.svelte-1oj49qa{padding:6px 14px;border-radius:3px;border:1px solid #2271b1;background:#fff;color:#2271b1;cursor:pointer;font-size:13px}.bar__save.svelte-1oj49qa{background:#2271b1;color:#fff}.bar__save.svelte-1oj49qa:disabled,.bar__reset.svelte-1oj49qa:disabled{opacity:.5;cursor:not-allowed}.bar__reset.svelte-1oj49qa{border-color:#d63638;color:#d63638}.bar__export.svelte-1oj49qa{padding:6px 14px;border-radius:3px;border:1px solid #2271b1;background:#fff;color:#2271b1;cursor:pointer;font-size:13px}.bar__export.svelte-1oj49qa:disabled{opacity:.5;cursor:not-allowed}@media(max-width:782px){.bar.svelte-1oj49qa{left:0}}.slashed-svelte-admin.svelte-1n46o8q{--gap: 16px;display:flex;flex-direction:column;gap:var(--gap);max-width:1100px;padding-bottom:80px}.slashed-svelte-admin__header.svelte-1n46o8q h1:where(.svelte-1n46o8q){margin:0}.muted.svelte-1n46o8q{color:#50575e;margin:4px 0 0}.slashed-svelte-admin__body.svelte-1n46o8q{background:#fff;border:1px solid #c3c4c7;border-radius:4px;padding:20px}
diff --git a/integrations/bricks/assets/admin-app/app.js b/integrations/bricks/assets/admin-app/app.js
index 08c2003d..a794cc17 100644
--- a/integrations/bricks/assets/admin-app/app.js
+++ b/integrations/bricks/assets/admin-app/app.js
@@ -1,13 +1,13 @@
-var na=Object.defineProperty;var Fr=e=>{throw TypeError(e)};var aa=(e,t,s)=>t in e?na(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var _e=(e,t,s)=>aa(e,typeof t!="symbol"?t+"":t,s),ar=(e,t,s)=>t.has(e)||Fr("Cannot "+s);var p=(e,t,s)=>(ar(e,t,"read from private field"),s?s.call(e):t.get(e)),R=(e,t,s)=>t.has(e)?Fr("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),O=(e,t,s,r)=>(ar(e,t,"write to private field"),r?r.call(e,s):t.set(e,s),s),N=(e,t,s)=>(ar(e,t,"access private method"),s);var Tr=Array.isArray,ia=Array.prototype.indexOf,Tt=Array.prototype.includes,$s=Array.from,oa=Object.defineProperty,Ut=Object.getOwnPropertyDescriptor,la=Object.getOwnPropertyDescriptors,ca=Object.prototype,fa=Array.prototype,an=Object.getPrototypeOf,Br=Object.isExtensible;const on=()=>{};function da(e){for(var t=0;t<e.length;t++)e[t]()}function ln(){var e,t,s=new Promise((r,n)=>{e=r,t=n});return{promise:s,resolve:e,reject:t}}function et(e,t){if(Array.isArray(e))return e;if(t===void 0||!(Symbol.iterator in e))return Array.from(e);const s=[];for(const r of e)if(s.push(r),s.length===t)break;return s}const fe=2,ss=4,Qs=8,cn=1<<24,Pe=16,Fe=32,vt=64,ur=128,ze=512,ie=1024,ce=2048,Ye=4096,ue=8192,Ve=16384,It=32768,Kr=1<<25,Ot=65536,qs=1<<17,ua=1<<18,is=1<<19,va=1<<20,Ue=1<<25,Rt=65536,Hs=1<<21,Yt=1<<22,ut=1<<23,Wt=Symbol("$state"),ha=Symbol("legacy props"),pa=Symbol(""),Ms=Symbol("attributes"),vr=Symbol("class"),hr=Symbol("style"),ds=Symbol("text"),Is=Symbol("form reset"),er=new class extends Error{constructor(){super(...arguments);_e(this,"name","StaleReactionError");_e(this,"message","The reaction that called `getAbortSignal()` was re-run or destroyed")}},_a=!!globalThis.document?.contentType&&globalThis.document.contentType.includes("xml");function ga(){throw new Error("https://svelte.dev/e/async_derived_orphan")}function ma(e,t,s){throw new Error("https://svelte.dev/e/each_key_duplicate")}function ba(e){throw new Error("https://svelte.dev/e/effect_in_teardown")}function ya(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}function wa(e){throw new Error("https://svelte.dev/e/effect_orphan")}function ka(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function xa(e){throw new Error("https://svelte.dev/e/props_invalid_value")}function Sa(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function Ea(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function Ta(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}function ja(){throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}const Aa=1,Ca=2,fn=4,za=8,Va=16,Oa=1,Ra=4,La=8,Ma=16,Ia=1,Pa=2,ae=Symbol("uninitialized"),dn="http://www.w3.org/1999/xhtml";function Da(){console.warn("https://svelte.dev/e/derived_inert")}function Na(){console.warn("https://svelte.dev/e/select_multiple_invalid_value")}function Fa(){console.warn("https://svelte.dev/e/svelte_boundary_reset_noop")}function un(e){return e===this.v}function Ba(e,t){return e!=e?t==t:e!==t||e!==null&&typeof e=="object"||typeof e=="function"}function vn(e){return!Ba(e,this.v)}let Re=null;function rs(e){Re=e}function se(e,t=!1,s){Re={p:Re,i:!1,c:null,e:null,s:e,x:null,r:D,l:null}}function re(e){var t=Re,s=t.e;if(s!==null){t.e=null;for(var r of s)Pn(r)}return t.i=!0,Re=t.p,{}}function hn(){return!0}let _t=[];function pn(){var e=_t;_t=[],da(e)}function jt(e){if(_t.length===0&&!hs){var t=_t;queueMicrotask(()=>{t===_t&&pn()})}_t.push(e)}function Ka(){for(;_t.length>0;)pn()}function _n(e){var t=D;if(t===null)return P.f|=ut,e;if((t.f&It)===0&&(t.f&ss)===0)throw e;dt(e,t)}function dt(e,t){for(;t!==null;){if((t.f&ur)!==0){if((t.f&It)===0)throw e;try{t.b.error(e);return}catch(s){e=s}}t=t.parent}throw e}const qa=-7169;function $(e,t){e.f=e.f&qa|t}function jr(e){(e.f&ze)!==0||e.deps===null?$(e,ie):$(e,Ye)}function gn(e){if(e!==null)for(const t of e)(t.f&fe)===0||(t.f&Rt)===0||(t.f^=Rt,gn(t.deps))}function mn(e,t,s){(e.f&ce)!==0?t.add(e):(e.f&Ye)!==0&&s.add(e),gn(e.deps),$(e,ie)}let Vs=!1;function Ha(e){var t=Vs;try{return Vs=!1,[e(),Vs]}finally{Vs=t}}let ir=null,Bt=null,M=null,pr=null,De=null,_r=null,hs=!1,or=!1,Gt=null,Ps=null;var qr=0;let Ga=1;var Xt,lt,yt,Jt,$t,wt,Qt,Je,ys,we,ws,ct,qe,He,es,kt,q,gr,us,mr,bn,yn,Ds,Ua,br,Kt;const Zs=class Zs{constructor(){R(this,q);_e(this,"id",Ga++);R(this,Xt,!1);_e(this,"linked",!0);R(this,lt,null);R(this,yt,null);_e(this,"async_deriveds",new Map);_e(this,"current",new Map);_e(this,"previous",new Map);_e(this,"unblocked",new Set);R(this,Jt,new Set);R(this,$t,new Set);R(this,wt,new Set);R(this,Qt,0);R(this,Je,new Map);R(this,ys,null);R(this,we,[]);R(this,ws,[]);R(this,ct,new Set);R(this,qe,new Set);R(this,He,new Map);R(this,es,new Set);_e(this,"is_fork",!1);R(this,kt,!1)}skip_effect(t){p(this,He).has(t)||p(this,He).set(t,{d:[],m:[]}),p(this,es).delete(t)}unskip_effect(t,s=r=>this.schedule(r)){var r=p(this,He).get(t);if(r){p(this,He).delete(t);for(var n of r.d)$(n,ce),s(n);for(n of r.m)$(n,Ye),s(n)}p(this,es).add(t)}capture(t,s,r=!1){t.v!==ae&&!this.previous.has(t)&&this.previous.set(t,t.v),(t.f&ut)===0&&(this.current.set(t,[s,r]),De?.set(t,s)),this.is_fork||(t.v=s)}activate(){M=this}deactivate(){M=null,De=null}flush(){try{or=!0,M=this,N(this,q,us).call(this)}finally{qr=0,_r=null,Gt=null,Ps=null,or=!1,M=null,De=null,At.clear()}}discard(){for(const t of p(this,$t))t(this);p(this,$t).clear(),p(this,wt).clear(),N(this,q,Kt).call(this)}register_created_effect(t){p(this,ws).push(t)}increment(t,s){if(O(this,Qt,p(this,Qt)+1),t){let r=p(this,Je).get(s)??0;p(this,Je).set(s,r+1)}}decrement(t,s){if(O(this,Qt,p(this,Qt)-1),t){let r=p(this,Je).get(s)??0;r===1?p(this,Je).delete(s):p(this,Je).set(s,r-1)}p(this,kt)||(O(this,kt,!0),jt(()=>{O(this,kt,!1),this.linked&&this.flush()}))}transfer_effects(t,s){for(const r of t)p(this,ct).add(r);for(const r of s)p(this,qe).add(r);t.clear(),s.clear()}oncommit(t){p(this,Jt).add(t)}ondiscard(t){p(this,$t).add(t)}on_fork_commit(t){p(this,wt).add(t)}run_fork_commit_callbacks(){for(const t of p(this,wt))t(this);p(this,wt).clear()}settled(){return(p(this,ys)??O(this,ys,ln())).promise}static ensure(){var t;if(M===null){const s=M=new Zs;N(t=s,q,br).call(t),!or&&!hs&&jt(()=>{p(s,Xt)||s.flush()})}return M}apply(){{De=null;return}}schedule(t){if(_r=t,t.b?.is_pending&&(t.f&(ss|Qs|cn))!==0&&(t.f&It)===0){t.b.defer_effect(t);return}for(var s=t;s.parent!==null;){s=s.parent;var r=s.f;if(Gt!==null&&s===D&&(P===null||(P.f&fe)===0))return;if((r&(vt|Fe))!==0){if((r&ie)===0)return;s.f^=ie}}p(this,we).push(s)}};Xt=new WeakMap,lt=new WeakMap,yt=new WeakMap,Jt=new WeakMap,$t=new WeakMap,wt=new WeakMap,Qt=new WeakMap,Je=new WeakMap,ys=new WeakMap,we=new WeakMap,ws=new WeakMap,ct=new WeakMap,qe=new WeakMap,He=new WeakMap,es=new WeakMap,kt=new WeakMap,q=new WeakSet,gr=function(){if(this.is_fork)return!0;for(const r of p(this,Je).keys()){for(var t=r,s=!1;t.parent!==null;){if(p(this,He).has(t)){s=!0;break}t=t.parent}if(!s)return!0}return!1},us=function(){var o,c,h;if(O(this,Xt,!0),qr++>1e3&&(N(this,q,Kt).call(this),Wa()),!N(this,q,gr).call(this)){for(const d of p(this,ct))p(this,qe).delete(d),$(d,ce),this.schedule(d);for(const d of p(this,qe))$(d,Ye),this.schedule(d)}const t=p(this,we);O(this,we,[]),this.apply();var s=Gt=[],r=[],n=Ps=[];for(const d of t)try{N(this,q,mr).call(this,d,s,r)}catch(f){throw xn(d),f}if(M=null,n.length>0){var a=Zs.ensure();for(const d of n)a.schedule(d)}if(Gt=null,Ps=null,N(this,q,gr).call(this)){N(this,q,Ds).call(this,r),N(this,q,Ds).call(this,s);for(const[d,f]of p(this,He))kn(d,f);n.length>0&&N(o=M,q,us).call(o);return}const i=N(this,q,bn).call(this);if(i){N(c=i,q,yn).call(c,this);return}p(this,ct).clear(),p(this,qe).clear();for(const d of p(this,Jt))d(this);p(this,Jt).clear(),pr=this,Hr(r),Hr(s),pr=null,p(this,ys)?.resolve();var l=M;if(this.linked&&p(this,Qt)===0&&N(this,q,Kt).call(this),p(this,we).length>0){l===null&&(l=this,N(this,q,br).call(this));const d=l;p(d,we).push(...p(this,we).filter(f=>!p(d,we).includes(f)))}l!==null&&N(h=l,q,us).call(h)},mr=function(t,s,r){t.f^=ie;for(var n=t.first;n!==null;){var a=n.f,i=(a&(Fe|vt))!==0,l=i&&(a&ie)!==0,o=l||(a&ue)!==0||p(this,He).has(n);if(!o&&n.fn!==null){i?n.f^=ie:(a&ss)!==0?s.push(n):js(n)&&((a&Pe)!==0&&p(this,qe).add(n),as(n));var c=n.first;if(c!==null){n=c;continue}}for(;n!==null;){var h=n.next;if(h!==null){n=h;break}n=n.parent}}},bn=function(){for(var t=p(this,lt);t!==null;){if(!t.is_fork){for(const[s,[,r]]of this.current)if(t.current.has(s)&&!r)return t}t=p(t,lt)}return null},yn=function(t){var r;for(const[n,a]of t.current)!this.previous.has(n)&&t.previous.has(n)&&this.previous.set(n,t.previous.get(n)),this.current.set(n,a);for(const[n,a]of t.async_deriveds){const i=this.async_deriveds.get(n);i&&a.promise.then(i.resolve)}const s=n=>{var a=n.reactions;if(a!==null)for(const o of a){var i=o.f;if((i&fe)!==0)s(o);else{var l=o;i&(Yt|Pe)&&!this.async_deriveds.has(l)&&(p(this,qe).delete(l),$(l,ce),this.schedule(l))}}};for(const n of this.current.keys())s(n);this.oncommit(()=>t.discard()),N(r=t,q,Kt).call(r),M=this,N(this,q,us).call(this)},Ds=function(t){for(var s=0;s<t.length;s+=1)mn(t[s],p(this,ct),p(this,qe))},Ua=function(){var h;N(this,q,Kt).call(this);for(let d=ir;d!==null;d=p(d,yt)){var t=d.id<this.id,s=[];for(const[f,[g,_]]of this.current){if(d.current.has(f)){var r=d.current.get(f)[0];if(t&&g!==r)d.current.set(f,[g,_]);else continue}s.push(f)}if(t)for(const[f,g]of this.async_deriveds){const _=d.async_deriveds.get(f);_&&g.promise.then(_.resolve)}if(p(d,Xt)){var n=[...d.current.keys()].filter(f=>!this.current.has(f));if(n.length===0)t&&d.discard();else if(s.length>0){if(t)for(const f of p(this,es))d.unskip_effect(f,g=>{var _;(g.f&(Pe|Yt))!==0?d.schedule(g):N(_=d,q,Ds).call(_,[g])});d.activate();var a=new Set,i=new Map;for(var l of s)wn(l,n,a,i);i=new Map;var o=[...d.current.keys()].filter(f=>this.current.has(f)?this.current.get(f)[0]!==f.v:!0);if(o.length>0)for(const f of p(this,ws))(f.f&(Ve|ue|qs))===0&&Ar(f,o,i)&&((f.f&(Yt|Pe))!==0?($(f,ce),d.schedule(f)):p(d,ct).add(f));if(p(d,we).length>0&&!p(d,kt)){d.apply();for(var c of p(d,we))N(h=d,q,mr).call(h,c,[],[]);O(d,we,[])}d.deactivate()}}}},br=function(){Bt===null?ir=Bt=this:(O(Bt,yt,this),O(this,lt,Bt)),Bt=this},Kt=function(){var t=p(this,lt),s=p(this,yt);t===null?ir=s:O(t,yt,s),s===null?Bt=t:O(s,lt,t),this.linked=!1};let Lt=Zs;function Ya(e){var t=hs;hs=!0;try{for(var s;;){if(Ka(),M===null)return s;M.flush()}}finally{hs=t}}function Wa(){try{ka()}catch(e){dt(e,_r)}}let Xe=null;function Hr(e){var t=e.length;if(t!==0){for(var s=0;s<t;){var r=e[s++];if((r.f&(Ve|ue))===0&&js(r)&&(Xe=new Set,as(r),r.deps===null&&r.first===null&&r.nodes===null&&r.teardown===null&&r.ac===null&&Fn(r),Xe?.size>0)){At.clear();for(const n of Xe){if((n.f&(Ve|ue))!==0)continue;const a=[n];let i=n.parent;for(;i!==null;)Xe.has(i)&&(Xe.delete(i),a.push(i)),i=i.parent;for(let l=a.length-1;l>=0;l--){const o=a[l];(o.f&(Ve|ue))===0&&as(o)}}Xe.clear()}}Xe=null}}function wn(e,t,s,r){if(!s.has(e)&&(s.add(e),e.reactions!==null))for(const n of e.reactions){const a=n.f;(a&fe)!==0?wn(n,t,s,r):(a&(Yt|Pe))!==0&&(a&ce)===0&&Ar(n,t,r)&&($(n,ce),Cr(n))}}function Ar(e,t,s){const r=s.get(e);if(r!==void 0)return r;if(e.deps!==null)for(const n of e.deps){if(Tt.call(t,n))return!0;if((n.f&fe)!==0&&Ar(n,t,s))return s.set(n,!0),!0}return s.set(e,!1),!1}function Cr(e){M.schedule(e)}function kn(e,t){if(!((e.f&Fe)!==0&&(e.f&ie)!==0)){(e.f&ce)!==0?t.d.push(e):(e.f&Ye)!==0&&t.m.push(e),$(e,ie);for(var s=e.first;s!==null;)kn(s,t),s=s.next}}function xn(e){$(e,ie);for(var t=e.first;t!==null;)xn(t),t=t.next}function Za(e){let t=0,s=Mt(0),r;return()=>{Rr()&&(u(s),Dn(()=>(t===0&&(r=Pr(()=>e(()=>ps(s)))),t+=1,()=>{jt(()=>{t-=1,t===0&&(r?.(),r=void 0,ps(s))})})))}}var Xa=Ot|is;function Ja(e,t,s,r){new $a(e,t,s,r)}var Te,Er,je,xt,ge,Ae,de,ke,$e,St,ft,ts,ks,xs,Qe,Xs,te,Qa,ei,ti,yr,Ns,Fs,wr,kr;class $a{constructor(t,s,r,n){R(this,te);_e(this,"parent");_e(this,"is_pending",!1);_e(this,"transform_error");R(this,Te);R(this,Er,null);R(this,je);R(this,xt);R(this,ge);R(this,Ae,null);R(this,de,null);R(this,ke,null);R(this,$e,null);R(this,St,0);R(this,ft,0);R(this,ts,!1);R(this,ks,new Set);R(this,xs,new Set);R(this,Qe,null);R(this,Xs,Za(()=>(O(this,Qe,Mt(p(this,St))),()=>{O(this,Qe,null)})));O(this,Te,t),O(this,je,s),O(this,xt,a=>{var i=D;i.b=this,i.f|=ur,r(a)}),this.parent=D.b,this.transform_error=n??this.parent?.transform_error??(a=>a),O(this,ge,tr(()=>{N(this,te,yr).call(this)},Xa))}defer_effect(t){mn(t,p(this,ks),p(this,xs))}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!p(this,je).pending}update_pending_count(t,s){N(this,te,wr).call(this,t,s),O(this,St,p(this,St)+t),!(!p(this,Qe)||p(this,ts))&&(O(this,ts,!0),jt(()=>{O(this,ts,!1),p(this,Qe)&&ns(p(this,Qe),p(this,St))}))}get_effect_pending(){return p(this,Xs).call(this),u(p(this,Qe))}error(t){if(!p(this,je).onerror&&!p(this,je).failed)throw t;M?.is_fork?(p(this,Ae)&&M.skip_effect(p(this,Ae)),p(this,de)&&M.skip_effect(p(this,de)),p(this,ke)&&M.skip_effect(p(this,ke)),M.on_fork_commit(()=>{N(this,te,kr).call(this,t)})):N(this,te,kr).call(this,t)}}Te=new WeakMap,Er=new WeakMap,je=new WeakMap,xt=new WeakMap,ge=new WeakMap,Ae=new WeakMap,de=new WeakMap,ke=new WeakMap,$e=new WeakMap,St=new WeakMap,ft=new WeakMap,ts=new WeakMap,ks=new WeakMap,xs=new WeakMap,Qe=new WeakMap,Xs=new WeakMap,te=new WeakSet,Qa=function(){try{O(this,Ae,Ce(()=>p(this,xt).call(this,p(this,Te))))}catch(t){this.error(t)}},ei=function(t){const s=p(this,je).failed;s&&O(this,ke,Ce(()=>{s(p(this,Te),()=>t,()=>()=>{})}))},ti=function(){const t=p(this,je).pending;t&&(this.is_pending=!0,O(this,de,Ce(()=>t(p(this,Te)))),jt(()=>{var s=O(this,$e,document.createDocumentFragment()),r=Ct();s.append(r),O(this,Ae,N(this,te,Fs).call(this,()=>Ce(()=>p(this,xt).call(this,r)))),p(this,ft)===0&&(p(this,Te).before(s),O(this,$e,null),zt(p(this,de),()=>{O(this,de,null)}),N(this,te,Ns).call(this,M))}))},yr=function(){try{if(this.is_pending=this.has_pending_snippet(),O(this,ft,0),O(this,St,0),O(this,Ae,Ce(()=>{p(this,xt).call(this,p(this,Te))})),p(this,ft)>0){var t=O(this,$e,document.createDocumentFragment());Ir(p(this,Ae),t);const s=p(this,je).pending;O(this,de,Ce(()=>s(p(this,Te))))}else N(this,te,Ns).call(this,M)}catch(s){this.error(s)}},Ns=function(t){this.is_pending=!1,t.transfer_effects(p(this,ks),p(this,xs))},Fs=function(t){var s=D,r=P,n=Re;We(p(this,ge)),Le(p(this,ge)),rs(p(this,ge).ctx);try{return Lt.ensure(),t()}catch(a){return _n(a),null}finally{We(s),Le(r),rs(n)}},wr=function(t,s){var r;if(!this.has_pending_snippet()){this.parent&&N(r=this.parent,te,wr).call(r,t,s);return}O(this,ft,p(this,ft)+t),p(this,ft)===0&&(N(this,te,Ns).call(this,s),p(this,de)&&zt(p(this,de),()=>{O(this,de,null)}),p(this,$e)&&(p(this,Te).before(p(this,$e)),O(this,$e,null)))},kr=function(t){p(this,Ae)&&(be(p(this,Ae)),O(this,Ae,null)),p(this,de)&&(be(p(this,de)),O(this,de,null)),p(this,ke)&&(be(p(this,ke)),O(this,ke,null));var s=p(this,je).onerror;let r=p(this,je).failed;var n=!1,a=!1;const i=()=>{if(n){Fa();return}n=!0,a&&ja(),p(this,ke)!==null&&zt(p(this,ke),()=>{O(this,ke,null)}),N(this,te,Fs).call(this,()=>{N(this,te,yr).call(this)})},l=o=>{try{a=!0,s?.(o,i),a=!1}catch(c){dt(c,p(this,ge)&&p(this,ge).parent)}r&&O(this,ke,N(this,te,Fs).call(this,()=>{try{return Ce(()=>{var c=D;c.b=this,c.f|=ur,r(p(this,Te),()=>o,()=>i)})}catch(c){return dt(c,p(this,ge).parent),null}}))};jt(()=>{var o;try{o=this.transform_error(t)}catch(c){dt(c,p(this,ge)&&p(this,ge).parent);return}o!==null&&typeof o=="object"&&typeof o.then=="function"?o.then(l,c=>dt(c,p(this,ge)&&p(this,ge).parent)):l(o)})};function si(e,t,s,r){const n=gs;var a=e.filter(f=>!f.settled);if(s.length===0&&a.length===0){r(t.map(n));return}var i=D,l=ri(),o=a.length===1?a[0].promise:a.length>1?Promise.all(a.map(f=>f.promise)):null;function c(f){if((i.f&Ve)===0){l();try{r(f)}catch(g){dt(g,i)}Gs()}}var h=Sn();if(s.length===0){o.then(()=>c(t.map(n))).finally(h);return}function d(){Promise.all(s.map(f=>ni(f))).then(f=>c([...t.map(n),...f])).catch(f=>dt(f,i)).finally(h)}o?o.then(()=>{l(),d(),Gs()}):d()}function ri(){var e=D,t=P,s=Re,r=M;return function(a=!0){We(e),Le(t),rs(s),a&&(e.f&Ve)===0&&(r?.activate(),r?.apply())}}function Gs(e=!0){We(null),Le(null),rs(null),e&&M?.deactivate()}function Sn(){var e=D,t=e.b,s=M,r=t.is_rendered();return t.update_pending_count(1,s),s.increment(r,e),()=>{t.update_pending_count(-1,s),s.decrement(r,e)}}function gs(e){var t=fe|ce;return D!==null&&(D.f|=is),{ctx:Re,deps:null,effects:null,equals:un,f:t,fn:e,reactions:null,rv:0,v:ae,wv:0,parent:D,ac:null}}const Os=Symbol("obsolete");function ni(e,t,s){let r=D;r===null&&ga();var n=void 0,a=Mt(ae),i=!P,l=new Set;return mi(()=>{var o=D,c=ln();n=c.promise;try{Promise.resolve(e()).then(c.resolve,g=>{g!==er&&c.reject(g)}).finally(Gs)}catch(g){c.reject(g),Gs()}var h=M;if(i){if((o.f&It)!==0)var d=Sn();if(r.b.is_rendered())h.async_deriveds.get(o)?.reject(Os);else for(const g of l.values())g.reject(Os);l.add(c),h.async_deriveds.set(o,c)}const f=(g,_=void 0)=>{d?.(),l.delete(c),_!==Os&&(h.activate(),_?(a.f|=ut,ns(a,_)):((a.f&ut)!==0&&(a.f^=ut),ns(a,g)),h.deactivate())};c.promise.then(f,g=>f(null,g||"unknown"))}),Mn(()=>{for(const o of l)o.reject(Os)}),new Promise(o=>{function c(h){function d(){h===n?o(a):c(n)}h.then(d,d)}c(n)})}function E(e){const t=gs(e);return qn(t),t}function En(e){const t=gs(e);return t.equals=vn,t}function ai(e){var t=e.effects;if(t!==null){e.effects=null;for(var s=0;s<t.length;s+=1)be(t[s])}}function zr(e){var t,s=D,r=e.parent;if(!st&&r!==null&&e.v!==ae&&(r.f&(Ve|ue))!==0)return Da(),e.v;We(r);try{e.f&=~Rt,ai(e),t=Yn(e)}finally{We(s)}return t}function Tn(e){var t=zr(e);if(!e.equals(t)&&(e.wv=Gn(),(!M?.is_fork||e.deps===null)&&(M!==null?(M.capture(e,t,!0),pr?.capture(e,t,!0)):e.v=t,e.deps===null))){$(e,ie);return}st||(De!==null?(Rr()||M?.is_fork)&&De.set(e,t):jr(e))}function ii(e){if(e.effects!==null)for(const t of e.effects)(t.teardown||t.ac)&&(t.teardown?.(),t.ac?.abort(er),t.fn!==null&&(t.teardown=on),t.ac=null,ms(t,0),Lr(t))}function jn(e){if(e.effects!==null)for(const t of e.effects)t.teardown&&t.fn!==null&&as(t)}let Us=new Set;const At=new Map;let An=!1;function Mt(e,t){var s={f:0,v:e,reactions:null,equals:un,rv:0,wv:0};return s}function ne(e,t){const s=Mt(e);return qn(s),s}function oi(e,t=!1,s=!0){const r=Mt(e);return t||(r.equals=vn),r}function K(e,t,s=!1){P!==null&&(!Ne||(P.f&qs)!==0)&&hn()&&(P.f&(fe|Pe|Yt|qs))!==0&&(Oe===null||!Tt.call(Oe,e))&&Ta();let r=s?Se(t):t;return ns(e,r,Ps)}function ns(e,t,s=null){if(!e.equals(t)){At.set(e,st?t:e.v);var r=Lt.ensure();if(r.capture(e,t),(e.f&fe)!==0){const n=e;(e.f&ce)!==0&&zr(n),De===null&&jr(n)}e.wv=Gn(),Cn(e,ce,s),D!==null&&(D.f&ie)!==0&&(D.f&(Fe|vt))===0&&(Ee===null?wi([e]):Ee.push(e)),!r.is_fork&&Us.size>0&&!An&&li()}return t}function li(){An=!1;for(const e of Us){(e.f&ie)!==0&&$(e,Ye);let t;try{t=js(e)}catch{t=!0}t&&as(e)}Us.clear()}function ps(e){K(e,e.v+1)}function Cn(e,t,s){var r=e.reactions;if(r!==null)for(var n=r.length,a=0;a<n;a++){var i=r[a],l=i.f,o=(l&ce)===0;if(o&&$(i,t),(l&qs)!==0)Us.add(i);else if((l&fe)!==0){var c=i;De?.delete(c),(l&Rt)===0&&(l&ze&&(D===null||(D.f&Hs)===0)&&(i.f|=Rt),Cn(c,Ye,s))}else if(o){var h=i;(l&Pe)!==0&&Xe!==null&&Xe.add(h),s!==null?s.push(h):Cr(h)}}}function Se(e){if(typeof e!="object"||e===null||Wt in e)return e;const t=an(e);if(t!==ca&&t!==fa)return e;var s=new Map,r=Tr(e),n=ne(0),a=Vt,i=l=>{if(Vt===a)return l();var o=P,c=Vt;Le(null),Zr(a);var h=l();return Le(o),Zr(c),h};return r&&s.set("length",ne(e.length)),new Proxy(e,{defineProperty(l,o,c){(!("value"in c)||c.configurable===!1||c.enumerable===!1||c.writable===!1)&&Sa();var h=s.get(o);return h===void 0?i(()=>{var d=ne(c.value);return s.set(o,d),d}):K(h,c.value,!0),!0},deleteProperty(l,o){var c=s.get(o);if(c===void 0){if(o in l){const h=i(()=>ne(ae));s.set(o,h),ps(n)}}else K(c,ae),ps(n);return!0},get(l,o,c){if(o===Wt)return e;var h=s.get(o),d=o in l;if(h===void 0&&(!d||Ut(l,o)?.writable)&&(h=i(()=>{var g=Se(d?l[o]:ae),_=ne(g);return _}),s.set(o,h)),h!==void 0){var f=u(h);return f===ae?void 0:f}return Reflect.get(l,o,c)},getOwnPropertyDescriptor(l,o){var c=Reflect.getOwnPropertyDescriptor(l,o);if(c&&"value"in c){var h=s.get(o);h&&(c.value=u(h))}else if(c===void 0){var d=s.get(o),f=d?.v;if(d!==void 0&&f!==ae)return{enumerable:!0,configurable:!0,value:f,writable:!0}}return c},has(l,o){if(o===Wt)return!0;var c=s.get(o),h=c!==void 0&&c.v!==ae||Reflect.has(l,o);if(c!==void 0||D!==null&&(!h||Ut(l,o)?.writable)){c===void 0&&(c=i(()=>{var f=h?Se(l[o]):ae,g=ne(f);return g}),s.set(o,c));var d=u(c);if(d===ae)return!1}return h},set(l,o,c,h){var d=s.get(o),f=o in l;if(r&&o==="length")for(var g=c;g<d.v;g+=1){var _=s.get(g+"");_!==void 0?K(_,ae):g in l&&(_=i(()=>ne(ae)),s.set(g+"",_))}if(d===void 0)(!f||Ut(l,o)?.writable)&&(d=i(()=>ne(void 0)),K(d,Se(c)),s.set(o,d));else{f=d.v!==ae;var b=i(()=>Se(c));K(d,b)}var v=Reflect.getOwnPropertyDescriptor(l,o);if(v?.set&&v.set.call(h,c),!f){if(r&&typeof o=="string"){var m=s.get("length"),w=Number(o);Number.isInteger(w)&&w>=m.v&&K(m,w+1)}ps(n)}return!0},ownKeys(l){u(n);var o=Reflect.ownKeys(l).filter(d=>{var f=s.get(d);return f===void 0||f.v!==ae});for(var[c,h]of s)h.v!==ae&&!(c in l)&&o.push(c);return o},setPrototypeOf(){Ea()}})}function Gr(e){try{if(e!==null&&typeof e=="object"&&Wt in e)return e[Wt]}catch{}return e}function ci(e,t){return Object.is(Gr(e),Gr(t))}var Ur,zn,Vn,On;function fi(){if(Ur===void 0){Ur=window,zn=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,s=Text.prototype;Vn=Ut(t,"firstChild").get,On=Ut(t,"nextSibling").get,Br(e)&&(e[vr]=void 0,e[Ms]=null,e[hr]=void 0,e.__e=void 0),Br(s)&&(s[ds]=void 0)}}function Ct(e=""){return document.createTextNode(e)}function Ys(e){return Vn.call(e)}function Ts(e){return On.call(e)}function y(e,t){return Ys(e)}function Vr(e,t=!1){{var s=Ys(e);return s instanceof Comment&&s.data===""?Ts(s):s}}function k(e,t=1,s=!1){let r=e;for(;t--;)r=Ts(r);return r}function di(e){e.textContent=""}function Rn(){return!1}function ui(e,t,s){return document.createElementNS(dn,e,void 0)}let Yr=!1;function vi(){Yr||(Yr=!0,document.addEventListener("reset",e=>{Promise.resolve().then(()=>{if(!e.defaultPrevented)for(const t of e.target.elements)t[Is]?.()})},{capture:!0}))}function Or(e){var t=P,s=D;Le(null),We(null);try{return e()}finally{Le(t),We(s)}}function Ln(e,t,s,r=s){e.addEventListener(t,()=>Or(s));const n=e[Is];n?e[Is]=()=>{n(),r(!0)}:e[Is]=()=>r(!0),vi()}function hi(e){D===null&&(P===null&&wa(),ya()),st&&ba()}function pi(e,t){var s=t.last;s===null?t.last=t.first=e:(s.next=e,e.prev=s,t.last=e)}function rt(e,t){var s=D;s!==null&&(s.f&ue)!==0&&(e|=ue);var r={ctx:Re,deps:null,nodes:null,f:e|ce|ze,first:null,fn:t,last:null,next:null,parent:s,b:s&&s.b,prev:null,teardown:null,wv:0,ac:null};M?.register_created_effect(r);var n=r;if((e&ss)!==0)Gt!==null?Gt.push(r):Lt.ensure().schedule(r);else if(t!==null){try{as(r)}catch(i){throw be(r),i}n.deps===null&&n.teardown===null&&n.nodes===null&&n.first===n.last&&(n.f&is)===0&&(n=n.first,(e&Pe)!==0&&(e&Ot)!==0&&n!==null&&(n.f|=Ot))}if(n!==null&&(n.parent=s,s!==null&&pi(n,s),P!==null&&(P.f&fe)!==0&&(e&vt)===0)){var a=P;(a.effects??(a.effects=[])).push(n)}return r}function Rr(){return P!==null&&!Ne}function Mn(e){const t=rt(Qs,null);return $(t,ie),t.teardown=e,t}function In(e){hi();var t=D.f,s=!P&&(t&Fe)!==0&&(t&It)===0;if(s){var r=Re;(r.e??(r.e=[])).push(e)}else return Pn(e)}function Pn(e){return rt(ss|va,e)}function _i(e){Lt.ensure();const t=rt(vt|is,e);return(s={})=>new Promise(r=>{s.outro?zt(t,()=>{be(t),r(void 0)}):(be(t),r(void 0))})}function gi(e){return rt(ss,e)}function mi(e){return rt(Yt|is,e)}function Dn(e,t=0){return rt(Qs|t,e)}function I(e,t=[],s=[],r=[]){si(r,t,s,n=>{rt(Qs,()=>e(...n.map(u)))})}function tr(e,t=0){var s=rt(Pe|t,e);return s}function Ce(e){return rt(Fe|is,e)}function Nn(e){var t=e.teardown;if(t!==null){const s=st,r=P;Wr(!0),Le(null);try{t.call(null)}finally{Wr(s),Le(r)}}}function Lr(e,t=!1){var s=e.first;for(e.first=e.last=null;s!==null;){const n=s.ac;n!==null&&Or(()=>{n.abort(er)});var r=s.next;(s.f&vt)!==0?s.parent=null:be(s,t),s=r}}function bi(e){for(var t=e.first;t!==null;){var s=t.next;(t.f&Fe)===0&&be(t),t=s}}function be(e,t=!0){var s=!1;(t||(e.f&ua)!==0)&&e.nodes!==null&&e.nodes.end!==null&&(yi(e.nodes.start,e.nodes.end),s=!0),$(e,Kr),Lr(e,t&&!s),ms(e,0);var r=e.nodes&&e.nodes.t;if(r!==null)for(const a of r)a.stop();Nn(e),e.f^=Kr,e.f|=Ve;var n=e.parent;n!==null&&n.first!==null&&Fn(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=e.b=null}function yi(e,t){for(;e!==null;){var s=e===t?null:Ts(e);e.remove(),e=s}}function Fn(e){var t=e.parent,s=e.prev,r=e.next;s!==null&&(s.next=r),r!==null&&(r.prev=s),t!==null&&(t.first===e&&(t.first=r),t.last===e&&(t.last=s))}function zt(e,t,s=!0){var r=[];Bn(e,r,!0);var n=()=>{s&&be(e),t&&t()},a=r.length;if(a>0){var i=()=>--a||n();for(var l of r)l.out(i)}else n()}function Bn(e,t,s){if((e.f&ue)===0){e.f^=ue;var r=e.nodes&&e.nodes.t;if(r!==null)for(const l of r)(l.is_global||s)&&t.push(l);for(var n=e.first;n!==null;){var a=n.next;if((n.f&vt)===0){var i=(n.f&Ot)!==0||(n.f&Fe)!==0&&(e.f&Pe)!==0;Bn(n,t,i?s:!1)}n=a}}}function Mr(e){Kn(e,!0)}function Kn(e,t){if((e.f&ue)!==0){e.f^=ue,(e.f&ie)===0&&($(e,ce),Lt.ensure().schedule(e));for(var s=e.first;s!==null;){var r=s.next,n=(s.f&Ot)!==0||(s.f&Fe)!==0;Kn(s,n?t:!1),s=r}var a=e.nodes&&e.nodes.t;if(a!==null)for(const i of a)(i.is_global||t)&&i.in()}}function Ir(e,t){if(e.nodes)for(var s=e.nodes.start,r=e.nodes.end;s!==null;){var n=s===r?null:Ts(s);t.append(s),s=n}}let Bs=!1,st=!1;function Wr(e){st=e}let P=null,Ne=!1;function Le(e){P=e}let D=null;function We(e){D=e}let Oe=null;function qn(e){P!==null&&(Oe===null?Oe=[e]:Oe.push(e))}let me=null,ye=0,Ee=null;function wi(e){Ee=e}let Hn=1,gt=0,Vt=gt;function Zr(e){Vt=e}function Gn(){return++Hn}function js(e){var t=e.f;if((t&ce)!==0)return!0;if(t&fe&&(e.f&=~Rt),(t&Ye)!==0){for(var s=e.deps,r=s.length,n=0;n<r;n++){var a=s[n];if(js(a)&&Tn(a),a.wv>e.wv)return!0}(t&ze)!==0&&De===null&&$(e,ie)}return!1}function Un(e,t,s=!0){var r=e.reactions;if(r!==null&&!(Oe!==null&&Tt.call(Oe,e)))for(var n=0;n<r.length;n++){var a=r[n];(a.f&fe)!==0?Un(a,t,!1):t===a&&(s?$(a,ce):(a.f&ie)!==0&&$(a,Ye),Cr(a))}}function Yn(e){var b;var t=me,s=ye,r=Ee,n=P,a=Oe,i=Re,l=Ne,o=Vt,c=e.f;me=null,ye=0,Ee=null,P=(c&(Fe|vt))===0?e:null,Oe=null,rs(e.ctx),Ne=!1,Vt=++gt,e.ac!==null&&(Or(()=>{e.ac.abort(er)}),e.ac=null);try{e.f|=Hs;var h=e.fn,d=h();e.f|=It;var f=e.deps,g=M?.is_fork;if(me!==null){var _;if(g||ms(e,ye),f!==null&&ye>0)for(f.length=ye+me.length,_=0;_<me.length;_++)f[ye+_]=me[_];else e.deps=f=me;if(Rr()&&(e.f&ze)!==0)for(_=ye;_<f.length;_++)((b=f[_]).reactions??(b.reactions=[])).push(e)}else!g&&f!==null&&ye<f.length&&(ms(e,ye),f.length=ye);if(hn()&&Ee!==null&&!Ne&&f!==null&&(e.f&(fe|Ye|ce))===0)for(_=0;_<Ee.length;_++)Un(Ee[_],e);if(n!==null&&n!==e){if(gt++,n.deps!==null)for(let v=0;v<s;v+=1)n.deps[v].rv=gt;if(t!==null)for(const v of t)v.rv=gt;Ee!==null&&(r===null?r=Ee:r.push(...Ee))}return(e.f&ut)!==0&&(e.f^=ut),d}catch(v){return _n(v)}finally{e.f^=Hs,me=t,ye=s,Ee=r,P=n,Oe=a,rs(i),Ne=l,Vt=o}}function ki(e,t){let s=t.reactions;if(s!==null){var r=ia.call(s,e);if(r!==-1){var n=s.length-1;n===0?s=t.reactions=null:(s[r]=s[n],s.pop())}}if(s===null&&(t.f&fe)!==0&&(me===null||!Tt.call(me,t))){var a=t;(a.f&ze)!==0&&(a.f^=ze,a.f&=~Rt),a.v!==ae&&jr(a),ii(a),ms(a,0)}}function ms(e,t){var s=e.deps;if(s!==null)for(var r=t;r<s.length;r++)ki(e,s[r])}function as(e){var t=e.f;if((t&Ve)===0){$(e,ie);var s=D,r=Bs;D=e,Bs=!0;try{(t&(Pe|cn))!==0?bi(e):Lr(e),Nn(e);var n=Yn(e);e.teardown=typeof n=="function"?n:null,e.wv=Hn;var a}finally{Bs=r,D=s}}}async function xi(){await Promise.resolve(),Ya()}function u(e){var t=e.f,s=(t&fe)!==0;if(P!==null&&!Ne){var r=D!==null&&(D.f&Ve)!==0;if(!r&&(Oe===null||!Tt.call(Oe,e))){var n=P.deps;if((P.f&Hs)!==0)e.rv<gt&&(e.rv=gt,me===null&&n!==null&&n[ye]===e?ye++:me===null?me=[e]:me.push(e));else{P.deps??(P.deps=[]),Tt.call(P.deps,e)||P.deps.push(e);var a=e.reactions;a===null?e.reactions=[P]:Tt.call(a,P)||a.push(P)}}}if(st&&At.has(e))return At.get(e);if(s){var i=e;if(st){var l=i.v;return((i.f&ie)===0&&i.reactions!==null||Zn(i))&&(l=zr(i)),At.set(i,l),l}var o=(i.f&ze)===0&&!Ne&&P!==null&&(Bs||(P.f&ze)!==0),c=(i.f&It)===0;js(i)&&(o&&(i.f|=ze),Tn(i)),o&&!c&&(jn(i),Wn(i))}if(De?.has(e))return De.get(e);if((e.f&ut)!==0)throw e.v;return e.v}function Wn(e){if(e.f|=ze,e.deps!==null)for(const t of e.deps)(t.reactions??(t.reactions=[])).push(e),(t.f&fe)!==0&&(t.f&ze)===0&&(jn(t),Wn(t))}function Zn(e){if(e.v===ae)return!0;if(e.deps===null)return!1;for(const t of e.deps)if(At.has(t)||(t.f&fe)!==0&&Zn(t))return!0;return!1}function Pr(e){var t=Ne;try{return Ne=!0,e()}finally{Ne=t}}const Si=["touchstart","touchmove"];function Ei(e){return Si.includes(e)}const mt=Symbol("events"),Xn=new Set,xr=new Set;function oe(e,t,s){(t[mt]??(t[mt]={}))[e]=s}function Be(e){for(var t=0;t<e.length;t++)Xn.add(e[t]);for(var s of xr)s(e)}let Xr=null;function Jr(e){var t=this,s=t.ownerDocument,r=e.type,n=e.composedPath?.()||[],a=n[0]||e.target;Xr=e;var i=0,l=Xr===e&&e[mt];if(l){var o=n.indexOf(l);if(o!==-1&&(t===document||t===window)){e[mt]=t;return}var c=n.indexOf(t);if(c===-1)return;o<=c&&(i=o)}if(a=n[i]||e.target,a!==t){oa(e,"currentTarget",{configurable:!0,get(){return a||s}});var h=P,d=D;Le(null),We(null);try{for(var f,g=[];a!==null;){var _=a.assignedSlot||a.parentNode||a.host||null;try{var b=a[mt]?.[r];b!=null&&(!a.disabled||e.target===a)&&b.call(a,e)}catch(v){f?g.push(v):f=v}if(e.cancelBubble||_===t||_===null)break;a=_}if(f){for(let v of g)queueMicrotask(()=>{throw v});throw f}}finally{e[mt]=t,delete e.currentTarget,Le(h),We(d)}}}const Ti=globalThis?.window?.trustedTypes&&globalThis.window.trustedTypes.createPolicy("svelte-trusted-html",{createHTML:e=>e});function ji(e){return Ti?.createHTML(e)??e}function Ai(e){var t=ui("template");return t.innerHTML=ji(e.replaceAll("<!>","<!---->")),t.content}function $r(e,t){var s=D;s.nodes===null&&(s.nodes={start:e,end:t,a:null,t:null})}function A(e,t){var s=(t&Ia)!==0,r=(t&Pa)!==0,n,a=!e.startsWith("<!>");return()=>{n===void 0&&(n=Ai(a?e:"<!>"+e),s||(n=Ys(n)));var i=r||zn?document.importNode(n,!0):n.cloneNode(!0);if(s){var l=Ys(i),o=i.lastChild;$r(l,o)}else $r(i,i);return i}}function j(e,t){e!==null&&e.before(t)}function C(e,t){var s=t==null?"":typeof t=="object"?`${t}`:t;s!==(e[ds]??(e[ds]=e.nodeValue))&&(e[ds]=s,e.nodeValue=`${s}`)}function Ci(e,t){return zi(e,t)}const Rs=new Map;function zi(e,{target:t,anchor:s,props:r={},events:n,context:a,intro:i=!0,transformError:l}){fi();var o=void 0,c=_i(()=>{var h=s??t.appendChild(Ct());Ja(h,{pending:()=>{}},g=>{se({});var _=Re;a&&(_.c=a),n&&(r.$$events=n),o=e(g,r)||{},re()},l);var d=new Set,f=g=>{for(var _=0;_<g.length;_++){var b=g[_];if(!d.has(b)){d.add(b);var v=Ei(b);for(const x of[t,document]){var m=Rs.get(x);m===void 0&&(m=new Map,Rs.set(x,m));var w=m.get(b);w===void 0?(x.addEventListener(b,Jr,{passive:v}),m.set(b,1)):m.set(b,w+1)}}}};return f($s(Xn)),xr.add(f),()=>{for(var g of d)for(const v of[t,document]){var _=Rs.get(v),b=_.get(g);--b==0?(v.removeEventListener(g,Jr),_.delete(g),_.size===0&&Rs.delete(v)):_.set(g,b)}xr.delete(f),h!==s&&h.parentNode?.removeChild(h)}});return Vi.set(o,c),o}let Vi=new WeakMap;var Ie,Ge,xe,Et,Ss,Es,Js;class Jn{constructor(t,s=!0){_e(this,"anchor");R(this,Ie,new Map);R(this,Ge,new Map);R(this,xe,new Map);R(this,Et,new Set);R(this,Ss,!0);R(this,Es,t=>{if(p(this,Ie).has(t)){var s=p(this,Ie).get(t),r=p(this,Ge).get(s);if(r)Mr(r),p(this,Et).delete(s);else{var n=p(this,xe).get(s);n&&(p(this,Ge).set(s,n.effect),p(this,xe).delete(s),n.fragment.lastChild.remove(),this.anchor.before(n.fragment),r=n.effect)}for(const[a,i]of p(this,Ie)){if(p(this,Ie).delete(a),a===t)break;const l=p(this,xe).get(i);l&&(be(l.effect),p(this,xe).delete(i))}for(const[a,i]of p(this,Ge)){if(a===s||p(this,Et).has(a))continue;const l=()=>{if(Array.from(p(this,Ie).values()).includes(a)){var c=document.createDocumentFragment();Ir(i,c),c.append(Ct()),p(this,xe).set(a,{effect:i,fragment:c})}else be(i);p(this,Et).delete(a),p(this,Ge).delete(a)};p(this,Ss)||!r?(p(this,Et).add(a),zt(i,l,!1)):l()}}});R(this,Js,t=>{p(this,Ie).delete(t);const s=Array.from(p(this,Ie).values());for(const[r,n]of p(this,xe))s.includes(r)||(be(n.effect),p(this,xe).delete(r))});this.anchor=t,O(this,Ss,s)}ensure(t,s){var r=M,n=Rn();if(s&&!p(this,Ge).has(t)&&!p(this,xe).has(t))if(n){var a=document.createDocumentFragment(),i=Ct();a.append(i),p(this,xe).set(t,{effect:Ce(()=>s(i)),fragment:a})}else p(this,Ge).set(t,Ce(()=>s(this.anchor)));if(p(this,Ie).set(r,t),n){for(const[l,o]of p(this,Ge))l===t?r.unskip_effect(o):r.skip_effect(o);for(const[l,o]of p(this,xe))l===t?r.unskip_effect(o.effect):r.skip_effect(o.effect);r.oncommit(p(this,Es)),r.ondiscard(p(this,Js))}else p(this,Es).call(this,r)}}Ie=new WeakMap,Ge=new WeakMap,xe=new WeakMap,Et=new WeakMap,Ss=new WeakMap,Es=new WeakMap,Js=new WeakMap;function le(e,t,s=!1){var r=new Jn(e),n=s?Ot:0;function a(i,l){r.ensure(i,l)}tr(()=>{var i=!1;t((l,o=0)=>{i=!0,a(o,l)}),i||a(-1,null)},n)}function cs(e,t){return t}function Oi(e,t,s){for(var r=[],n=t.length,a,i=t.length,l=0;l<n;l++){let d=t[l];zt(d,()=>{if(a){if(a.pending.delete(d),a.done.add(d),a.pending.size===0){var f=e.outrogroups;Sr(e,$s(a.done)),f.delete(a),f.size===0&&(e.outrogroups=null)}}else i-=1},!1)}if(i===0){var o=r.length===0&&s!==null;if(o){var c=s,h=c.parentNode;di(h),h.append(c),e.items.clear()}Sr(e,t,!o)}else a={pending:new Set(t),done:new Set},(e.outrogroups??(e.outrogroups=new Set)).add(a)}function Sr(e,t,s=!0){var r;if(e.pending.size>0){r=new Set;for(const i of e.pending.values())for(const l of i)r.add(e.items.get(l).e)}for(var n=0;n<t.length;n++){var a=t[n];if(r?.has(a)){a.f|=Ue;const i=document.createDocumentFragment();Ir(a,i)}else be(t[n],s)}}var Qr;function Q(e,t,s,r,n,a=null){var i=e,l=new Map,o=(t&fn)!==0;if(o){var c=e;i=c.appendChild(Ct())}var h=null,d=En(()=>{var x=s();return Tr(x)?x:x==null?[]:$s(x)}),f,g=new Map,_=!0;function b(x){(w.effect.f&Ve)===0&&(w.pending.delete(x),w.fallback=h,Ri(w,f,i,t,r),h!==null&&(f.length===0?(h.f&Ue)===0?Mr(h):(h.f^=Ue,vs(h,null,i)):zt(h,()=>{h=null})))}function v(x){w.pending.delete(x)}var m=tr(()=>{f=u(d);for(var x=f.length,T=new Set,F=M,G=Rn(),W=0;W<x;W+=1){var S=f[W],H=r(S,W),V=_?null:l.get(H);V?(V.v&&ns(V.v,S),V.i&&ns(V.i,W),G&&F.unskip_effect(V.e)):(V=Li(l,_?i:Qr??(Qr=Ct()),S,H,W,n,t,s),_||(V.e.f|=Ue),l.set(H,V)),T.add(H)}if(x===0&&a&&!h&&(_?h=Ce(()=>a(i)):(h=Ce(()=>a(Qr??(Qr=Ct()))),h.f|=Ue)),x>T.size&&ma(),!_)if(g.set(F,T),G){for(const[L,B]of l)T.has(L)||F.skip_effect(B.e);F.oncommit(b),F.ondiscard(v)}else b(F);u(d)}),w={effect:m,items:l,pending:g,outrogroups:null,fallback:h};_=!1}function fs(e){for(;e!==null&&(e.f&Fe)===0;)e=e.next;return e}function Ri(e,t,s,r,n){var a=(r&za)!==0,i=t.length,l=e.items,o=fs(e.effect.first),c,h=null,d,f=[],g=[],_,b,v,m;if(a)for(m=0;m<i;m+=1)_=t[m],b=n(_,m),v=l.get(b).e,(v.f&Ue)===0&&(v.nodes?.a?.measure(),(d??(d=new Set)).add(v));for(m=0;m<i;m+=1){if(_=t[m],b=n(_,m),v=l.get(b).e,e.outrogroups!==null)for(const V of e.outrogroups)V.pending.delete(v),V.done.delete(v);if((v.f&ue)!==0&&(Mr(v),a&&(v.nodes?.a?.unfix(),(d??(d=new Set)).delete(v))),(v.f&Ue)!==0)if(v.f^=Ue,v===o)vs(v,null,s);else{var w=h?h.next:o;v===e.effect.last&&(e.effect.last=v.prev),v.prev&&(v.prev.next=v.next),v.next&&(v.next.prev=v.prev),ot(e,h,v),ot(e,v,w),vs(v,w,s),h=v,f=[],g=[],o=fs(h.next);continue}if(v!==o){if(c!==void 0&&c.has(v)){if(f.length<g.length){var x=g[0],T;h=x.prev;var F=f[0],G=f[f.length-1];for(T=0;T<f.length;T+=1)vs(f[T],x,s);for(T=0;T<g.length;T+=1)c.delete(g[T]);ot(e,F.prev,G.next),ot(e,h,F),ot(e,G,x),o=x,h=G,m-=1,f=[],g=[]}else c.delete(v),vs(v,o,s),ot(e,v.prev,v.next),ot(e,v,h===null?e.effect.first:h.next),ot(e,h,v),h=v;continue}for(f=[],g=[];o!==null&&o!==v;)(c??(c=new Set)).add(o),g.push(o),o=fs(o.next);if(o===null)continue}(v.f&Ue)===0&&f.push(v),h=v,o=fs(v.next)}if(e.outrogroups!==null){for(const V of e.outrogroups)V.pending.size===0&&(Sr(e,$s(V.done)),e.outrogroups?.delete(V));e.outrogroups.size===0&&(e.outrogroups=null)}if(o!==null||c!==void 0){var W=[];if(c!==void 0)for(v of c)(v.f&ue)===0&&W.push(v);for(;o!==null;)(o.f&ue)===0&&o!==e.fallback&&W.push(o),o=fs(o.next);var S=W.length;if(S>0){var H=(r&fn)!==0&&i===0?s:null;if(a){for(m=0;m<S;m+=1)W[m].nodes?.a?.measure();for(m=0;m<S;m+=1)W[m].nodes?.a?.fix()}Oi(e,W,H)}}a&&jt(()=>{if(d!==void 0)for(v of d)v.nodes?.a?.apply()})}function Li(e,t,s,r,n,a,i,l){var o=(i&Aa)!==0?(i&Va)===0?oi(s,!1,!1):Mt(s):null,c=(i&Ca)!==0?Mt(n):null;return{v:o,i:c,e:Ce(()=>(a(t,o??s,c??n,l),()=>{e.delete(r)}))}}function vs(e,t,s){if(e.nodes)for(var r=e.nodes.start,n=e.nodes.end,a=t&&(t.f&Ue)===0?t.nodes.start:s;r!==null;){var i=Ts(r);if(a.before(r),r===n)return;r=i}}function ot(e,t,s){t===null?e.effect.first=s:t.next=s,s===null?e.effect.last=t:s.prev=t}function Mi(e,t,...s){var r=new Jn(e);tr(()=>{const n=t()??null;r.ensure(n,n&&(a=>n(a,...s)))},Ot)}const en=[...` 	
-\r\f \v\uFEFF`];function Ii(e,t,s){var r=e==null?"":""+e;if(s){for(var n of Object.keys(s))if(s[n])r=r?r+" "+n:n;else if(r.length)for(var a=n.length,i=0;(i=r.indexOf(n,i))>=0;){var l=i+a;(i===0||en.includes(r[i-1]))&&(l===r.length||en.includes(r[l]))?r=(i===0?"":r.substring(0,i))+r.substring(l+1):i=l}}return r===""?null:r}function tn(e,t=!1){var s=t?" !important;":";",r="";for(var n of Object.keys(e)){var a=e[n];a!=null&&a!==""&&(r+=" "+n+": "+a+s)}return r}function lr(e){return e[0]!=="-"||e[1]!=="-"?e.toLowerCase():e}function Pi(e,t){if(t){var s="",r,n;if(Array.isArray(t)?(r=t[0],n=t[1]):r=t,e){e=String(e).replaceAll(/\s*\/\*.*?\*\/\s*/g,"").trim();var a=!1,i=0,l=!1,o=[];r&&o.push(...Object.keys(r).map(lr)),n&&o.push(...Object.keys(n).map(lr));var c=0,h=-1;const b=e.length;for(var d=0;d<b;d++){var f=e[d];if(l?f==="/"&&e[d-1]==="*"&&(l=!1):a?a===f&&(a=!1):f==="/"&&e[d+1]==="*"?l=!0:f==='"'||f==="'"?a=f:f==="("?i++:f===")"&&i--,!l&&a===!1&&i===0){if(f===":"&&h===-1)h=d;else if(f===";"||d===b-1){if(h!==-1){var g=lr(e.substring(c,h).trim());if(!o.includes(g)){f!==";"&&d++;var _=e.substring(c,d).trim();s+=" "+_+";"}}c=d+1,h=-1}}}}return r&&(s+=tn(r)),n&&(s+=tn(n,!0)),s=s.trim(),s===""?null:s}return e==null?null:String(e)}function Zt(e,t,s,r,n,a){var i=e[vr];if(i!==s||i===void 0){var l=Ii(s,r,a);l==null?e.removeAttribute("class"):e.className=l,e[vr]=s}else if(a&&n!==a)for(var o in a){var c=!!a[o];(n==null||c!==!!n[o])&&e.classList.toggle(o,c)}return a}function cr(e,t={},s,r){for(var n in s){var a=s[n];t[n]!==a&&(s[n]==null?e.style.removeProperty(n):e.style.setProperty(n,a,r))}}function bt(e,t,s,r){var n=e[hr];if(n!==t){var a=Pi(t,r);a==null?e.removeAttribute("style"):e.style.cssText=a,e[hr]=t}else r&&(Array.isArray(r)?(cr(e,s?.[0],r[0]),cr(e,s?.[1],r[1],"important")):cr(e,s,r));return r}function Dr(e,t,s=!1){if(e.multiple){if(t==null)return;if(!Tr(t))return Na();for(var r of e.options)r.selected=t.includes(_s(r));return}for(r of e.options){var n=_s(r);if(ci(n,t)){r.selected=!0;return}}(!s||t!==void 0)&&(e.selectedIndex=-1)}function $n(e){var t=new MutationObserver(()=>{Dr(e,e.__value)});t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),Mn(()=>{t.disconnect()})}function Di(e,t,s=t){var r=new WeakSet,n=!0;Ln(e,"change",a=>{var i=a?"[selected]":":checked",l;if(e.multiple)l=[].map.call(e.querySelectorAll(i),_s);else{var o=e.querySelector(i)??e.querySelector("option:not([disabled])");l=o&&_s(o)}s(l),e.__value=l,M!==null&&r.add(M)}),gi(()=>{var a=t();if(e===document.activeElement){var i=M;if(r.has(i))return}if(Dr(e,a,n),n&&a===void 0){var l=e.querySelector(":checked");l!==null&&(a=_s(l),s(a))}e.__value=a,n=!1}),$n(e)}function _s(e){return"__value"in e?e.__value:e.value}const Ni=Symbol("is custom element"),Fi=Symbol("is html"),Bi=_a?"progress":"PROGRESS";function Ws(e,t){var s=Qn(e);s.value===(s.value=t??void 0)||e.value===t&&(t!==0||e.nodeName!==Bi)||(e.value=t??"")}function U(e,t,s,r){var n=Qn(e);n[t]!==(n[t]=s)&&(t==="loading"&&(e[pa]=s),s==null?e.removeAttribute(t):typeof s!="string"&&Ki(e).includes(t)?e[t]=s:e.setAttribute(t,s))}function Qn(e){return e[Ms]??(e[Ms]={[Ni]:e.nodeName.includes("-"),[Fi]:e.namespaceURI===dn})}var sn=new Map;function Ki(e){var t=e.getAttribute("is")||e.nodeName,s=sn.get(t);if(s)return s;sn.set(t,s=[]);for(var r,n=e,a=Element.prototype;a!==n;){r=la(n);for(var i in r)r[i].set&&i!=="innerHTML"&&i!=="textContent"&&i!=="innerText"&&s.push(i);n=an(n)}return s}function Ks(e,t,s=t){var r=new WeakSet;Ln(e,"input",async n=>{var a=n?e.defaultValue:e.value;if(a=fr(e)?dr(a):a,s(a),M!==null&&r.add(M),await xi(),a!==(a=t())){var i=e.selectionStart,l=e.selectionEnd,o=e.value.length;if(e.value=a??"",l!==null){var c=e.value.length;i===l&&l===o&&c>o?(e.selectionStart=c,e.selectionEnd=c):(e.selectionStart=i,e.selectionEnd=Math.min(l,c))}}}),Pr(t)==null&&e.value&&(s(fr(e)?dr(e.value):e.value),M!==null&&r.add(M)),Dn(()=>{var n=t();if(e===document.activeElement){var a=M;if(r.has(a))return}fr(e)&&n===dr(e.value)||e.type==="date"&&!n&&!e.value||n!==e.value&&(e.value=n??"")})}function fr(e){var t=e.type;return t==="number"||t==="range"}function dr(e){return e===""?null:+e}function Z(e,t,s,r){var n=!0,a=(s&La)!==0,i=(s&Ma)!==0,l=r,o=!0,c=void 0,h=()=>i&&n?(c??(c=gs(r)),u(c)):(o&&(o=!1,l=i?Pr(r):r),l);let d;if(a){var f=Wt in e||ha in e;d=Ut(e,t)?.set??(f&&t in e?T=>e[t]=T:void 0)}var g,_=!1;a?[g,_]=Ha(()=>e[t]):g=e[t],g===void 0&&r!==void 0&&(g=h(),d&&(xa(),d(g)));var b;if(b=()=>{var T=e[t];return T===void 0?h():(o=!0,T)},(s&Ra)===0)return b;if(d){var v=e.$$legacy;return(function(T,F){return arguments.length>0?((!F||v||_)&&d(F?b():T),T):b()})}var m=!1,w=((s&Oa)!==0?gs:En)(()=>(m=!1,b()));a&&u(w);var x=D;return(function(T,F){if(arguments.length>0){const G=F?u(w):a?Se(T):T;return K(w,G),m=!0,l!==void 0&&(l=G),T}return st&&m||(x.f&Ve)!==0?w.v:u(w)})}const qi="5";var nn;typeof window<"u"&&((nn=window.__svelte??(window.__svelte={})).v??(nn.v=new Set)).add(qi);const qt=typeof window<"u"&&window.slashedBricksApp?window.slashedBricksApp:{defaults:{},settings:{},tabs:{},rest:{url:"",nonce:""}},ee={defaults:qt.defaults||{},tabs:qt.tabs||{},rest:qt.rest||{url:"",nonce:""},inventory:qt.inventory||{variables:[],sf_classes:[],is_classes:[]},pluginSettings:qt.pluginSettings||{}},Y=Se(structuredClone(qt.settings||{})),z=Se({activeTab:Hi(ee.tabs)||"colors",dirty:!1,saving:!1,lastSavedAt:null,error:""});function Hi(e){for(const t in e)return t;return null}function ea(){z.dirty=!0,z.error=""}function Gi(e){Y[e]&&delete Y[e]}function bs(e,t,s){Y[e]||(Y[e]={}),s===""||s===null||s===void 0||typeof s=="string"&&s.trim()===""?delete Y[e][t]:Y[e][t]=String(s),ea()}var Ui=A('<button type="button"> </button>'),Yi=A('<nav class="tab-nav svelte-yyiz68" aria-label="Settings sections"></nav>');function Wi(e,t){se(t,!0);var s=Yi();Q(s,21,()=>Object.entries(ee.tabs),([r,n])=>r,(r,n)=>{var a=E(()=>et(u(n),2));let i=()=>u(a)[0],l=()=>u(a)[1];var o=Ui();let c;var h=y(o);I(()=>{c=Zt(o,1,"tab-nav__btn svelte-yyiz68",null,c,{active:z.activeTab===i()}),C(h,l())}),oe("click",o,()=>z.activeTab=i()),j(r,o)}),j(e,s),re()}Be(["click"]);var Zi=A('<code class="row__var svelte-1es83p3"> </code>'),Xi=A('<input type="color" title="Pick a color (HEX)" class="row__hex svelte-1es83p3"/> <input type="text" spellcheck="false" class="row__hex-text svelte-1es83p3" aria-label="HEX value"/>',1),Ji=A('<input type="text" spellcheck="false" class="row__raw svelte-1es83p3" aria-label="Advanced color value"/>'),$i=A('<div class="row svelte-1es83p3"><div class="row__label svelte-1es83p3"><label class="svelte-1es83p3"> </label> <!></div> <div class="row__inputs svelte-1es83p3"><span class="row__swatch svelte-1es83p3" aria-hidden="true"></span> <!> <button type="button" class="row__toggle svelte-1es83p3"> </button></div></div>');function Ls(e,t){se(t,!0);let s=Z(t,"hexHint",3,""),r=Z(t,"rawHint",3,""),n=Z(t,"cssVar",3,"");const a=/^#([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/,i=(()=>{const L=(Y.colors?.[t.storeKey]??"").trim(),B=L===""||a.test(L);return{mode:B?"hex":"raw",hex:B?L:"",raw:B?"":L}})();let l=ne(Se(i.mode)),o=ne(Se(i.hex)),c=ne(Se(i.raw));function h(){Y.colors||(Y.colors={});const L=u(c).trim(),B=u(o).trim(),J=u(l)==="raw"?L:B;J===""?delete Y.colors[t.storeKey]:Y.colors[t.storeKey]=J,ea()}function d(){u(l)==="hex"?(K(l,"raw"),K(o,"")):(K(l,"hex"),K(c,"")),h()}const f=E(()=>(u(l)==="raw"?u(c):u(o))||s()||"transparent");var g=$i(),_=y(g),b=y(_),v=y(b),m=k(b,2);{var w=L=>{var B=Zi(),J=y(B);I(()=>C(J,n())),j(L,B)};le(m,L=>{n()&&L(w)})}var x=k(_,2),T=y(x);let F;var G=k(T,2);{var W=L=>{var B=Xi(),J=Vr(B),ve=k(J,2);I(()=>{U(J,"id",t.storeKey),U(ve,"placeholder",s())}),oe("input",J,h),Ks(J,()=>u(o),Me=>K(o,Me)),oe("input",ve,h),Ks(ve,()=>u(o),Me=>K(o,Me)),j(L,B)},S=L=>{var B=Ji();I(()=>{U(B,"id",t.storeKey),U(B,"placeholder",r())}),oe("input",B,h),Ks(B,()=>u(c),J=>K(c,J)),j(L,B)};le(G,L=>{u(l)==="hex"?L(W):L(S,-1)})}var H=k(G,2),V=y(H);I(()=>{U(b,"for",t.storeKey),C(v,t.label),F=bt(T,"",F,{background:u(f)}),C(V,u(l)==="hex"?"Advanced (oklch / raw)":"Use HEX picker")}),oe("click",H,d),j(e,g),re()}Be(["input","click"]);var Qi=A(`<section><h2 class="svelte-1vle0rm">Brand Colors — Light Mode</h2> <p class="hint svelte-1vle0rm">Pick a color via the HEX input, or switch to <em>Advanced</em> to paste any
+var la=Object.defineProperty;var Br=e=>{throw TypeError(e)};var ca=(e,t,s)=>t in e?la(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var me=(e,t,s)=>ca(e,typeof t!="symbol"?t+"":t,s),ir=(e,t,s)=>t.has(e)||Br("Cannot "+s);var p=(e,t,s)=>(ir(e,t,"read from private field"),s?s.call(e):t.get(e)),L=(e,t,s)=>t.has(e)?Br("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),V=(e,t,s,r)=>(ir(e,t,"write to private field"),r?r.call(e,s):t.set(e,s),s),q=(e,t,s)=>(ir(e,t,"access private method"),s);var Tr=Array.isArray,fa=Array.prototype.indexOf,At=Array.prototype.includes,er=Array.from,da=Object.defineProperty,Wt=Object.getOwnPropertyDescriptor,ua=Object.getOwnPropertyDescriptors,va=Object.prototype,ha=Array.prototype,fn=Object.getPrototypeOf,Kr=Object.isExtensible;const dn=()=>{};function pa(e){for(var t=0;t<e.length;t++)e[t]()}function un(){var e,t,s=new Promise((r,n)=>{e=r,t=n});return{promise:s,resolve:e,reject:t}}function st(e,t){if(Array.isArray(e))return e;if(t===void 0||!(Symbol.iterator in e))return Array.from(e);const s=[];for(const r of e)if(s.push(r),s.length===t)break;return s}const ue=2,as=4,tr=8,vn=1<<24,Pe=16,Ke=32,_t=64,vr=128,Ve=512,oe=1024,de=2048,We=4096,pe=8192,Le=16384,Pt=32768,qr=1<<25,Mt=65536,$s=1<<17,_a=1<<18,cs=1<<19,ga=1<<20,Ye=1<<25,It=65536,Us=1<<21,Zt=1<<22,pt=1<<23,Xt=Symbol("$state"),ma=Symbol("legacy props"),ba=Symbol(""),Fs=Symbol("attributes"),hr=Symbol("class"),pr=Symbol("style"),hs=Symbol("text"),Ds=Symbol("form reset"),sr=new class extends Error{constructor(){super(...arguments);me(this,"name","StaleReactionError");me(this,"message","The reaction that called `getAbortSignal()` was re-run or destroyed")}},ya=!!globalThis.document?.contentType&&globalThis.document.contentType.includes("xml");function wa(){throw new Error("https://svelte.dev/e/async_derived_orphan")}function xa(e,t,s){throw new Error("https://svelte.dev/e/each_key_duplicate")}function ka(e){throw new Error("https://svelte.dev/e/effect_in_teardown")}function Sa(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}function Ea(e){throw new Error("https://svelte.dev/e/effect_orphan")}function ja(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function Ta(e){throw new Error("https://svelte.dev/e/props_invalid_value")}function Ca(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function Aa(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function za(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}function Oa(){throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}const Ra=1,Va=2,hn=4,La=8,Ma=16,Ia=1,Fa=4,Da=8,Pa=16,Na=1,Ba=2,ie=Symbol("uninitialized"),pn="http://www.w3.org/1999/xhtml";function Ka(){console.warn("https://svelte.dev/e/derived_inert")}function qa(){console.warn("https://svelte.dev/e/select_multiple_invalid_value")}function Ha(){console.warn("https://svelte.dev/e/svelte_boundary_reset_noop")}function _n(e){return e===this.v}function $a(e,t){return e!=e?t==t:e!==t||e!==null&&typeof e=="object"||typeof e=="function"}function gn(e){return!$a(e,this.v)}let Ie=null;function is(e){Ie=e}function se(e,t=!1,s){Ie={p:Ie,i:!1,c:null,e:null,s:e,x:null,r:B,l:null}}function re(e){var t=Ie,s=t.e;if(s!==null){t.e=null;for(var r of s)Bn(r)}return t.i=!0,Ie=t.p,{}}function mn(){return!0}let bt=[];function bn(){var e=bt;bt=[],pa(e)}function zt(e){if(bt.length===0&&!gs){var t=bt;queueMicrotask(()=>{t===bt&&bn()})}bt.push(e)}function Ua(){for(;bt.length>0;)bn()}function yn(e){var t=B;if(t===null)return N.f|=pt,e;if((t.f&Pt)===0&&(t.f&as)===0)throw e;ht(e,t)}function ht(e,t){for(;t!==null;){if((t.f&vr)!==0){if((t.f&Pt)===0)throw e;try{t.b.error(e);return}catch(s){e=s}}t=t.parent}throw e}const Ga=-7169;function Q(e,t){e.f=e.f&Ga|t}function Cr(e){(e.f&Ve)!==0||e.deps===null?Q(e,oe):Q(e,We)}function wn(e){if(e!==null)for(const t of e)(t.f&ue)===0||(t.f&It)===0||(t.f^=It,wn(t.deps))}function xn(e,t,s){(e.f&de)!==0?t.add(e):(e.f&We)!==0&&s.add(e),wn(e.deps),Q(e,oe)}let Vs=!1;function Ya(e){var t=Vs;try{return Vs=!1,[e(),Vs]}finally{Vs=t}}let or=null,Ht=null,M=null,_r=null,Ne=null,gr=null,gs=!1,lr=!1,Yt=null,Ps=null;var Hr=0;let Wa=1;var Qt,dt,kt,es,ts,St,ss,Qe,ks,Ee,Ss,ut,$e,Ue,rs,Et,U,mr,ps,br,kn,Sn,Ns,Za,yr,$t;const Xs=class Xs{constructor(){L(this,U);me(this,"id",Wa++);L(this,Qt,!1);me(this,"linked",!0);L(this,dt,null);L(this,kt,null);me(this,"async_deriveds",new Map);me(this,"current",new Map);me(this,"previous",new Map);me(this,"unblocked",new Set);L(this,es,new Set);L(this,ts,new Set);L(this,St,new Set);L(this,ss,0);L(this,Qe,new Map);L(this,ks,null);L(this,Ee,[]);L(this,Ss,[]);L(this,ut,new Set);L(this,$e,new Set);L(this,Ue,new Map);L(this,rs,new Set);me(this,"is_fork",!1);L(this,Et,!1)}skip_effect(t){p(this,Ue).has(t)||p(this,Ue).set(t,{d:[],m:[]}),p(this,rs).delete(t)}unskip_effect(t,s=r=>this.schedule(r)){var r=p(this,Ue).get(t);if(r){p(this,Ue).delete(t);for(var n of r.d)Q(n,de),s(n);for(n of r.m)Q(n,We),s(n)}p(this,rs).add(t)}capture(t,s,r=!1){t.v!==ie&&!this.previous.has(t)&&this.previous.set(t,t.v),(t.f&pt)===0&&(this.current.set(t,[s,r]),Ne?.set(t,s)),this.is_fork||(t.v=s)}activate(){M=this}deactivate(){M=null,Ne=null}flush(){try{lr=!0,M=this,q(this,U,ps).call(this)}finally{Hr=0,gr=null,Yt=null,Ps=null,lr=!1,M=null,Ne=null,Ot.clear()}}discard(){for(const t of p(this,ts))t(this);p(this,ts).clear(),p(this,St).clear(),q(this,U,$t).call(this)}register_created_effect(t){p(this,Ss).push(t)}increment(t,s){if(V(this,ss,p(this,ss)+1),t){let r=p(this,Qe).get(s)??0;p(this,Qe).set(s,r+1)}}decrement(t,s){if(V(this,ss,p(this,ss)-1),t){let r=p(this,Qe).get(s)??0;r===1?p(this,Qe).delete(s):p(this,Qe).set(s,r-1)}p(this,Et)||(V(this,Et,!0),zt(()=>{V(this,Et,!1),this.linked&&this.flush()}))}transfer_effects(t,s){for(const r of t)p(this,ut).add(r);for(const r of s)p(this,$e).add(r);t.clear(),s.clear()}oncommit(t){p(this,es).add(t)}ondiscard(t){p(this,ts).add(t)}on_fork_commit(t){p(this,St).add(t)}run_fork_commit_callbacks(){for(const t of p(this,St))t(this);p(this,St).clear()}settled(){return(p(this,ks)??V(this,ks,un())).promise}static ensure(){var t;if(M===null){const s=M=new Xs;q(t=s,U,yr).call(t),!lr&&!gs&&zt(()=>{p(s,Qt)||s.flush()})}return M}apply(){{Ne=null;return}}schedule(t){if(gr=t,t.b?.is_pending&&(t.f&(as|tr|vn))!==0&&(t.f&Pt)===0){t.b.defer_effect(t);return}for(var s=t;s.parent!==null;){s=s.parent;var r=s.f;if(Yt!==null&&s===B&&(N===null||(N.f&ue)===0))return;if((r&(_t|Ke))!==0){if((r&oe)===0)return;s.f^=oe}}p(this,Ee).push(s)}};Qt=new WeakMap,dt=new WeakMap,kt=new WeakMap,es=new WeakMap,ts=new WeakMap,St=new WeakMap,ss=new WeakMap,Qe=new WeakMap,ks=new WeakMap,Ee=new WeakMap,Ss=new WeakMap,ut=new WeakMap,$e=new WeakMap,Ue=new WeakMap,rs=new WeakMap,Et=new WeakMap,U=new WeakSet,mr=function(){if(this.is_fork)return!0;for(const r of p(this,Qe).keys()){for(var t=r,s=!1;t.parent!==null;){if(p(this,Ue).has(t)){s=!0;break}t=t.parent}if(!s)return!0}return!1},ps=function(){var l,c,v;if(V(this,Qt,!0),Hr++>1e3&&(q(this,U,$t).call(this),Ja()),!q(this,U,mr).call(this)){for(const u of p(this,ut))p(this,$e).delete(u),Q(u,de),this.schedule(u);for(const u of p(this,$e))Q(u,We),this.schedule(u)}const t=p(this,Ee);V(this,Ee,[]),this.apply();var s=Yt=[],r=[],n=Ps=[];for(const u of t)try{q(this,U,br).call(this,u,s,r)}catch(f){throw Tn(u),f}if(M=null,n.length>0){var a=Xs.ensure();for(const u of n)a.schedule(u)}if(Yt=null,Ps=null,q(this,U,mr).call(this)){q(this,U,Ns).call(this,r),q(this,U,Ns).call(this,s);for(const[u,f]of p(this,Ue))jn(u,f);n.length>0&&q(l=M,U,ps).call(l);return}const i=q(this,U,kn).call(this);if(i){q(c=i,U,Sn).call(c,this);return}p(this,ut).clear(),p(this,$e).clear();for(const u of p(this,es))u(this);p(this,es).clear(),_r=this,$r(r),$r(s),_r=null,p(this,ks)?.resolve();var o=M;if(this.linked&&p(this,ss)===0&&q(this,U,$t).call(this),p(this,Ee).length>0){o===null&&(o=this,q(this,U,yr).call(this));const u=o;p(u,Ee).push(...p(this,Ee).filter(f=>!p(u,Ee).includes(f)))}o!==null&&q(v=o,U,ps).call(v)},br=function(t,s,r){t.f^=oe;for(var n=t.first;n!==null;){var a=n.f,i=(a&(Ke|_t))!==0,o=i&&(a&oe)!==0,l=o||(a&pe)!==0||p(this,Ue).has(n);if(!l&&n.fn!==null){i?n.f^=oe:(a&as)!==0?s.push(n):zs(n)&&((a&Pe)!==0&&p(this,$e).add(n),ls(n));var c=n.first;if(c!==null){n=c;continue}}for(;n!==null;){var v=n.next;if(v!==null){n=v;break}n=n.parent}}},kn=function(){for(var t=p(this,dt);t!==null;){if(!t.is_fork){for(const[s,[,r]]of this.current)if(t.current.has(s)&&!r)return t}t=p(t,dt)}return null},Sn=function(t){var r;for(const[n,a]of t.current)!this.previous.has(n)&&t.previous.has(n)&&this.previous.set(n,t.previous.get(n)),this.current.set(n,a);for(const[n,a]of t.async_deriveds){const i=this.async_deriveds.get(n);i&&a.promise.then(i.resolve)}const s=n=>{var a=n.reactions;if(a!==null)for(const l of a){var i=l.f;if((i&ue)!==0)s(l);else{var o=l;i&(Zt|Pe)&&!this.async_deriveds.has(o)&&(p(this,$e).delete(o),Q(o,de),this.schedule(o))}}};for(const n of this.current.keys())s(n);this.oncommit(()=>t.discard()),q(r=t,U,$t).call(r),M=this,q(this,U,ps).call(this)},Ns=function(t){for(var s=0;s<t.length;s+=1)xn(t[s],p(this,ut),p(this,$e))},Za=function(){var v;q(this,U,$t).call(this);for(let u=or;u!==null;u=p(u,kt)){var t=u.id<this.id,s=[];for(const[f,[g,_]]of this.current){if(u.current.has(f)){var r=u.current.get(f)[0];if(t&&g!==r)u.current.set(f,[g,_]);else continue}s.push(f)}if(t)for(const[f,g]of this.async_deriveds){const _=u.async_deriveds.get(f);_&&g.promise.then(_.resolve)}if(p(u,Qt)){var n=[...u.current.keys()].filter(f=>!this.current.has(f));if(n.length===0)t&&u.discard();else if(s.length>0){if(t)for(const f of p(this,rs))u.unskip_effect(f,g=>{var _;(g.f&(Pe|Zt))!==0?u.schedule(g):q(_=u,U,Ns).call(_,[g])});u.activate();var a=new Set,i=new Map;for(var o of s)En(o,n,a,i);i=new Map;var l=[...u.current.keys()].filter(f=>this.current.has(f)?this.current.get(f)[0]!==f.v:!0);if(l.length>0)for(const f of p(this,Ss))(f.f&(Le|pe|$s))===0&&Ar(f,l,i)&&((f.f&(Zt|Pe))!==0?(Q(f,de),u.schedule(f)):p(u,ut).add(f));if(p(u,Ee).length>0&&!p(u,Et)){u.apply();for(var c of p(u,Ee))q(v=u,U,br).call(v,c,[],[]);V(u,Ee,[])}u.deactivate()}}}},yr=function(){Ht===null?or=Ht=this:(V(Ht,kt,this),V(this,dt,Ht)),Ht=this},$t=function(){var t=p(this,dt),s=p(this,kt);t===null?or=s:V(t,kt,s),s===null?Ht=t:V(s,dt,t),this.linked=!1};let Ft=Xs;function Xa(e){var t=gs;gs=!0;try{for(var s;;){if(Ua(),M===null)return s;M.flush()}}finally{gs=t}}function Ja(){try{ja()}catch(e){ht(e,gr)}}let Je=null;function $r(e){var t=e.length;if(t!==0){for(var s=0;s<t;){var r=e[s++];if((r.f&(Le|pe))===0&&zs(r)&&(Je=new Set,ls(r),r.deps===null&&r.first===null&&r.nodes===null&&r.teardown===null&&r.ac===null&&Hn(r),Je?.size>0)){Ot.clear();for(const n of Je){if((n.f&(Le|pe))!==0)continue;const a=[n];let i=n.parent;for(;i!==null;)Je.has(i)&&(Je.delete(i),a.push(i)),i=i.parent;for(let o=a.length-1;o>=0;o--){const l=a[o];(l.f&(Le|pe))===0&&ls(l)}}Je.clear()}}Je=null}}function En(e,t,s,r){if(!s.has(e)&&(s.add(e),e.reactions!==null))for(const n of e.reactions){const a=n.f;(a&ue)!==0?En(n,t,s,r):(a&(Zt|Pe))!==0&&(a&de)===0&&Ar(n,t,r)&&(Q(n,de),zr(n))}}function Ar(e,t,s){const r=s.get(e);if(r!==void 0)return r;if(e.deps!==null)for(const n of e.deps){if(At.call(t,n))return!0;if((n.f&ue)!==0&&Ar(n,t,s))return s.set(n,!0),!0}return s.set(e,!1),!1}function zr(e){M.schedule(e)}function jn(e,t){if(!((e.f&Ke)!==0&&(e.f&oe)!==0)){(e.f&de)!==0?t.d.push(e):(e.f&We)!==0&&t.m.push(e),Q(e,oe);for(var s=e.first;s!==null;)jn(s,t),s=s.next}}function Tn(e){Q(e,oe);for(var t=e.first;t!==null;)Tn(t),t=t.next}function Qa(e){let t=0,s=Dt(0),r;return()=>{Lr()&&(d(s),Kn(()=>(t===0&&(r=Dr(()=>e(()=>ms(s)))),t+=1,()=>{zt(()=>{t-=1,t===0&&(r?.(),r=void 0,ms(s))})})))}}var ei=Mt|cs;function ti(e,t,s,r){new si(e,t,s,r)}var Ae,jr,ze,jt,be,Oe,he,je,et,Tt,vt,ns,Es,js,tt,Js,te,ri,ni,ai,wr,Bs,Ks,xr,kr;class si{constructor(t,s,r,n){L(this,te);me(this,"parent");me(this,"is_pending",!1);me(this,"transform_error");L(this,Ae);L(this,jr,null);L(this,ze);L(this,jt);L(this,be);L(this,Oe,null);L(this,he,null);L(this,je,null);L(this,et,null);L(this,Tt,0);L(this,vt,0);L(this,ns,!1);L(this,Es,new Set);L(this,js,new Set);L(this,tt,null);L(this,Js,Qa(()=>(V(this,tt,Dt(p(this,Tt))),()=>{V(this,tt,null)})));V(this,Ae,t),V(this,ze,s),V(this,jt,a=>{var i=B;i.b=this,i.f|=vr,r(a)}),this.parent=B.b,this.transform_error=n??this.parent?.transform_error??(a=>a),V(this,be,rr(()=>{q(this,te,wr).call(this)},ei))}defer_effect(t){xn(t,p(this,Es),p(this,js))}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!p(this,ze).pending}update_pending_count(t,s){q(this,te,xr).call(this,t,s),V(this,Tt,p(this,Tt)+t),!(!p(this,tt)||p(this,ns))&&(V(this,ns,!0),zt(()=>{V(this,ns,!1),p(this,tt)&&os(p(this,tt),p(this,Tt))}))}get_effect_pending(){return p(this,Js).call(this),d(p(this,tt))}error(t){if(!p(this,ze).onerror&&!p(this,ze).failed)throw t;M?.is_fork?(p(this,Oe)&&M.skip_effect(p(this,Oe)),p(this,he)&&M.skip_effect(p(this,he)),p(this,je)&&M.skip_effect(p(this,je)),M.on_fork_commit(()=>{q(this,te,kr).call(this,t)})):q(this,te,kr).call(this,t)}}Ae=new WeakMap,jr=new WeakMap,ze=new WeakMap,jt=new WeakMap,be=new WeakMap,Oe=new WeakMap,he=new WeakMap,je=new WeakMap,et=new WeakMap,Tt=new WeakMap,vt=new WeakMap,ns=new WeakMap,Es=new WeakMap,js=new WeakMap,tt=new WeakMap,Js=new WeakMap,te=new WeakSet,ri=function(){try{V(this,Oe,Re(()=>p(this,jt).call(this,p(this,Ae))))}catch(t){this.error(t)}},ni=function(t){const s=p(this,ze).failed;s&&V(this,je,Re(()=>{s(p(this,Ae),()=>t,()=>()=>{})}))},ai=function(){const t=p(this,ze).pending;t&&(this.is_pending=!0,V(this,he,Re(()=>t(p(this,Ae)))),zt(()=>{var s=V(this,et,document.createDocumentFragment()),r=Rt();s.append(r),V(this,Oe,q(this,te,Ks).call(this,()=>Re(()=>p(this,jt).call(this,r)))),p(this,vt)===0&&(p(this,Ae).before(s),V(this,et,null),Vt(p(this,he),()=>{V(this,he,null)}),q(this,te,Bs).call(this,M))}))},wr=function(){try{if(this.is_pending=this.has_pending_snippet(),V(this,vt,0),V(this,Tt,0),V(this,Oe,Re(()=>{p(this,jt).call(this,p(this,Ae))})),p(this,vt)>0){var t=V(this,et,document.createDocumentFragment());Fr(p(this,Oe),t);const s=p(this,ze).pending;V(this,he,Re(()=>s(p(this,Ae))))}else q(this,te,Bs).call(this,M)}catch(s){this.error(s)}},Bs=function(t){this.is_pending=!1,t.transfer_effects(p(this,Es),p(this,js))},Ks=function(t){var s=B,r=N,n=Ie;Ze(p(this,be)),Fe(p(this,be)),is(p(this,be).ctx);try{return Ft.ensure(),t()}catch(a){return yn(a),null}finally{Ze(s),Fe(r),is(n)}},xr=function(t,s){var r;if(!this.has_pending_snippet()){this.parent&&q(r=this.parent,te,xr).call(r,t,s);return}V(this,vt,p(this,vt)+t),p(this,vt)===0&&(q(this,te,Bs).call(this,s),p(this,he)&&Vt(p(this,he),()=>{V(this,he,null)}),p(this,et)&&(p(this,Ae).before(p(this,et)),V(this,et,null)))},kr=function(t){p(this,Oe)&&(xe(p(this,Oe)),V(this,Oe,null)),p(this,he)&&(xe(p(this,he)),V(this,he,null)),p(this,je)&&(xe(p(this,je)),V(this,je,null));var s=p(this,ze).onerror;let r=p(this,ze).failed;var n=!1,a=!1;const i=()=>{if(n){Ha();return}n=!0,a&&Oa(),p(this,je)!==null&&Vt(p(this,je),()=>{V(this,je,null)}),q(this,te,Ks).call(this,()=>{q(this,te,wr).call(this)})},o=l=>{try{a=!0,s?.(l,i),a=!1}catch(c){ht(c,p(this,be)&&p(this,be).parent)}r&&V(this,je,q(this,te,Ks).call(this,()=>{try{return Re(()=>{var c=B;c.b=this,c.f|=vr,r(p(this,Ae),()=>l,()=>i)})}catch(c){return ht(c,p(this,be).parent),null}}))};zt(()=>{var l;try{l=this.transform_error(t)}catch(c){ht(c,p(this,be)&&p(this,be).parent);return}l!==null&&typeof l=="object"&&typeof l.then=="function"?l.then(o,c=>ht(c,p(this,be)&&p(this,be).parent)):o(l)})};function ii(e,t,s,r){const n=ys;var a=e.filter(f=>!f.settled);if(s.length===0&&a.length===0){r(t.map(n));return}var i=B,o=oi(),l=a.length===1?a[0].promise:a.length>1?Promise.all(a.map(f=>f.promise)):null;function c(f){if((i.f&Le)===0){o();try{r(f)}catch(g){ht(g,i)}Gs()}}var v=Cn();if(s.length===0){l.then(()=>c(t.map(n))).finally(v);return}function u(){Promise.all(s.map(f=>li(f))).then(f=>c([...t.map(n),...f])).catch(f=>ht(f,i)).finally(v)}l?l.then(()=>{o(),u(),Gs()}):u()}function oi(){var e=B,t=N,s=Ie,r=M;return function(a=!0){Ze(e),Fe(t),is(s),a&&(e.f&Le)===0&&(r?.activate(),r?.apply())}}function Gs(e=!0){Ze(null),Fe(null),is(null),e&&M?.deactivate()}function Cn(){var e=B,t=e.b,s=M,r=t.is_rendered();return t.update_pending_count(1,s),s.increment(r,e),()=>{t.update_pending_count(-1,s),s.decrement(r,e)}}function ys(e){var t=ue|de;return B!==null&&(B.f|=cs),{ctx:Ie,deps:null,effects:null,equals:_n,f:t,fn:e,reactions:null,rv:0,v:ie,wv:0,parent:B,ac:null}}const Ls=Symbol("obsolete");function li(e,t,s){let r=B;r===null&&wa();var n=void 0,a=Dt(ie),i=!N,o=new Set;return xi(()=>{var l=B,c=un();n=c.promise;try{Promise.resolve(e()).then(c.resolve,g=>{g!==sr&&c.reject(g)}).finally(Gs)}catch(g){c.reject(g),Gs()}var v=M;if(i){if((l.f&Pt)!==0)var u=Cn();if(r.b.is_rendered())v.async_deriveds.get(l)?.reject(Ls);else for(const g of o.values())g.reject(Ls);o.add(c),v.async_deriveds.set(l,c)}const f=(g,_=void 0)=>{u?.(),o.delete(c),_!==Ls&&(v.activate(),_?(a.f|=pt,os(a,_)):((a.f&pt)!==0&&(a.f^=pt),os(a,g)),v.deactivate())};c.promise.then(f,g=>f(null,g||"unknown"))}),Pn(()=>{for(const l of o)l.reject(Ls)}),new Promise(l=>{function c(v){function u(){v===n?l(a):c(n)}v.then(u,u)}c(n)})}function E(e){const t=ys(e);return Gn(t),t}function An(e){const t=ys(e);return t.equals=gn,t}function ci(e){var t=e.effects;if(t!==null){e.effects=null;for(var s=0;s<t.length;s+=1)xe(t[s])}}function Or(e){var t,s=B,r=e.parent;if(!nt&&r!==null&&e.v!==ie&&(r.f&(Le|pe))!==0)return Ka(),e.v;Ze(r);try{e.f&=~It,ci(e),t=Xn(e)}finally{Ze(s)}return t}function zn(e){var t=Or(e);if(!e.equals(t)&&(e.wv=Wn(),(!M?.is_fork||e.deps===null)&&(M!==null?(M.capture(e,t,!0),_r?.capture(e,t,!0)):e.v=t,e.deps===null))){Q(e,oe);return}nt||(Ne!==null?(Lr()||M?.is_fork)&&Ne.set(e,t):Cr(e))}function fi(e){if(e.effects!==null)for(const t of e.effects)(t.teardown||t.ac)&&(t.teardown?.(),t.ac?.abort(sr),t.fn!==null&&(t.teardown=dn),t.ac=null,ws(t,0),Mr(t))}function On(e){if(e.effects!==null)for(const t of e.effects)t.teardown&&t.fn!==null&&ls(t)}let Ys=new Set;const Ot=new Map;let Rn=!1;function Dt(e,t){var s={f:0,v:e,reactions:null,equals:_n,rv:0,wv:0};return s}function ne(e,t){const s=Dt(e);return Gn(s),s}function di(e,t=!1,s=!0){const r=Dt(e);return t||(r.equals=gn),r}function H(e,t,s=!1){N!==null&&(!Be||(N.f&$s)!==0)&&mn()&&(N.f&(ue|Pe|Zt|$s))!==0&&(Me===null||!At.call(Me,e))&&za();let r=s?we(t):t;return os(e,r,Ps)}function os(e,t,s=null){if(!e.equals(t)){Ot.set(e,nt?t:e.v);var r=Ft.ensure();if(r.capture(e,t),(e.f&ue)!==0){const n=e;(e.f&de)!==0&&Or(n),Ne===null&&Cr(n)}e.wv=Wn(),Vn(e,de,s),B!==null&&(B.f&oe)!==0&&(B.f&(Ke|_t))===0&&(Ce===null?Ei([e]):Ce.push(e)),!r.is_fork&&Ys.size>0&&!Rn&&ui()}return t}function ui(){Rn=!1;for(const e of Ys){(e.f&oe)!==0&&Q(e,We);let t;try{t=zs(e)}catch{t=!0}t&&ls(e)}Ys.clear()}function ms(e){H(e,e.v+1)}function Vn(e,t,s){var r=e.reactions;if(r!==null)for(var n=r.length,a=0;a<n;a++){var i=r[a],o=i.f,l=(o&de)===0;if(l&&Q(i,t),(o&$s)!==0)Ys.add(i);else if((o&ue)!==0){var c=i;Ne?.delete(c),(o&It)===0&&(o&Ve&&(B===null||(B.f&Us)===0)&&(i.f|=It),Vn(c,We,s))}else if(l){var v=i;(o&Pe)!==0&&Je!==null&&Je.add(v),s!==null?s.push(v):zr(v)}}}function we(e){if(typeof e!="object"||e===null||Xt in e)return e;const t=fn(e);if(t!==va&&t!==ha)return e;var s=new Map,r=Tr(e),n=ne(0),a=Lt,i=o=>{if(Lt===a)return o();var l=N,c=Lt;Fe(null),Zr(a);var v=o();return Fe(l),Zr(c),v};return r&&s.set("length",ne(e.length)),new Proxy(e,{defineProperty(o,l,c){(!("value"in c)||c.configurable===!1||c.enumerable===!1||c.writable===!1)&&Ca();var v=s.get(l);return v===void 0?i(()=>{var u=ne(c.value);return s.set(l,u),u}):H(v,c.value,!0),!0},deleteProperty(o,l){var c=s.get(l);if(c===void 0){if(l in o){const v=i(()=>ne(ie));s.set(l,v),ms(n)}}else H(c,ie),ms(n);return!0},get(o,l,c){if(l===Xt)return e;var v=s.get(l),u=l in o;if(v===void 0&&(!u||Wt(o,l)?.writable)&&(v=i(()=>{var g=we(u?o[l]:ie),_=ne(g);return _}),s.set(l,v)),v!==void 0){var f=d(v);return f===ie?void 0:f}return Reflect.get(o,l,c)},getOwnPropertyDescriptor(o,l){var c=Reflect.getOwnPropertyDescriptor(o,l);if(c&&"value"in c){var v=s.get(l);v&&(c.value=d(v))}else if(c===void 0){var u=s.get(l),f=u?.v;if(u!==void 0&&f!==ie)return{enumerable:!0,configurable:!0,value:f,writable:!0}}return c},has(o,l){if(l===Xt)return!0;var c=s.get(l),v=c!==void 0&&c.v!==ie||Reflect.has(o,l);if(c!==void 0||B!==null&&(!v||Wt(o,l)?.writable)){c===void 0&&(c=i(()=>{var f=v?we(o[l]):ie,g=ne(f);return g}),s.set(l,c));var u=d(c);if(u===ie)return!1}return v},set(o,l,c,v){var u=s.get(l),f=l in o;if(r&&l==="length")for(var g=c;g<u.v;g+=1){var _=s.get(g+"");_!==void 0?H(_,ie):g in o&&(_=i(()=>ne(ie)),s.set(g+"",_))}if(u===void 0)(!f||Wt(o,l)?.writable)&&(u=i(()=>ne(void 0)),H(u,we(c)),s.set(l,u));else{f=u.v!==ie;var b=i(()=>we(c));H(u,b)}var h=Reflect.getOwnPropertyDescriptor(o,l);if(h?.set&&h.set.call(v,c),!f){if(r&&typeof l=="string"){var m=s.get("length"),x=Number(l);Number.isInteger(x)&&x>=m.v&&H(m,x+1)}ms(n)}return!0},ownKeys(o){d(n);var l=Reflect.ownKeys(o).filter(u=>{var f=s.get(u);return f===void 0||f.v!==ie});for(var[c,v]of s)v.v!==ie&&!(c in o)&&l.push(c);return l},setPrototypeOf(){Aa()}})}function Ur(e){try{if(e!==null&&typeof e=="object"&&Xt in e)return e[Xt]}catch{}return e}function vi(e,t){return Object.is(Ur(e),Ur(t))}var Gr,Ln,Mn,In;function hi(){if(Gr===void 0){Gr=window,Ln=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,s=Text.prototype;Mn=Wt(t,"firstChild").get,In=Wt(t,"nextSibling").get,Kr(e)&&(e[hr]=void 0,e[Fs]=null,e[pr]=void 0,e.__e=void 0),Kr(s)&&(s[hs]=void 0)}}function Rt(e=""){return document.createTextNode(e)}function Ws(e){return Mn.call(e)}function As(e){return In.call(e)}function y(e,t){return Ws(e)}function Rr(e,t=!1){{var s=Ws(e);return s instanceof Comment&&s.data===""?As(s):s}}function w(e,t=1,s=!1){let r=e;for(;t--;)r=As(r);return r}function pi(e){e.textContent=""}function Fn(){return!1}function _i(e,t,s){return document.createElementNS(pn,e,void 0)}let Yr=!1;function gi(){Yr||(Yr=!0,document.addEventListener("reset",e=>{Promise.resolve().then(()=>{if(!e.defaultPrevented)for(const t of e.target.elements)t[Ds]?.()})},{capture:!0}))}function Vr(e){var t=N,s=B;Fe(null),Ze(null);try{return e()}finally{Fe(t),Ze(s)}}function Dn(e,t,s,r=s){e.addEventListener(t,()=>Vr(s));const n=e[Ds];n?e[Ds]=()=>{n(),r(!0)}:e[Ds]=()=>r(!0),gi()}function mi(e){B===null&&(N===null&&Ea(),Sa()),nt&&ka()}function bi(e,t){var s=t.last;s===null?t.last=t.first=e:(s.next=e,e.prev=s,t.last=e)}function at(e,t){var s=B;s!==null&&(s.f&pe)!==0&&(e|=pe);var r={ctx:Ie,deps:null,nodes:null,f:e|de|Ve,first:null,fn:t,last:null,next:null,parent:s,b:s&&s.b,prev:null,teardown:null,wv:0,ac:null};M?.register_created_effect(r);var n=r;if((e&as)!==0)Yt!==null?Yt.push(r):Ft.ensure().schedule(r);else if(t!==null){try{ls(r)}catch(i){throw xe(r),i}n.deps===null&&n.teardown===null&&n.nodes===null&&n.first===n.last&&(n.f&cs)===0&&(n=n.first,(e&Pe)!==0&&(e&Mt)!==0&&n!==null&&(n.f|=Mt))}if(n!==null&&(n.parent=s,s!==null&&bi(n,s),N!==null&&(N.f&ue)!==0&&(e&_t)===0)){var a=N;(a.effects??(a.effects=[])).push(n)}return r}function Lr(){return N!==null&&!Be}function Pn(e){const t=at(tr,null);return Q(t,oe),t.teardown=e,t}function Nn(e){mi();var t=B.f,s=!N&&(t&Ke)!==0&&(t&Pt)===0;if(s){var r=Ie;(r.e??(r.e=[])).push(e)}else return Bn(e)}function Bn(e){return at(as|ga,e)}function yi(e){Ft.ensure();const t=at(_t|cs,e);return(s={})=>new Promise(r=>{s.outro?Vt(t,()=>{xe(t),r(void 0)}):(xe(t),r(void 0))})}function wi(e){return at(as,e)}function xi(e){return at(Zt|cs,e)}function Kn(e,t=0){return at(tr|t,e)}function D(e,t=[],s=[],r=[]){ii(r,t,s,n=>{at(tr,()=>e(...n.map(d)))})}function rr(e,t=0){var s=at(Pe|t,e);return s}function Re(e){return at(Ke|cs,e)}function qn(e){var t=e.teardown;if(t!==null){const s=nt,r=N;Wr(!0),Fe(null);try{t.call(null)}finally{Wr(s),Fe(r)}}}function Mr(e,t=!1){var s=e.first;for(e.first=e.last=null;s!==null;){const n=s.ac;n!==null&&Vr(()=>{n.abort(sr)});var r=s.next;(s.f&_t)!==0?s.parent=null:xe(s,t),s=r}}function ki(e){for(var t=e.first;t!==null;){var s=t.next;(t.f&Ke)===0&&xe(t),t=s}}function xe(e,t=!0){var s=!1;(t||(e.f&_a)!==0)&&e.nodes!==null&&e.nodes.end!==null&&(Si(e.nodes.start,e.nodes.end),s=!0),Q(e,qr),Mr(e,t&&!s),ws(e,0);var r=e.nodes&&e.nodes.t;if(r!==null)for(const a of r)a.stop();qn(e),e.f^=qr,e.f|=Le;var n=e.parent;n!==null&&n.first!==null&&Hn(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=e.b=null}function Si(e,t){for(;e!==null;){var s=e===t?null:As(e);e.remove(),e=s}}function Hn(e){var t=e.parent,s=e.prev,r=e.next;s!==null&&(s.next=r),r!==null&&(r.prev=s),t!==null&&(t.first===e&&(t.first=r),t.last===e&&(t.last=s))}function Vt(e,t,s=!0){var r=[];$n(e,r,!0);var n=()=>{s&&xe(e),t&&t()},a=r.length;if(a>0){var i=()=>--a||n();for(var o of r)o.out(i)}else n()}function $n(e,t,s){if((e.f&pe)===0){e.f^=pe;var r=e.nodes&&e.nodes.t;if(r!==null)for(const o of r)(o.is_global||s)&&t.push(o);for(var n=e.first;n!==null;){var a=n.next;if((n.f&_t)===0){var i=(n.f&Mt)!==0||(n.f&Ke)!==0&&(e.f&Pe)!==0;$n(n,t,i?s:!1)}n=a}}}function Ir(e){Un(e,!0)}function Un(e,t){if((e.f&pe)!==0){e.f^=pe,(e.f&oe)===0&&(Q(e,de),Ft.ensure().schedule(e));for(var s=e.first;s!==null;){var r=s.next,n=(s.f&Mt)!==0||(s.f&Ke)!==0;Un(s,n?t:!1),s=r}var a=e.nodes&&e.nodes.t;if(a!==null)for(const i of a)(i.is_global||t)&&i.in()}}function Fr(e,t){if(e.nodes)for(var s=e.nodes.start,r=e.nodes.end;s!==null;){var n=s===r?null:As(s);t.append(s),s=n}}let qs=!1,nt=!1;function Wr(e){nt=e}let N=null,Be=!1;function Fe(e){N=e}let B=null;function Ze(e){B=e}let Me=null;function Gn(e){N!==null&&(Me===null?Me=[e]:Me.push(e))}let ye=null,Se=0,Ce=null;function Ei(e){Ce=e}let Yn=1,yt=0,Lt=yt;function Zr(e){Lt=e}function Wn(){return++Yn}function zs(e){var t=e.f;if((t&de)!==0)return!0;if(t&ue&&(e.f&=~It),(t&We)!==0){for(var s=e.deps,r=s.length,n=0;n<r;n++){var a=s[n];if(zs(a)&&zn(a),a.wv>e.wv)return!0}(t&Ve)!==0&&Ne===null&&Q(e,oe)}return!1}function Zn(e,t,s=!0){var r=e.reactions;if(r!==null&&!(Me!==null&&At.call(Me,e)))for(var n=0;n<r.length;n++){var a=r[n];(a.f&ue)!==0?Zn(a,t,!1):t===a&&(s?Q(a,de):(a.f&oe)!==0&&Q(a,We),zr(a))}}function Xn(e){var b;var t=ye,s=Se,r=Ce,n=N,a=Me,i=Ie,o=Be,l=Lt,c=e.f;ye=null,Se=0,Ce=null,N=(c&(Ke|_t))===0?e:null,Me=null,is(e.ctx),Be=!1,Lt=++yt,e.ac!==null&&(Vr(()=>{e.ac.abort(sr)}),e.ac=null);try{e.f|=Us;var v=e.fn,u=v();e.f|=Pt;var f=e.deps,g=M?.is_fork;if(ye!==null){var _;if(g||ws(e,Se),f!==null&&Se>0)for(f.length=Se+ye.length,_=0;_<ye.length;_++)f[Se+_]=ye[_];else e.deps=f=ye;if(Lr()&&(e.f&Ve)!==0)for(_=Se;_<f.length;_++)((b=f[_]).reactions??(b.reactions=[])).push(e)}else!g&&f!==null&&Se<f.length&&(ws(e,Se),f.length=Se);if(mn()&&Ce!==null&&!Be&&f!==null&&(e.f&(ue|We|de))===0)for(_=0;_<Ce.length;_++)Zn(Ce[_],e);if(n!==null&&n!==e){if(yt++,n.deps!==null)for(let h=0;h<s;h+=1)n.deps[h].rv=yt;if(t!==null)for(const h of t)h.rv=yt;Ce!==null&&(r===null?r=Ce:r.push(...Ce))}return(e.f&pt)!==0&&(e.f^=pt),u}catch(h){return yn(h)}finally{e.f^=Us,ye=t,Se=s,Ce=r,N=n,Me=a,is(i),Be=o,Lt=l}}function ji(e,t){let s=t.reactions;if(s!==null){var r=fa.call(s,e);if(r!==-1){var n=s.length-1;n===0?s=t.reactions=null:(s[r]=s[n],s.pop())}}if(s===null&&(t.f&ue)!==0&&(ye===null||!At.call(ye,t))){var a=t;(a.f&Ve)!==0&&(a.f^=Ve,a.f&=~It),a.v!==ie&&Cr(a),fi(a),ws(a,0)}}function ws(e,t){var s=e.deps;if(s!==null)for(var r=t;r<s.length;r++)ji(e,s[r])}function ls(e){var t=e.f;if((t&Le)===0){Q(e,oe);var s=B,r=qs;B=e,qs=!0;try{(t&(Pe|vn))!==0?ki(e):Mr(e),qn(e);var n=Xn(e);e.teardown=typeof n=="function"?n:null,e.wv=Yn;var a}finally{qs=r,B=s}}}async function Ti(){await Promise.resolve(),Xa()}function d(e){var t=e.f,s=(t&ue)!==0;if(N!==null&&!Be){var r=B!==null&&(B.f&Le)!==0;if(!r&&(Me===null||!At.call(Me,e))){var n=N.deps;if((N.f&Us)!==0)e.rv<yt&&(e.rv=yt,ye===null&&n!==null&&n[Se]===e?Se++:ye===null?ye=[e]:ye.push(e));else{N.deps??(N.deps=[]),At.call(N.deps,e)||N.deps.push(e);var a=e.reactions;a===null?e.reactions=[N]:At.call(a,N)||a.push(N)}}}if(nt&&Ot.has(e))return Ot.get(e);if(s){var i=e;if(nt){var o=i.v;return((i.f&oe)===0&&i.reactions!==null||Qn(i))&&(o=Or(i)),Ot.set(i,o),o}var l=(i.f&Ve)===0&&!Be&&N!==null&&(qs||(N.f&Ve)!==0),c=(i.f&Pt)===0;zs(i)&&(l&&(i.f|=Ve),zn(i)),l&&!c&&(On(i),Jn(i))}if(Ne?.has(e))return Ne.get(e);if((e.f&pt)!==0)throw e.v;return e.v}function Jn(e){if(e.f|=Ve,e.deps!==null)for(const t of e.deps)(t.reactions??(t.reactions=[])).push(e),(t.f&ue)!==0&&(t.f&Ve)===0&&(On(t),Jn(t))}function Qn(e){if(e.v===ie)return!0;if(e.deps===null)return!1;for(const t of e.deps)if(Ot.has(t)||(t.f&ue)!==0&&Qn(t))return!0;return!1}function Dr(e){var t=Be;try{return Be=!0,e()}finally{Be=t}}const Ci=["touchstart","touchmove"];function Ai(e){return Ci.includes(e)}const wt=Symbol("events"),ea=new Set,Sr=new Set;function ae(e,t,s){(t[wt]??(t[wt]={}))[e]=s}function qe(e){for(var t=0;t<e.length;t++)ea.add(e[t]);for(var s of Sr)s(e)}let Xr=null;function Jr(e){var t=this,s=t.ownerDocument,r=e.type,n=e.composedPath?.()||[],a=n[0]||e.target;Xr=e;var i=0,o=Xr===e&&e[wt];if(o){var l=n.indexOf(o);if(l!==-1&&(t===document||t===window)){e[wt]=t;return}var c=n.indexOf(t);if(c===-1)return;l<=c&&(i=l)}if(a=n[i]||e.target,a!==t){da(e,"currentTarget",{configurable:!0,get(){return a||s}});var v=N,u=B;Fe(null),Ze(null);try{for(var f,g=[];a!==null;){var _=a.assignedSlot||a.parentNode||a.host||null;try{var b=a[wt]?.[r];b!=null&&(!a.disabled||e.target===a)&&b.call(a,e)}catch(h){f?g.push(h):f=h}if(e.cancelBubble||_===t||_===null)break;a=_}if(f){for(let h of g)queueMicrotask(()=>{throw h});throw f}}finally{e[wt]=t,delete e.currentTarget,Fe(v),Ze(u)}}}const zi=globalThis?.window?.trustedTypes&&globalThis.window.trustedTypes.createPolicy("svelte-trusted-html",{createHTML:e=>e});function Oi(e){return zi?.createHTML(e)??e}function Ri(e){var t=_i("template");return t.innerHTML=Oi(e.replaceAll("<!>","<!---->")),t.content}function Qr(e,t){var s=B;s.nodes===null&&(s.nodes={start:e,end:t,a:null,t:null})}function C(e,t){var s=(t&Na)!==0,r=(t&Ba)!==0,n,a=!e.startsWith("<!>");return()=>{n===void 0&&(n=Ri(a?e:"<!>"+e),s||(n=Ws(n)));var i=r||Ln?document.importNode(n,!0):n.cloneNode(!0);if(s){var o=Ws(i),l=i.lastChild;Qr(o,l)}else Qr(i,i);return i}}function T(e,t){e!==null&&e.before(t)}function z(e,t){var s=t==null?"":typeof t=="object"?`${t}`:t;s!==(e[hs]??(e[hs]=e.nodeValue))&&(e[hs]=s,e.nodeValue=`${s}`)}function Vi(e,t){return Li(e,t)}const Ms=new Map;function Li(e,{target:t,anchor:s,props:r={},events:n,context:a,intro:i=!0,transformError:o}){hi();var l=void 0,c=yi(()=>{var v=s??t.appendChild(Rt());ti(v,{pending:()=>{}},g=>{se({});var _=Ie;a&&(_.c=a),n&&(r.$$events=n),l=e(g,r)||{},re()},o);var u=new Set,f=g=>{for(var _=0;_<g.length;_++){var b=g[_];if(!u.has(b)){u.add(b);var h=Ai(b);for(const S of[t,document]){var m=Ms.get(S);m===void 0&&(m=new Map,Ms.set(S,m));var x=m.get(b);x===void 0?(S.addEventListener(b,Jr,{passive:h}),m.set(b,1)):m.set(b,x+1)}}}};return f(er(ea)),Sr.add(f),()=>{for(var g of u)for(const h of[t,document]){var _=Ms.get(h),b=_.get(g);--b==0?(h.removeEventListener(g,Jr),_.delete(g),_.size===0&&Ms.delete(h)):_.set(g,b)}Sr.delete(f),v!==s&&v.parentNode?.removeChild(v)}});return Mi.set(l,c),l}let Mi=new WeakMap;var De,Ge,Te,Ct,Ts,Cs,Qs;class ta{constructor(t,s=!0){me(this,"anchor");L(this,De,new Map);L(this,Ge,new Map);L(this,Te,new Map);L(this,Ct,new Set);L(this,Ts,!0);L(this,Cs,t=>{if(p(this,De).has(t)){var s=p(this,De).get(t),r=p(this,Ge).get(s);if(r)Ir(r),p(this,Ct).delete(s);else{var n=p(this,Te).get(s);n&&(p(this,Ge).set(s,n.effect),p(this,Te).delete(s),n.fragment.lastChild.remove(),this.anchor.before(n.fragment),r=n.effect)}for(const[a,i]of p(this,De)){if(p(this,De).delete(a),a===t)break;const o=p(this,Te).get(i);o&&(xe(o.effect),p(this,Te).delete(i))}for(const[a,i]of p(this,Ge)){if(a===s||p(this,Ct).has(a))continue;const o=()=>{if(Array.from(p(this,De).values()).includes(a)){var c=document.createDocumentFragment();Fr(i,c),c.append(Rt()),p(this,Te).set(a,{effect:i,fragment:c})}else xe(i);p(this,Ct).delete(a),p(this,Ge).delete(a)};p(this,Ts)||!r?(p(this,Ct).add(a),Vt(i,o,!1)):o()}}});L(this,Qs,t=>{p(this,De).delete(t);const s=Array.from(p(this,De).values());for(const[r,n]of p(this,Te))s.includes(r)||(xe(n.effect),p(this,Te).delete(r))});this.anchor=t,V(this,Ts,s)}ensure(t,s){var r=M,n=Fn();if(s&&!p(this,Ge).has(t)&&!p(this,Te).has(t))if(n){var a=document.createDocumentFragment(),i=Rt();a.append(i),p(this,Te).set(t,{effect:Re(()=>s(i)),fragment:a})}else p(this,Ge).set(t,Re(()=>s(this.anchor)));if(p(this,De).set(r,t),n){for(const[o,l]of p(this,Ge))o===t?r.unskip_effect(l):r.skip_effect(l);for(const[o,l]of p(this,Te))o===t?r.unskip_effect(l.effect):r.skip_effect(l.effect);r.oncommit(p(this,Cs)),r.ondiscard(p(this,Qs))}else p(this,Cs).call(this,r)}}De=new WeakMap,Ge=new WeakMap,Te=new WeakMap,Ct=new WeakMap,Ts=new WeakMap,Cs=new WeakMap,Qs=new WeakMap;function ce(e,t,s=!1){var r=new ta(e),n=s?Mt:0;function a(i,o){r.ensure(i,o)}rr(()=>{var i=!1;t((o,l=0)=>{i=!0,a(l,o)}),i||a(-1,null)},n)}function us(e,t){return t}function Ii(e,t,s){for(var r=[],n=t.length,a,i=t.length,o=0;o<n;o++){let u=t[o];Vt(u,()=>{if(a){if(a.pending.delete(u),a.done.add(u),a.pending.size===0){var f=e.outrogroups;Er(e,er(a.done)),f.delete(a),f.size===0&&(e.outrogroups=null)}}else i-=1},!1)}if(i===0){var l=r.length===0&&s!==null;if(l){var c=s,v=c.parentNode;pi(v),v.append(c),e.items.clear()}Er(e,t,!l)}else a={pending:new Set(t),done:new Set},(e.outrogroups??(e.outrogroups=new Set)).add(a)}function Er(e,t,s=!0){var r;if(e.pending.size>0){r=new Set;for(const i of e.pending.values())for(const o of i)r.add(e.items.get(o).e)}for(var n=0;n<t.length;n++){var a=t[n];if(r?.has(a)){a.f|=Ye;const i=document.createDocumentFragment();Fr(a,i)}else xe(t[n],s)}}var en;function ee(e,t,s,r,n,a=null){var i=e,o=new Map,l=(t&hn)!==0;if(l){var c=e;i=c.appendChild(Rt())}var v=null,u=An(()=>{var S=s();return Tr(S)?S:S==null?[]:er(S)}),f,g=new Map,_=!0;function b(S){(x.effect.f&Le)===0&&(x.pending.delete(S),x.fallback=v,Fi(x,f,i,t,r),v!==null&&(f.length===0?(v.f&Ye)===0?Ir(v):(v.f^=Ye,_s(v,null,i)):Vt(v,()=>{v=null})))}function h(S){x.pending.delete(S)}var m=rr(()=>{f=d(u);for(var S=f.length,A=new Set,j=M,R=Fn(),I=0;I<S;I+=1){var k=f[I],G=r(k,I),P=_?null:o.get(G);P?(P.v&&os(P.v,k),P.i&&os(P.i,I),R&&j.unskip_effect(P.e)):(P=Di(o,_?i:en??(en=Rt()),k,G,I,n,t,s),_||(P.e.f|=Ye),o.set(G,P)),A.add(G)}if(S===0&&a&&!v&&(_?v=Re(()=>a(i)):(v=Re(()=>a(en??(en=Rt()))),v.f|=Ye)),S>A.size&&xa(),!_)if(g.set(j,A),R){for(const[F,K]of o)A.has(F)||j.skip_effect(K.e);j.oncommit(b),j.ondiscard(h)}else b(j);d(u)}),x={effect:m,items:o,pending:g,outrogroups:null,fallback:v};_=!1}function vs(e){for(;e!==null&&(e.f&Ke)===0;)e=e.next;return e}function Fi(e,t,s,r,n){var a=(r&La)!==0,i=t.length,o=e.items,l=vs(e.effect.first),c,v=null,u,f=[],g=[],_,b,h,m;if(a)for(m=0;m<i;m+=1)_=t[m],b=n(_,m),h=o.get(b).e,(h.f&Ye)===0&&(h.nodes?.a?.measure(),(u??(u=new Set)).add(h));for(m=0;m<i;m+=1){if(_=t[m],b=n(_,m),h=o.get(b).e,e.outrogroups!==null)for(const P of e.outrogroups)P.pending.delete(h),P.done.delete(h);if((h.f&pe)!==0&&(Ir(h),a&&(h.nodes?.a?.unfix(),(u??(u=new Set)).delete(h))),(h.f&Ye)!==0)if(h.f^=Ye,h===l)_s(h,null,s);else{var x=v?v.next:l;h===e.effect.last&&(e.effect.last=h.prev),h.prev&&(h.prev.next=h.next),h.next&&(h.next.prev=h.prev),ft(e,v,h),ft(e,h,x),_s(h,x,s),v=h,f=[],g=[],l=vs(v.next);continue}if(h!==l){if(c!==void 0&&c.has(h)){if(f.length<g.length){var S=g[0],A;v=S.prev;var j=f[0],R=f[f.length-1];for(A=0;A<f.length;A+=1)_s(f[A],S,s);for(A=0;A<g.length;A+=1)c.delete(g[A]);ft(e,j.prev,R.next),ft(e,v,j),ft(e,R,S),l=S,v=R,m-=1,f=[],g=[]}else c.delete(h),_s(h,l,s),ft(e,h.prev,h.next),ft(e,h,v===null?e.effect.first:v.next),ft(e,v,h),v=h;continue}for(f=[],g=[];l!==null&&l!==h;)(c??(c=new Set)).add(l),g.push(l),l=vs(l.next);if(l===null)continue}(h.f&Ye)===0&&f.push(h),v=h,l=vs(h.next)}if(e.outrogroups!==null){for(const P of e.outrogroups)P.pending.size===0&&(Er(e,er(P.done)),e.outrogroups?.delete(P));e.outrogroups.size===0&&(e.outrogroups=null)}if(l!==null||c!==void 0){var I=[];if(c!==void 0)for(h of c)(h.f&pe)===0&&I.push(h);for(;l!==null;)(l.f&pe)===0&&l!==e.fallback&&I.push(l),l=vs(l.next);var k=I.length;if(k>0){var G=(r&hn)!==0&&i===0?s:null;if(a){for(m=0;m<k;m+=1)I[m].nodes?.a?.measure();for(m=0;m<k;m+=1)I[m].nodes?.a?.fix()}Ii(e,I,G)}}a&&zt(()=>{if(u!==void 0)for(h of u)h.nodes?.a?.apply()})}function Di(e,t,s,r,n,a,i,o){var l=(i&Ra)!==0?(i&Ma)===0?di(s,!1,!1):Dt(s):null,c=(i&Va)!==0?Dt(n):null;return{v:l,i:c,e:Re(()=>(a(t,l??s,c??n,o),()=>{e.delete(r)}))}}function _s(e,t,s){if(e.nodes)for(var r=e.nodes.start,n=e.nodes.end,a=t&&(t.f&Ye)===0?t.nodes.start:s;r!==null;){var i=As(r);if(a.before(r),r===n)return;r=i}}function ft(e,t,s){t===null?e.effect.first=s:t.next=s,s===null?e.effect.last=t:s.prev=t}function Pi(e,t,...s){var r=new ta(e);rr(()=>{const n=t()??null;r.ensure(n,n&&(a=>n(a,...s)))},Mt)}const tn=[...` 	
+\r\f \v\uFEFF`];function Ni(e,t,s){var r=e==null?"":""+e;if(s){for(var n of Object.keys(s))if(s[n])r=r?r+" "+n:n;else if(r.length)for(var a=n.length,i=0;(i=r.indexOf(n,i))>=0;){var o=i+a;(i===0||tn.includes(r[i-1]))&&(o===r.length||tn.includes(r[o]))?r=(i===0?"":r.substring(0,i))+r.substring(o+1):i=o}}return r===""?null:r}function sn(e,t=!1){var s=t?" !important;":";",r="";for(var n of Object.keys(e)){var a=e[n];a!=null&&a!==""&&(r+=" "+n+": "+a+s)}return r}function cr(e){return e[0]!=="-"||e[1]!=="-"?e.toLowerCase():e}function Bi(e,t){if(t){var s="",r,n;if(Array.isArray(t)?(r=t[0],n=t[1]):r=t,e){e=String(e).replaceAll(/\s*\/\*.*?\*\/\s*/g,"").trim();var a=!1,i=0,o=!1,l=[];r&&l.push(...Object.keys(r).map(cr)),n&&l.push(...Object.keys(n).map(cr));var c=0,v=-1;const b=e.length;for(var u=0;u<b;u++){var f=e[u];if(o?f==="/"&&e[u-1]==="*"&&(o=!1):a?a===f&&(a=!1):f==="/"&&e[u+1]==="*"?o=!0:f==='"'||f==="'"?a=f:f==="("?i++:f===")"&&i--,!o&&a===!1&&i===0){if(f===":"&&v===-1)v=u;else if(f===";"||u===b-1){if(v!==-1){var g=cr(e.substring(c,v).trim());if(!l.includes(g)){f!==";"&&u++;var _=e.substring(c,u).trim();s+=" "+_+";"}}c=u+1,v=-1}}}}return r&&(s+=sn(r)),n&&(s+=sn(n,!0)),s=s.trim(),s===""?null:s}return e==null?null:String(e)}function Jt(e,t,s,r,n,a){var i=e[hr];if(i!==s||i===void 0){var o=Ni(s,r,a);o==null?e.removeAttribute("class"):e.className=o,e[hr]=s}else if(a&&n!==a)for(var l in a){var c=!!a[l];(n==null||c!==!!n[l])&&e.classList.toggle(l,c)}return a}function fr(e,t={},s,r){for(var n in s){var a=s[n];t[n]!==a&&(s[n]==null?e.style.removeProperty(n):e.style.setProperty(n,a,r))}}function xt(e,t,s,r){var n=e[pr];if(n!==t){var a=Bi(t,r);a==null?e.removeAttribute("style"):e.style.cssText=a,e[pr]=t}else r&&(Array.isArray(r)?(fr(e,s?.[0],r[0]),fr(e,s?.[1],r[1],"important")):fr(e,s,r));return r}function Pr(e,t,s=!1){if(e.multiple){if(t==null)return;if(!Tr(t))return qa();for(var r of e.options)r.selected=t.includes(bs(r));return}for(r of e.options){var n=bs(r);if(vi(n,t)){r.selected=!0;return}}(!s||t!==void 0)&&(e.selectedIndex=-1)}function sa(e){var t=new MutationObserver(()=>{Pr(e,e.__value)});t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),Pn(()=>{t.disconnect()})}function rn(e,t,s=t){var r=new WeakSet,n=!0;Dn(e,"change",a=>{var i=a?"[selected]":":checked",o;if(e.multiple)o=[].map.call(e.querySelectorAll(i),bs);else{var l=e.querySelector(i)??e.querySelector("option:not([disabled])");o=l&&bs(l)}s(o),e.__value=o,M!==null&&r.add(M)}),wi(()=>{var a=t();if(e===document.activeElement){var i=M;if(r.has(i))return}if(Pr(e,a,n),n&&a===void 0){var o=e.querySelector(":checked");o!==null&&(a=bs(o),s(a))}e.__value=a,n=!1}),sa(e)}function bs(e){return"__value"in e?e.__value:e.value}const Ki=Symbol("is custom element"),qi=Symbol("is html"),Hi=ya?"progress":"PROGRESS";function Zs(e,t){var s=ra(e);s.value===(s.value=t??void 0)||e.value===t&&(t!==0||e.nodeName!==Hi)||(e.value=t??"")}function Y(e,t,s,r){var n=ra(e);n[t]!==(n[t]=s)&&(t==="loading"&&(e[ba]=s),s==null?e.removeAttribute(t):typeof s!="string"&&$i(e).includes(t)?e[t]=s:e.setAttribute(t,s))}function ra(e){return e[Fs]??(e[Fs]={[Ki]:e.nodeName.includes("-"),[qi]:e.namespaceURI===pn})}var nn=new Map;function $i(e){var t=e.getAttribute("is")||e.nodeName,s=nn.get(t);if(s)return s;nn.set(t,s=[]);for(var r,n=e,a=Element.prototype;a!==n;){r=ua(n);for(var i in r)r[i].set&&i!=="innerHTML"&&i!=="textContent"&&i!=="innerText"&&s.push(i);n=fn(n)}return s}function Hs(e,t,s=t){var r=new WeakSet;Dn(e,"input",async n=>{var a=n?e.defaultValue:e.value;if(a=dr(e)?ur(a):a,s(a),M!==null&&r.add(M),await Ti(),a!==(a=t())){var i=e.selectionStart,o=e.selectionEnd,l=e.value.length;if(e.value=a??"",o!==null){var c=e.value.length;i===o&&o===l&&c>l?(e.selectionStart=c,e.selectionEnd=c):(e.selectionStart=i,e.selectionEnd=Math.min(o,c))}}}),Dr(t)==null&&e.value&&(s(dr(e)?ur(e.value):e.value),M!==null&&r.add(M)),Kn(()=>{var n=t();if(e===document.activeElement){var a=M;if(r.has(a))return}dr(e)&&n===ur(e.value)||e.type==="date"&&!n&&!e.value||n!==e.value&&(e.value=n??"")})}function dr(e){var t=e.type;return t==="number"||t==="range"}function ur(e){return e===""?null:+e}function W(e,t,s,r){var n=!0,a=(s&Da)!==0,i=(s&Pa)!==0,o=r,l=!0,c=void 0,v=()=>i&&n?(c??(c=ys(r)),d(c)):(l&&(l=!1,o=i?Dr(r):r),o);let u;if(a){var f=Xt in e||ma in e;u=Wt(e,t)?.set??(f&&t in e?A=>e[t]=A:void 0)}var g,_=!1;a?[g,_]=Ya(()=>e[t]):g=e[t],g===void 0&&r!==void 0&&(g=v(),u&&(Ta(),u(g)));var b;if(b=()=>{var A=e[t];return A===void 0?v():(l=!0,A)},(s&Fa)===0)return b;if(u){var h=e.$$legacy;return(function(A,j){return arguments.length>0?((!j||h||_)&&u(j?b():A),A):b()})}var m=!1,x=((s&Ia)!==0?ys:An)(()=>(m=!1,b()));a&&d(x);var S=B;return(function(A,j){if(arguments.length>0){const R=j?d(x):a?we(A):A;return H(x,R),m=!0,o!==void 0&&(o=R),A}return nt&&m||(S.f&Le)!==0?x.v:d(x)})}const Ui="5";var cn;typeof window<"u"&&((cn=window.__svelte??(window.__svelte={})).v??(cn.v=new Set)).add(Ui);const Ut=typeof window<"u"&&window.slashedBricksApp?window.slashedBricksApp:{defaults:{},settings:{},tabs:{},rest:{url:"",nonce:""}},J={defaults:Ut.defaults||{},tabs:Ut.tabs||{},rest:Ut.rest||{url:"",nonce:""},inventory:Ut.inventory||{variables:[],sf_classes:[],is_classes:[]},pluginSettings:Ut.pluginSettings||{}},$=we(structuredClone(Ut.settings||{})),O=we({activeTab:Gi(J.tabs)||"colors",dirty:!1,saving:!1,lastSavedAt:null,error:""});function Gi(e){for(const t in e)return t;return null}function na(){O.dirty=!0,O.error=""}function Yi(e){$[e]&&delete $[e]}function xs(e,t,s){$[e]||($[e]={}),s===""||s===null||s===void 0||typeof s=="string"&&s.trim()===""?delete $[e][t]:$[e][t]=String(s),na()}var Wi=C('<button type="button"> </button>'),Zi=C('<nav class="tab-nav svelte-yyiz68" aria-label="Settings sections"></nav>');function Xi(e,t){se(t,!0);var s=Zi();ee(s,21,()=>Object.entries(J.tabs),([r,n])=>r,(r,n)=>{var a=E(()=>st(d(n),2));let i=()=>d(a)[0],o=()=>d(a)[1];var l=Wi();let c;var v=y(l);D(()=>{c=Jt(l,1,"tab-nav__btn svelte-yyiz68",null,c,{active:O.activeTab===i()}),z(v,o())}),ae("click",l,()=>O.activeTab=i()),T(r,l)}),T(e,s),re()}qe(["click"]);var Ji=C('<code class="row__var svelte-1es83p3"> </code>'),Qi=C('<input type="color" title="Pick a color (HEX)" class="row__hex svelte-1es83p3"/> <input type="text" spellcheck="false" class="row__hex-text svelte-1es83p3" aria-label="HEX value"/>',1),eo=C('<input type="text" spellcheck="false" class="row__raw svelte-1es83p3" aria-label="Advanced color value"/>'),to=C('<div class="row svelte-1es83p3"><div class="row__label svelte-1es83p3"><label class="svelte-1es83p3"> </label> <!></div> <div class="row__inputs svelte-1es83p3"><span class="row__swatch svelte-1es83p3" aria-hidden="true"></span> <!> <button type="button" class="row__toggle svelte-1es83p3"> </button></div></div>');function Is(e,t){se(t,!0);let s=W(t,"hexHint",3,""),r=W(t,"rawHint",3,""),n=W(t,"cssVar",3,"");const a=/^#([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/,i=(()=>{const F=($.colors?.[t.storeKey]??"").trim(),K=F===""||a.test(F);return{mode:K?"hex":"raw",hex:K?F:"",raw:K?"":F}})();let o=ne(we(i.mode)),l=ne(we(i.hex)),c=ne(we(i.raw));function v(){$.colors||($.colors={});const F=d(c).trim(),K=d(l).trim(),X=d(o)==="raw"?F:K;X===""?delete $.colors[t.storeKey]:$.colors[t.storeKey]=X,na()}function u(){d(o)==="hex"?(H(o,"raw"),H(l,"")):(H(o,"hex"),H(c,"")),v()}const f=E(()=>(d(o)==="raw"?d(c):d(l))||s()||"transparent");var g=to(),_=y(g),b=y(_),h=y(b),m=w(b,2);{var x=F=>{var K=Ji(),X=y(K);D(()=>z(X,n())),T(F,K)};ce(m,F=>{n()&&F(x)})}var S=w(_,2),A=y(S);let j;var R=w(A,2);{var I=F=>{var K=Qi(),X=Rr(K),ve=w(X,2);D(()=>{Y(X,"id",t.storeKey),Y(ve,"placeholder",s())}),ae("input",X,v),Hs(X,()=>d(l),ke=>H(l,ke)),ae("input",ve,v),Hs(ve,()=>d(l),ke=>H(l,ke)),T(F,K)},k=F=>{var K=eo();D(()=>{Y(K,"id",t.storeKey),Y(K,"placeholder",r())}),ae("input",K,v),Hs(K,()=>d(c),X=>H(c,X)),T(F,K)};ce(R,F=>{d(o)==="hex"?F(I):F(k,-1)})}var G=w(R,2),P=y(G);D(()=>{Y(b,"for",t.storeKey),z(h,t.label),j=xt(A,"",j,{background:d(f)}),z(P,d(o)==="hex"?"Advanced (oklch / raw)":"Use HEX picker")}),ae("click",G,u),T(e,g),re()}qe(["input","click"]);var so=C(`<section><h2 class="svelte-1vle0rm">Brand Colors — Light Mode</h2> <p class="hint svelte-1vle0rm">Pick a color via the HEX input, or switch to <em>Advanced</em> to paste any
     CSS color value (oklch, rgb, hsl, var(...), etc). Whatever you save is fed
     straight into the framework as the source of the brand scale.</p> <div class="rows svelte-1vle0rm"></div> <h2 class="dark-heading svelte-1vle0rm">Brand Colors — Dark Mode</h2> <p class="hint svelte-1vle0rm">Optional overrides for dark mode. Leave empty to let the framework auto-derive
     dark variants from the light source colors. Set explicit values for full
-    control over dark-mode appearance.</p> <div class="rows rows--dark svelte-1vle0rm"></div> <h2 class="status-heading svelte-1vle0rm">Status Colors — Light Mode</h2> <div class="rows svelte-1vle0rm"></div> <h2 class="dark-heading svelte-1vle0rm">Status Colors — Dark Mode</h2> <p class="hint svelte-1vle0rm">Optional overrides for dark mode. Leave empty for auto-derivation.</p> <div class="rows rows--dark svelte-1vle0rm"></div></section>`);function eo(e,t){se(t,!0);const s=ee.defaults?.colors??{},r=c=>c.charAt(0).toUpperCase()+c.slice(1);var n=Qi(),a=k(y(n),4);Q(a,21,()=>Object.entries(s.brand??{}),([c,h])=>c,(c,h)=>{var d=E(()=>et(u(h),2));let f=()=>u(d)[0],g=()=>u(d)[1];{let _=E(()=>`brand_${f()}`),b=E(()=>r(f())),v=E(()=>s.brand_hex_hints?.[f()]??""),m=E(()=>`--sf-color-${f()}-light`);Ls(c,{get storeKey(){return u(_)},get label(){return u(b)},get hexHint(){return u(v)},get rawHint(){return g()},get cssVar(){return u(m)}})}});var i=k(a,6);Q(i,21,()=>Object.entries(s.brand_dark??s.brand??{}),([c])=>c,(c,h)=>{var d=E(()=>et(u(h),1));let f=()=>u(d)[0];{let g=E(()=>`brand_dark_${f()}`),_=E(()=>r(f())),b=E(()=>s.brand_dark_hex_hints?.[f()]??""),v=E(()=>s.brand_dark?.[f()]??""),m=E(()=>`--sf-color-${f()}-dark`);Ls(c,{get storeKey(){return u(g)},get label(){return u(_)},get hexHint(){return u(b)},get rawHint(){return u(v)},get cssVar(){return u(m)}})}});var l=k(i,4);Q(l,21,()=>Object.entries(s.status??{}),([c,h])=>c,(c,h)=>{var d=E(()=>et(u(h),2));let f=()=>u(d)[0],g=()=>u(d)[1];{let _=E(()=>`status_${f()}`),b=E(()=>r(f())),v=E(()=>s.status_hex_hints?.[f()]??""),m=E(()=>`--sf-color-${f()}-light`);Ls(c,{get storeKey(){return u(_)},get label(){return u(b)},get hexHint(){return u(v)},get rawHint(){return g()},get cssVar(){return u(m)}})}});var o=k(l,6);Q(o,21,()=>Object.entries(s.status_dark??s.status??{}),([c])=>c,(c,h)=>{var d=E(()=>et(u(h),1));let f=()=>u(d)[0];{let g=E(()=>`status_dark_${f()}`),_=E(()=>r(f())),b=E(()=>s.status_dark_hex_hints?.[f()]??""),v=E(()=>s.status_dark?.[f()]??""),m=E(()=>`--sf-color-${f()}-dark`);Ls(c,{get storeKey(){return u(g)},get label(){return u(_)},get hexHint(){return u(b)},get rawHint(){return u(v)},get cssVar(){return u(m)}})}}),j(e,n),re()}var to=A('<label class="svelte-miyob8"> </label>'),so=A('<span class="row__label-text svelte-miyob8"> </span>'),ro=A('<code class="row__var svelte-miyob8"> </code>'),no=A('<p class="row__desc svelte-miyob8"> </p>'),ao=A('<div class="row svelte-miyob8"><div class="row__label svelte-miyob8"><!> <!></div> <div class="row__inputs svelte-miyob8"><!> <!></div></div>');function sr(e,t){let s=Z(t,"cssVar",3,""),r=Z(t,"fieldId",3,""),n=Z(t,"description",3,"");var a=ao(),i=y(a),l=y(i);{var o=v=>{var m=to(),w=y(m);I(()=>{U(m,"for",r()),C(w,t.label)}),j(v,m)},c=v=>{var m=so(),w=y(m);I(()=>C(w,t.label)),j(v,m)};le(l,v=>{r()?v(o):v(c,-1)})}var h=k(l,2);{var d=v=>{var m=ro(),w=y(m);I(()=>C(w,s())),j(v,m)};le(h,v=>{s()&&v(d)})}var f=k(i,2),g=y(f);Mi(g,()=>t.children??on);var _=k(g,2);{var b=v=>{var m=no(),w=y(m);I(()=>C(w,n())),j(v,m)};le(_,v=>{n()&&v(b)})}j(e,a)}var io=A('<span class="unit svelte-cifrt1"> </span>'),oo=A('<input type="range" class="range svelte-cifrt1" aria-hidden="true" tabindex="-1"/> <input type="number" class="number svelte-cifrt1"/> <!>',1);function Ht(e,t){se(t,!0);let s=Z(t,"cssVar",3,""),r=Z(t,"unit",3,""),n=Z(t,"description",3,"");const a=E(()=>Y[t.section]?.[t.fieldKey]===void 0||Y[t.section]?.[t.fieldKey]===null?"":String(Y[t.section][t.fieldKey])),i=E(()=>u(a)===""||Number.isNaN(Number(u(a)))?Number(t.default):Number(u(a)));function l(c){bs(t.section,t.fieldKey,c.currentTarget.value)}function o(c){bs(t.section,t.fieldKey,c.currentTarget.value)}sr(e,{get label(){return t.label},get cssVar(){return s()},get fieldId(){return t.fieldKey},get description(){return n()},children:(c,h)=>{var d=oo(),f=Vr(d),g=k(f,2),_=k(g,2);{var b=v=>{var m=io(),w=y(m);I(()=>C(w,r())),j(v,m)};le(_,v=>{r()&&v(b)})}I(v=>{U(f,"min",t.min),U(f,"max",t.max),U(f,"step",t.step),Ws(f,u(i)),U(g,"id",t.fieldKey),U(g,"min",t.min),U(g,"max",t.max),U(g,"step",t.step),Ws(g,u(a)),U(g,"placeholder",v)},[()=>String(t.default)]),oe("input",f,l),oe("input",g,o),j(c,d)},$$slots:{default:!0}}),re()}Be(["input"]);var lo=A("<option> </option>"),co=A('<select class="select svelte-r7dp44"><option> </option><!></select>');function fo(e,t){se(t,!0);let s=Z(t,"options",19,()=>[]),r=Z(t,"default",3,""),n=Z(t,"cssVar",3,""),a=Z(t,"description",3,"");const i=E(()=>s().map(c=>typeof c=="string"?{value:c,label:c}:c)),l=E(()=>Y[t.section]?.[t.fieldKey]===void 0||Y[t.section]?.[t.fieldKey]===null?"":String(Y[t.section][t.fieldKey]));function o(c){bs(t.section,t.fieldKey,c.currentTarget.value)}sr(e,{get label(){return t.label},get cssVar(){return n()},get fieldId(){return t.fieldKey},get description(){return a()},children:(c,h)=>{var d=co(),f=y(d),g=y(f);f.value=f.__value="";var _=k(f);Q(_,17,()=>u(i),v=>v.value,(v,m)=>{var w=lo(),x=y(w),T={};I(()=>{C(x,u(m).label),T!==(T=u(m).value)&&(w.value=(w.__value=u(m).value)??"")}),j(v,w)});var b;$n(d),I(()=>{U(d,"id",t.fieldKey),C(g,`Default (${r()??""})`),b!==(b=u(l))&&(d.value=(d.__value=u(l))??"",Dr(d,u(l)))}),oe("change",d,o),j(c,d)},$$slots:{default:!0}}),re()}Be(["change"]);var uo=A('<section><h2 class="svelte-jpmt71">Contrast</h2> <p class="hint svelte-jpmt71">Fine-tune how the framework derives shades and picks readable text colors against your brand colors.</p> <div class="rows svelte-jpmt71"><!> <!></div> <h2 class="group-heading svelte-jpmt71">Opacity</h2> <div class="rows svelte-jpmt71"><!></div> <h2 class="group-heading svelte-jpmt71">Focus ring</h2> <p class="hint svelte-jpmt71">Visual indicator drawn around keyboard-focused elements. Lower the offset to tighten the ring, raise it to give the element more breathing room.</p> <div class="rows svelte-jpmt71"><!> <!> <!></div></section>');function vo(e,t){se(t,!0);const s="contrast",r=ee.defaults?.[s]??{};var n=uo(),a=k(y(n),4),i=y(a);{let _=E(()=>r.contrast_bias??0);Ht(i,{section:s,fieldKey:"contrast_bias",label:"Contrast bias",description:"Shifts every derived shade up (positive) or down (negative). Useful to brighten or dim the entire scale without re-picking source colors.",min:-.2,max:.2,step:.01,get default(){return u(_)},cssVar:"--sf-contrast-bias"})}var l=k(i,2);{let _=E(()=>r.contrast_threshold??.6);Ht(l,{section:s,fieldKey:"contrast_threshold",label:"Contrast threshold",description:"Lightness threshold used to pick text-on-color (white vs. black). Lower values prefer dark text on more colors; higher values prefer white text.",min:0,max:1,step:.01,get default(){return u(_)},cssVar:"--sf-contrast-threshold"})}var o=k(a,4),c=y(o);{let _=E(()=>r.opacity_disabled??.45);Ht(c,{section:s,fieldKey:"opacity_disabled",label:"Disabled opacity",description:"Opacity applied to disabled UI elements (buttons, inputs, links).",min:0,max:1,step:.01,get default(){return u(_)},cssVar:"--sf-opacity-disabled"})}var h=k(o,6),d=y(h);{let _=E(()=>r.focus_ring_width??2);Ht(d,{section:s,fieldKey:"focus_ring_width",label:"Ring width",min:0,max:8,step:.5,get default(){return u(_)},cssVar:"--sf-focus-ring-width",unit:"px"})}var f=k(d,2);{let _=E(()=>r.focus_ring_offset??2);Ht(f,{section:s,fieldKey:"focus_ring_offset",label:"Ring offset",min:0,max:8,step:.5,get default(){return u(_)},cssVar:"--sf-focus-ring-offset",unit:"px"})}var g=k(f,2);{let _=E(()=>r.focus_ring_style??"solid");fo(g,{section:s,fieldKey:"focus_ring_style",label:"Ring style",options:["solid","dashed","dotted","double","none"],get default(){return u(_)},cssVar:"--sf-focus-ring-style"})}j(e,n),re()}var ho=A('<input type="text" spellcheck="false"/>');function ta(e,t){se(t,!0);let s=Z(t,"default",3,""),r=Z(t,"cssVar",3,""),n=Z(t,"description",3,""),a=Z(t,"mono",3,!1),i=Z(t,"width",3,"320px");const l=E(()=>Y[t.section]?.[t.fieldKey]===void 0||Y[t.section]?.[t.fieldKey]===null?"":String(Y[t.section][t.fieldKey]));function o(c){bs(t.section,t.fieldKey,c.currentTarget.value)}sr(e,{get label(){return t.label},get cssVar(){return r()},get fieldId(){return t.fieldKey},get description(){return n()},children:(c,h)=>{var d=ho();let f,g;I(_=>{U(d,"id",t.fieldKey),f=Zt(d,1,"text svelte-j8yw6l",null,f,{mono:a()}),Ws(d,u(l)),U(d,"placeholder",_),g=bt(d,"",g,{width:i()})},[()=>String(s())]),oe("input",d,o),j(c,d)},$$slots:{default:!0}}),re()}Be(["input"]);var po=A('<span class="unit svelte-1pjh3bn"> </span>'),_o=A('<input type="number" class="number svelte-1pjh3bn"/> <!>',1);function tt(e,t){se(t,!0);let s=Z(t,"min",3,void 0),r=Z(t,"max",3,void 0),n=Z(t,"step",3,void 0),a=Z(t,"default",3,""),i=Z(t,"cssVar",3,""),l=Z(t,"unit",3,""),o=Z(t,"description",3,""),c=Z(t,"width",3,"120px");const h=E(()=>Y[t.section]?.[t.fieldKey]===void 0||Y[t.section]?.[t.fieldKey]===null?"":String(Y[t.section][t.fieldKey]));function d(f){bs(t.section,t.fieldKey,f.currentTarget.value)}sr(e,{get label(){return t.label},get cssVar(){return i()},get fieldId(){return t.fieldKey},get description(){return o()},children:(f,g)=>{var _=_o(),b=Vr(_);let v;var m=k(b,2);{var w=x=>{var T=po(),F=y(T);I(()=>C(F,l())),j(x,T)};le(m,x=>{l()&&x(w)})}I(x=>{U(b,"id",t.fieldKey),U(b,"min",s()),U(b,"max",r()),U(b,"step",n()),Ws(b,u(h)),U(b,"placeholder",x),v=bt(b,"",v,{width:c()})},[()=>String(a())]),oe("input",b,d),j(f,_)},$$slots:{default:!0}}),re()}Be(["input"]);var go=A('<div class="size-row svelte-743nsg"><div class="size-row__label"><span class="size-row__name svelte-743nsg"> </span> <code class="size-row__var svelte-743nsg"> </code></div> <div class="size-row__inputs svelte-743nsg"><!> <!></div></div>'),mo=A('<section><h2 class="svelte-743nsg">Font Families</h2> <div class="rows svelte-743nsg"></div> <h2 class="group-heading svelte-743nsg">Font Size Scale</h2> <p class="hint svelte-743nsg">Min and max values in <code class="svelte-743nsg">rem</code> for fluid type scaling via <code class="svelte-743nsg">clamp()</code>.</p> <div class="rows svelte-743nsg"></div> <h2 class="group-heading svelte-743nsg">Scale Multipliers</h2> <div class="rows svelte-743nsg"><!> <!></div></section>');function bo(e,t){se(t,!0);const s="typography",r=ee.defaults?.[s]??{},n=r.font_families??{},a=r.font_sizes??{},i=g=>g.charAt(0).toUpperCase()+g.slice(1);var l=mo(),o=k(y(l),2);Q(o,21,()=>Object.entries(n),([g,_])=>g,(g,_)=>{var b=E(()=>et(u(_),2));let v=()=>u(b)[0],m=()=>u(b)[1];{let w=E(()=>`font_${v()}`),x=E(()=>i(v())),T=E(()=>`--sf-font-${v()}`);ta(g,{section:s,get fieldKey(){return u(w)},get label(){return u(x)},get default(){return m()},get cssVar(){return u(T)},width:"420px"})}});var c=k(o,6);Q(c,21,()=>Object.entries(a),([g,_])=>g,(g,_)=>{var b=E(()=>et(u(_),2));let v=()=>u(b)[0],m=()=>u(b)[1];var w=go(),x=y(w),T=y(x),F=y(T),G=k(T,2),W=y(G),S=k(x,2),H=y(S);{let L=E(()=>`size_${v()}_min`);tt(H,{section:s,get fieldKey(){return u(L)},label:"Min",min:0,step:.01,get default(){return m().min},width:"80px"})}var V=k(H,2);{let L=E(()=>`size_${v()}_max`);tt(V,{section:s,get fieldKey(){return u(L)},label:"Max",min:0,step:.01,get default(){return m().max},width:"80px"})}I(()=>{C(F,v()),C(W,`--sf-text-${v()??""}`)}),j(g,w)});var h=k(c,4),d=y(h);{let g=E(()=>r.scale_multipliers?.text_scale??1);tt(d,{section:s,fieldKey:"text_scale",label:"Text Scale",min:0,step:.05,get default(){return u(g)},cssVar:"--sf-text-scale"})}var f=k(d,2);{let g=E(()=>r.scale_multipliers?.text_display_scale??1);tt(f,{section:s,fieldKey:"text_display_scale",label:"Display Scale",min:0,step:.05,get default(){return u(g)},cssVar:"--sf-text-display-scale"})}j(e,l),re()}var yo=A('<section><h2 class="svelte-1sn1epc">Spacing</h2> <div class="rows svelte-1sn1epc"><!> <!></div></section>');function wo(e,t){se(t,!0);const s="spacing",r=ee.defaults?.[s]??{},n=[{key:"gutter",label:"Gutter",cssVar:"--sf-space-gutter"},{key:"gap",label:"Gap",cssVar:"--sf-gap"},{key:"content_gap",label:"Content Gap",cssVar:"--sf-content-gap"},{key:"component_pad",label:"Component Pad",cssVar:"--sf-component-pad"},{key:"section_pad",label:"Section Pad",cssVar:"--sf-section-pad"}];var a=yo(),i=k(y(a),2),l=y(i);{let c=E(()=>r.space_scale??1);tt(l,{section:s,fieldKey:"space_scale",label:"Space Scale",min:0,step:.05,get default(){return u(c)},cssVar:"--sf-space-scale"})}var o=k(l,2);Q(o,17,()=>n,c=>c.key,(c,h)=>{{let d=E(()=>r[u(h).key]??"");ta(c,{section:s,get fieldKey(){return u(h).key},get label(){return u(h).label},get default(){return u(d)},get cssVar(){return u(h).cssVar},mono:!0})}}),j(e,a),re()}var ko=A('<section><h2 class="svelte-1e7fmit">Radius</h2> <div class="rows svelte-1e7fmit"><!></div></section>');function xo(e,t){se(t,!0);const s="radius",r=ee.defaults?.[s]??{};var n=ko(),a=k(y(n),2),i=y(a);{let l=E(()=>r.radius_scale??1);tt(i,{section:s,fieldKey:"radius_scale",label:"Radius Scale",min:0,step:.1,get default(){return u(l)},cssVar:"--sf-radius-scale"})}j(e,n),re()}var So=A('<section><h2 class="svelte-eu0284">Shadows</h2> <div class="rows svelte-eu0284"><!></div></section>');function Eo(e,t){se(t,!0);const s="shadows",r=ee.defaults?.[s]??{};var n=So(),a=k(y(n),2),i=y(a);{let l=E(()=>r.shadow_strength??.08);Ht(i,{section:s,fieldKey:"shadow_strength",label:"Shadow Strength",description:"Base opacity value for shadow layers (0–1).",min:0,max:1,step:.01,get default(){return u(l)},cssVar:"--sf-shadow-strength"})}j(e,n),re()}var To=A('<section><h2 class="svelte-12kdjwx">Motion</h2> <div class="rows svelte-12kdjwx"><!></div> <h2 class="group-heading svelte-12kdjwx">Duration Values</h2> <p class="hint svelte-12kdjwx">Base duration values in milliseconds.</p> <div class="rows svelte-12kdjwx"></div></section>');function jo(e,t){se(t,!0);const s="motion",r=ee.defaults?.[s]??{},n=r.durations??{},a=h=>h.charAt(0).toUpperCase()+h.slice(1);var i=To(),l=k(y(i),2),o=y(l);{let h=E(()=>r.motion_scale??1);tt(o,{section:s,fieldKey:"motion_scale",label:"Motion Scale",min:0,step:.1,get default(){return u(h)},cssVar:"--sf-motion-scale"})}var c=k(l,6);Q(c,21,()=>Object.entries(n),([h,d])=>h,(h,d)=>{var f=E(()=>et(u(d),2));let g=()=>u(f)[0],_=()=>u(f)[1];{let b=E(()=>`duration_${g()}`),v=E(()=>a(g())),m=E(()=>`--sf-duration-${g()}`);tt(h,{section:s,get fieldKey(){return u(b)},get label(){return u(v)},min:0,step:10,get default(){return _()},get cssVar(){return u(m)},unit:"ms"})}}),j(e,i),re()}var Ao=A('<section><h2 class="svelte-h8mxbh">Z-Index</h2> <p class="hint svelte-h8mxbh">Z-index layer values for stacking context management.</p> <div class="rows svelte-h8mxbh"></div></section>');function Co(e,t){se(t,!0);const s="zindex",r=ee.defaults?.[s]??{},n=l=>l.charAt(0).toUpperCase()+l.slice(1);var a=Ao(),i=k(y(a),4);Q(i,21,()=>Object.entries(r),([l,o])=>l,(l,o)=>{var c=E(()=>et(u(o),2));let h=()=>u(c)[0],d=()=>u(c)[1];{let f=E(()=>n(h())),g=E(()=>`--sf-z-${h()}`);tt(l,{section:s,get fieldKey(){return h()},get label(){return u(f)},step:1,get default(){return d()},get cssVar(){return u(g)}})}}),j(e,a),re()}var zo=A('<li class="svelte-1nfz83c"><code class="svelte-1nfz83c"> </code></li>'),Vo=A('<ul class="category__list svelte-1nfz83c"></ul>'),Oo=A('<div class="category svelte-1nfz83c"><button type="button" class="category__toggle svelte-1nfz83c"><span class="category__arrow svelte-1nfz83c"> </span> <span class="category__label"> </span> <span class="category__count svelte-1nfz83c"> </span></button> <!></div>'),Ro=A(`<section><h2 class="svelte-1nfz83c"> </h2> <p class="hint svelte-1nfz83c">All <code class="svelte-1nfz83c">--sf-*</code> custom properties declared in the active SLASHED bundle,
-    grouped by category.</p> <!></section>`);function Lo(e,t){se(t,!0);const s=ee.inventory?.variables??[],r={color:"Colors",text:"Typography",font:"Typography",leading:"Typography",tracking:"Typography",body:"Typography",heading:"Typography",h1:"Typography",h2:"Typography",h3:"Typography",h4:"Typography",h5:"Typography",h6:"Typography",prose:"Typography",code:"Typography",optical:"Typography",line:"Typography",space:"Spacing",gap:"Spacing",gutter:"Spacing",component:"Spacing",section:"Spacing",flow:"Spacing",safe:"Spacing",header:"Spacing",sticky:"Spacing",size:"Sizing",aspect:"Sizing",ratio:"Sizing",touch:"Sizing",container:"Layout",stack:"Layout",cluster:"Layout",sidebar:"Layout",switcher:"Layout",grid:"Layout",cover:"Layout",frame:"Layout",reel:"Layout",imposter:"Layout",bento:"Layout",box:"Layout",center:"Layout",content:"Layout",breakout:"Layout",divider:"Layout",field:"Layout",border:"Borders",stroke:"Borders",radius:"Radius",shadow:"Shadows",blur:"Effects",opacity:"Effects",gradient:"Effects",mask:"Effects",perspective:"Effects",drop:"Effects",contrast:"Effects",duration:"Motion",ease:"Motion",transition:"Motion",motion:"Motion",animation:"Motion",icon:"Icons",z:"Z-Index",is:"States",current:"States",focus:"Focus",caret:"Focus",scroll:"Scroll",scrollbar:"Scroll",print:"Print",truncate:"Misc"},n=["Colors","Typography","Spacing","Sizing","Layout","Borders","Radius","Shadows","Effects","Motion","Icons","Z-Index","States","Focus","Scroll","Print","Misc"];function a(_){let b=_;b.startsWith("--sf-")&&(b=b.slice(5));const v=b.indexOf("-"),m=v===-1?b:b.slice(0,v);return r[m]||"Misc"}function i(_){const b={};for(const m of _){const w=a(m);b[w]||(b[w]=[]),b[w].push(m)}const v=[];for(const m of n)b[m]?.length&&(b[m].sort(),v.push({category:m,items:b[m]}));for(const m of Object.keys(b))!n.includes(m)&&b[m]?.length&&(b[m].sort(),v.push({category:m,items:b[m]}));return v}const l=i(s);let o=Se({});function c(_){o[_]=!o[_]}var h=Ro(),d=y(h),f=y(d),g=k(d,4);Q(g,17,()=>l,({category:_,items:b})=>_,(_,b)=>{let v=()=>u(b).category,m=()=>u(b).items;var w=Oo(),x=y(w),T=y(x),F=y(T),G=k(T,2),W=y(G),S=k(G,2),H=y(S),V=k(x,2);{var L=B=>{var J=Vo();Q(J,20,m,ve=>ve,(ve,Me)=>{var As=zo(),rr=y(As),X=y(rr);I(()=>C(X,Me)),j(ve,As)}),j(B,J)};le(V,B=>{o[v()]&&B(L)})}I(()=>{U(x,"aria-expanded",o[v()]?"true":"false"),C(F,o[v()]?"▼":"▶"),C(W,v()),C(H,`(${m().length??""})`)}),oe("click",x,()=>c(v())),j(_,w)}),I(()=>C(f,`CSS Variables (${s.length??""})`)),j(e,h),re()}Be(["click"]);var Mo=A('<li class="svelte-1yljizh"><code class="svelte-1yljizh"> </code></li>'),Io=A('<ul class="category__list svelte-1yljizh"></ul>'),Po=A('<li class="svelte-1yljizh"><code class="svelte-1yljizh"> </code></li>'),Do=A('<ul class="category__list svelte-1yljizh"></ul>'),No=A('<section><h2 class="svelte-1yljizh"> </h2> <p class="hint svelte-1yljizh">All utility and state classes declared in the active SLASHED bundle.</p> <div class="category svelte-1yljizh"><button type="button" class="category__toggle svelte-1yljizh"><span class="category__arrow svelte-1yljizh"> </span> <span class="category__label">.sf-* Layout / Utility Classes</span> <span class="category__count svelte-1yljizh"> </span></button> <!></div> <div class="category svelte-1yljizh"><button type="button" class="category__toggle svelte-1yljizh"><span class="category__arrow svelte-1yljizh"> </span> <span class="category__label">.is-* State Classes</span> <span class="category__count svelte-1yljizh"> </span></button> <!></div></section>');function Fo(e,t){se(t,!0);const s=ee.inventory?.sf_classes??[],r=ee.inventory?.is_classes??[];let n=ne(!1),a=ne(!1);var i=No(),l=y(i),o=y(l),c=k(l,4),h=y(c),d=y(h),f=y(d),g=k(d,4),_=y(g),b=k(h,2);{var v=H=>{var V=Io();Q(V,20,()=>s,L=>L,(L,B)=>{var J=Mo(),ve=y(J),Me=y(ve);I(()=>C(Me,`.${B??""}`)),j(L,J)}),j(H,V)};le(b,H=>{u(n)&&H(v)})}var m=k(c,2),w=y(m),x=y(w),T=y(x),F=k(x,4),G=y(F),W=k(w,2);{var S=H=>{var V=Do();Q(V,20,()=>r,L=>L,(L,B)=>{var J=Po(),ve=y(J),Me=y(ve);I(()=>C(Me,`.${B??""}`)),j(L,J)}),j(H,V)};le(W,H=>{u(a)&&H(S)})}I(()=>{C(o,`Registered Classes (${s.length+r.length})`),U(h,"aria-expanded",u(n)?"true":"false"),C(f,u(n)?"▼":"▶"),C(_,`(${s.length??""})`),U(w,"aria-expanded",u(a)?"true":"false"),C(T,u(a)?"▼":"▶"),C(G,`(${r.length??""})`)}),oe("click",h,()=>K(n,!u(n))),oe("click",w,()=>K(a,!u(a))),j(e,i),re()}Be(["click"]);async function Nr(e,t){const{url:s,nonce:r}=ee.rest;if(!s)return console.info("[slashed-admin] (dev) would POST",e,t),{ok:!0,dev:!0};const n=await fetch(s+e,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json","X-WP-Nonce":r},body:JSON.stringify(t)});if(!n.ok){const a=await n.text();throw new Error(a||`HTTP ${n.status}`)}return n.json()}function Bo(e,t){return Nr("/tokens",{section:e,values:t})}function Ko(e){return Nr("/tokens/reset",{section:e})}function qo(e){return Nr("/settings",e)}var Ho=A('<span class="status status--ok svelte-13231hj">Saved</span>'),Go=A('<span class="status status--err svelte-13231hj"> </span>'),Uo=A(`<section><h2 class="svelte-13231hj">Bundle Info</h2> <p class="hint svelte-13231hj">The SLASHED CSS bundle is loaded automatically by the plugin. The inventory
+    control over dark-mode appearance.</p> <div class="rows rows--dark svelte-1vle0rm"></div> <h2 class="status-heading svelte-1vle0rm">Status Colors — Light Mode</h2> <div class="rows svelte-1vle0rm"></div> <h2 class="dark-heading svelte-1vle0rm">Status Colors — Dark Mode</h2> <p class="hint svelte-1vle0rm">Optional overrides for dark mode. Leave empty for auto-derivation.</p> <div class="rows rows--dark svelte-1vle0rm"></div></section>`);function ro(e,t){se(t,!0);const s=J.defaults?.colors??{},r=c=>c.charAt(0).toUpperCase()+c.slice(1);var n=so(),a=w(y(n),4);ee(a,21,()=>Object.entries(s.brand??{}),([c,v])=>c,(c,v)=>{var u=E(()=>st(d(v),2));let f=()=>d(u)[0],g=()=>d(u)[1];{let _=E(()=>`brand_${f()}`),b=E(()=>r(f())),h=E(()=>s.brand_hex_hints?.[f()]??""),m=E(()=>`--sf-color-${f()}-light`);Is(c,{get storeKey(){return d(_)},get label(){return d(b)},get hexHint(){return d(h)},get rawHint(){return g()},get cssVar(){return d(m)}})}});var i=w(a,6);ee(i,21,()=>Object.entries(s.brand_dark??s.brand??{}),([c])=>c,(c,v)=>{var u=E(()=>st(d(v),1));let f=()=>d(u)[0];{let g=E(()=>`brand_dark_${f()}`),_=E(()=>r(f())),b=E(()=>s.brand_dark_hex_hints?.[f()]??""),h=E(()=>s.brand_dark?.[f()]??""),m=E(()=>`--sf-color-${f()}-dark`);Is(c,{get storeKey(){return d(g)},get label(){return d(_)},get hexHint(){return d(b)},get rawHint(){return d(h)},get cssVar(){return d(m)}})}});var o=w(i,4);ee(o,21,()=>Object.entries(s.status??{}),([c,v])=>c,(c,v)=>{var u=E(()=>st(d(v),2));let f=()=>d(u)[0],g=()=>d(u)[1];{let _=E(()=>`status_${f()}`),b=E(()=>r(f())),h=E(()=>s.status_hex_hints?.[f()]??""),m=E(()=>`--sf-color-${f()}-light`);Is(c,{get storeKey(){return d(_)},get label(){return d(b)},get hexHint(){return d(h)},get rawHint(){return g()},get cssVar(){return d(m)}})}});var l=w(o,6);ee(l,21,()=>Object.entries(s.status_dark??s.status??{}),([c])=>c,(c,v)=>{var u=E(()=>st(d(v),1));let f=()=>d(u)[0];{let g=E(()=>`status_dark_${f()}`),_=E(()=>r(f())),b=E(()=>s.status_dark_hex_hints?.[f()]??""),h=E(()=>s.status_dark?.[f()]??""),m=E(()=>`--sf-color-${f()}-dark`);Is(c,{get storeKey(){return d(g)},get label(){return d(_)},get hexHint(){return d(b)},get rawHint(){return d(h)},get cssVar(){return d(m)}})}}),T(e,n),re()}var no=C('<label class="svelte-miyob8"> </label>'),ao=C('<span class="row__label-text svelte-miyob8"> </span>'),io=C('<code class="row__var svelte-miyob8"> </code>'),oo=C('<p class="row__desc svelte-miyob8"> </p>'),lo=C('<div class="row svelte-miyob8"><div class="row__label svelte-miyob8"><!> <!></div> <div class="row__inputs svelte-miyob8"><!> <!></div></div>');function nr(e,t){let s=W(t,"cssVar",3,""),r=W(t,"fieldId",3,""),n=W(t,"description",3,"");var a=lo(),i=y(a),o=y(i);{var l=h=>{var m=no(),x=y(m);D(()=>{Y(m,"for",r()),z(x,t.label)}),T(h,m)},c=h=>{var m=ao(),x=y(m);D(()=>z(x,t.label)),T(h,m)};ce(o,h=>{r()?h(l):h(c,-1)})}var v=w(o,2);{var u=h=>{var m=io(),x=y(m);D(()=>z(x,s())),T(h,m)};ce(v,h=>{s()&&h(u)})}var f=w(i,2),g=y(f);Pi(g,()=>t.children??dn);var _=w(g,2);{var b=h=>{var m=oo(),x=y(m);D(()=>z(x,n())),T(h,m)};ce(_,h=>{n()&&h(b)})}T(e,a)}var co=C('<span class="unit svelte-cifrt1"> </span>'),fo=C('<input type="range" class="range svelte-cifrt1" aria-hidden="true" tabindex="-1"/> <input type="number" class="number svelte-cifrt1"/> <!>',1);function Gt(e,t){se(t,!0);let s=W(t,"cssVar",3,""),r=W(t,"unit",3,""),n=W(t,"description",3,"");const a=E(()=>$[t.section]?.[t.fieldKey]===void 0||$[t.section]?.[t.fieldKey]===null?"":String($[t.section][t.fieldKey])),i=E(()=>d(a)===""||Number.isNaN(Number(d(a)))?Number(t.default):Number(d(a)));function o(c){xs(t.section,t.fieldKey,c.currentTarget.value)}function l(c){xs(t.section,t.fieldKey,c.currentTarget.value)}nr(e,{get label(){return t.label},get cssVar(){return s()},get fieldId(){return t.fieldKey},get description(){return n()},children:(c,v)=>{var u=fo(),f=Rr(u),g=w(f,2),_=w(g,2);{var b=h=>{var m=co(),x=y(m);D(()=>z(x,r())),T(h,m)};ce(_,h=>{r()&&h(b)})}D(h=>{Y(f,"min",t.min),Y(f,"max",t.max),Y(f,"step",t.step),Zs(f,d(i)),Y(g,"id",t.fieldKey),Y(g,"min",t.min),Y(g,"max",t.max),Y(g,"step",t.step),Zs(g,d(a)),Y(g,"placeholder",h)},[()=>String(t.default)]),ae("input",f,o),ae("input",g,l),T(c,u)},$$slots:{default:!0}}),re()}qe(["input"]);var uo=C("<option> </option>"),vo=C('<select class="select svelte-r7dp44"><option> </option><!></select>');function ho(e,t){se(t,!0);let s=W(t,"options",19,()=>[]),r=W(t,"default",3,""),n=W(t,"cssVar",3,""),a=W(t,"description",3,"");const i=E(()=>s().map(c=>typeof c=="string"?{value:c,label:c}:c)),o=E(()=>$[t.section]?.[t.fieldKey]===void 0||$[t.section]?.[t.fieldKey]===null?"":String($[t.section][t.fieldKey]));function l(c){xs(t.section,t.fieldKey,c.currentTarget.value)}nr(e,{get label(){return t.label},get cssVar(){return n()},get fieldId(){return t.fieldKey},get description(){return a()},children:(c,v)=>{var u=vo(),f=y(u),g=y(f);f.value=f.__value="";var _=w(f);ee(_,17,()=>d(i),h=>h.value,(h,m)=>{var x=uo(),S=y(x),A={};D(()=>{z(S,d(m).label),A!==(A=d(m).value)&&(x.value=(x.__value=d(m).value)??"")}),T(h,x)});var b;sa(u),D(()=>{Y(u,"id",t.fieldKey),z(g,`Default (${r()??""})`),b!==(b=d(o))&&(u.value=(u.__value=d(o))??"",Pr(u,d(o)))}),ae("change",u,l),T(c,u)},$$slots:{default:!0}}),re()}qe(["change"]);var po=C('<section><h2 class="svelte-jpmt71">Contrast</h2> <p class="hint svelte-jpmt71">Fine-tune how the framework derives shades and picks readable text colors against your brand colors.</p> <div class="rows svelte-jpmt71"><!> <!></div> <h2 class="group-heading svelte-jpmt71">Opacity</h2> <div class="rows svelte-jpmt71"><!></div> <h2 class="group-heading svelte-jpmt71">Focus ring</h2> <p class="hint svelte-jpmt71">Visual indicator drawn around keyboard-focused elements. Lower the offset to tighten the ring, raise it to give the element more breathing room.</p> <div class="rows svelte-jpmt71"><!> <!> <!></div></section>');function _o(e,t){se(t,!0);const s="contrast",r=J.defaults?.[s]??{};var n=po(),a=w(y(n),4),i=y(a);{let _=E(()=>r.contrast_bias??0);Gt(i,{section:s,fieldKey:"contrast_bias",label:"Contrast bias",description:"Shifts every derived shade up (positive) or down (negative). Useful to brighten or dim the entire scale without re-picking source colors.",min:-.2,max:.2,step:.01,get default(){return d(_)},cssVar:"--sf-contrast-bias"})}var o=w(i,2);{let _=E(()=>r.contrast_threshold??.6);Gt(o,{section:s,fieldKey:"contrast_threshold",label:"Contrast threshold",description:"Lightness threshold used to pick text-on-color (white vs. black). Lower values prefer dark text on more colors; higher values prefer white text.",min:0,max:1,step:.01,get default(){return d(_)},cssVar:"--sf-contrast-threshold"})}var l=w(a,4),c=y(l);{let _=E(()=>r.opacity_disabled??.45);Gt(c,{section:s,fieldKey:"opacity_disabled",label:"Disabled opacity",description:"Opacity applied to disabled UI elements (buttons, inputs, links).",min:0,max:1,step:.01,get default(){return d(_)},cssVar:"--sf-opacity-disabled"})}var v=w(l,6),u=y(v);{let _=E(()=>r.focus_ring_width??2);Gt(u,{section:s,fieldKey:"focus_ring_width",label:"Ring width",min:0,max:8,step:.5,get default(){return d(_)},cssVar:"--sf-focus-ring-width",unit:"px"})}var f=w(u,2);{let _=E(()=>r.focus_ring_offset??2);Gt(f,{section:s,fieldKey:"focus_ring_offset",label:"Ring offset",min:0,max:8,step:.5,get default(){return d(_)},cssVar:"--sf-focus-ring-offset",unit:"px"})}var g=w(f,2);{let _=E(()=>r.focus_ring_style??"solid");ho(g,{section:s,fieldKey:"focus_ring_style",label:"Ring style",options:["solid","dashed","dotted","double","none"],get default(){return d(_)},cssVar:"--sf-focus-ring-style"})}T(e,n),re()}var go=C('<input type="text" spellcheck="false"/>');function aa(e,t){se(t,!0);let s=W(t,"default",3,""),r=W(t,"cssVar",3,""),n=W(t,"description",3,""),a=W(t,"mono",3,!1),i=W(t,"width",3,"320px");const o=E(()=>$[t.section]?.[t.fieldKey]===void 0||$[t.section]?.[t.fieldKey]===null?"":String($[t.section][t.fieldKey]));function l(c){xs(t.section,t.fieldKey,c.currentTarget.value)}nr(e,{get label(){return t.label},get cssVar(){return r()},get fieldId(){return t.fieldKey},get description(){return n()},children:(c,v)=>{var u=go();let f,g;D(_=>{Y(u,"id",t.fieldKey),f=Jt(u,1,"text svelte-j8yw6l",null,f,{mono:a()}),Zs(u,d(o)),Y(u,"placeholder",_),g=xt(u,"",g,{width:i()})},[()=>String(s())]),ae("input",u,l),T(c,u)},$$slots:{default:!0}}),re()}qe(["input"]);var mo=C('<span class="unit svelte-1pjh3bn"> </span>'),bo=C('<input type="number" class="number svelte-1pjh3bn"/> <!>',1);function rt(e,t){se(t,!0);let s=W(t,"min",3,void 0),r=W(t,"max",3,void 0),n=W(t,"step",3,void 0),a=W(t,"default",3,""),i=W(t,"cssVar",3,""),o=W(t,"unit",3,""),l=W(t,"description",3,""),c=W(t,"width",3,"120px");const v=E(()=>$[t.section]?.[t.fieldKey]===void 0||$[t.section]?.[t.fieldKey]===null?"":String($[t.section][t.fieldKey]));function u(f){xs(t.section,t.fieldKey,f.currentTarget.value)}nr(e,{get label(){return t.label},get cssVar(){return i()},get fieldId(){return t.fieldKey},get description(){return l()},children:(f,g)=>{var _=bo(),b=Rr(_);let h;var m=w(b,2);{var x=S=>{var A=mo(),j=y(A);D(()=>z(j,o())),T(S,A)};ce(m,S=>{o()&&S(x)})}D(S=>{Y(b,"id",t.fieldKey),Y(b,"min",s()),Y(b,"max",r()),Y(b,"step",n()),Zs(b,d(v)),Y(b,"placeholder",S),h=xt(b,"",h,{width:c()})},[()=>String(a())]),ae("input",b,u),T(f,_)},$$slots:{default:!0}}),re()}qe(["input"]);var yo=C('<div class="size-row svelte-743nsg"><div class="size-row__label"><span class="size-row__name svelte-743nsg"> </span> <code class="size-row__var svelte-743nsg"> </code></div> <div class="size-row__inputs svelte-743nsg"><!> <!></div></div>'),wo=C('<section><h2 class="svelte-743nsg">Font Families</h2> <div class="rows svelte-743nsg"></div> <h2 class="group-heading svelte-743nsg">Font Size Scale</h2> <p class="hint svelte-743nsg">Min and max values in <code class="svelte-743nsg">rem</code> for fluid type scaling via <code class="svelte-743nsg">clamp()</code>.</p> <div class="rows svelte-743nsg"></div> <h2 class="group-heading svelte-743nsg">Scale Multipliers</h2> <div class="rows svelte-743nsg"><!> <!></div></section>');function xo(e,t){se(t,!0);const s="typography",r=J.defaults?.[s]??{},n=r.font_families??{},a=r.font_sizes??{},i=g=>g.charAt(0).toUpperCase()+g.slice(1);var o=wo(),l=w(y(o),2);ee(l,21,()=>Object.entries(n),([g,_])=>g,(g,_)=>{var b=E(()=>st(d(_),2));let h=()=>d(b)[0],m=()=>d(b)[1];{let x=E(()=>`font_${h()}`),S=E(()=>i(h())),A=E(()=>`--sf-font-${h()}`);aa(g,{section:s,get fieldKey(){return d(x)},get label(){return d(S)},get default(){return m()},get cssVar(){return d(A)},width:"420px"})}});var c=w(l,6);ee(c,21,()=>Object.entries(a),([g,_])=>g,(g,_)=>{var b=E(()=>st(d(_),2));let h=()=>d(b)[0],m=()=>d(b)[1];var x=yo(),S=y(x),A=y(S),j=y(A),R=w(A,2),I=y(R),k=w(S,2),G=y(k);{let F=E(()=>`size_${h()}_min`);rt(G,{section:s,get fieldKey(){return d(F)},label:"Min",min:0,step:.01,get default(){return m().min},width:"80px"})}var P=w(G,2);{let F=E(()=>`size_${h()}_max`);rt(P,{section:s,get fieldKey(){return d(F)},label:"Max",min:0,step:.01,get default(){return m().max},width:"80px"})}D(()=>{z(j,h()),z(I,`--sf-text-${h()??""}`)}),T(g,x)});var v=w(c,4),u=y(v);{let g=E(()=>r.scale_multipliers?.text_scale??1);rt(u,{section:s,fieldKey:"text_scale",label:"Text Scale",min:0,step:.05,get default(){return d(g)},cssVar:"--sf-text-scale"})}var f=w(u,2);{let g=E(()=>r.scale_multipliers?.text_display_scale??1);rt(f,{section:s,fieldKey:"text_display_scale",label:"Display Scale",min:0,step:.05,get default(){return d(g)},cssVar:"--sf-text-display-scale"})}T(e,o),re()}var ko=C('<section><h2 class="svelte-1sn1epc">Spacing</h2> <div class="rows svelte-1sn1epc"><!> <!></div></section>');function So(e,t){se(t,!0);const s="spacing",r=J.defaults?.[s]??{},n=[{key:"gutter",label:"Gutter",cssVar:"--sf-space-gutter"},{key:"gap",label:"Gap",cssVar:"--sf-gap"},{key:"content_gap",label:"Content Gap",cssVar:"--sf-content-gap"},{key:"component_pad",label:"Component Pad",cssVar:"--sf-component-pad"},{key:"section_pad",label:"Section Pad",cssVar:"--sf-section-pad"}];var a=ko(),i=w(y(a),2),o=y(i);{let c=E(()=>r.space_scale??1);rt(o,{section:s,fieldKey:"space_scale",label:"Space Scale",min:0,step:.05,get default(){return d(c)},cssVar:"--sf-space-scale"})}var l=w(o,2);ee(l,17,()=>n,c=>c.key,(c,v)=>{{let u=E(()=>r[d(v).key]??"");aa(c,{section:s,get fieldKey(){return d(v).key},get label(){return d(v).label},get default(){return d(u)},get cssVar(){return d(v).cssVar},mono:!0})}}),T(e,a),re()}var Eo=C('<section><h2 class="svelte-1e7fmit">Radius</h2> <div class="rows svelte-1e7fmit"><!></div></section>');function jo(e,t){se(t,!0);const s="radius",r=J.defaults?.[s]??{};var n=Eo(),a=w(y(n),2),i=y(a);{let o=E(()=>r.radius_scale??1);rt(i,{section:s,fieldKey:"radius_scale",label:"Radius Scale",min:0,step:.1,get default(){return d(o)},cssVar:"--sf-radius-scale"})}T(e,n),re()}var To=C('<section><h2 class="svelte-eu0284">Shadows</h2> <div class="rows svelte-eu0284"><!></div></section>');function Co(e,t){se(t,!0);const s="shadows",r=J.defaults?.[s]??{};var n=To(),a=w(y(n),2),i=y(a);{let o=E(()=>r.shadow_strength??.08);Gt(i,{section:s,fieldKey:"shadow_strength",label:"Shadow Strength",description:"Base opacity value for shadow layers (0–1).",min:0,max:1,step:.01,get default(){return d(o)},cssVar:"--sf-shadow-strength"})}T(e,n),re()}var Ao=C('<section><h2 class="svelte-12kdjwx">Motion</h2> <div class="rows svelte-12kdjwx"><!></div> <h2 class="group-heading svelte-12kdjwx">Duration Values</h2> <p class="hint svelte-12kdjwx">Base duration values in milliseconds.</p> <div class="rows svelte-12kdjwx"></div></section>');function zo(e,t){se(t,!0);const s="motion",r=J.defaults?.[s]??{},n=r.durations??{},a=v=>v.charAt(0).toUpperCase()+v.slice(1);var i=Ao(),o=w(y(i),2),l=y(o);{let v=E(()=>r.motion_scale??1);rt(l,{section:s,fieldKey:"motion_scale",label:"Motion Scale",min:0,step:.1,get default(){return d(v)},cssVar:"--sf-motion-scale"})}var c=w(o,6);ee(c,21,()=>Object.entries(n),([v,u])=>v,(v,u)=>{var f=E(()=>st(d(u),2));let g=()=>d(f)[0],_=()=>d(f)[1];{let b=E(()=>`duration_${g()}`),h=E(()=>a(g())),m=E(()=>`--sf-duration-${g()}`);rt(v,{section:s,get fieldKey(){return d(b)},get label(){return d(h)},min:0,step:10,get default(){return _()},get cssVar(){return d(m)},unit:"ms"})}}),T(e,i),re()}var Oo=C('<section><h2 class="svelte-h8mxbh">Z-Index</h2> <p class="hint svelte-h8mxbh">Z-index layer values for stacking context management.</p> <div class="rows svelte-h8mxbh"></div></section>');function Ro(e,t){se(t,!0);const s="zindex",r=J.defaults?.[s]??{},n=o=>o.charAt(0).toUpperCase()+o.slice(1);var a=Oo(),i=w(y(a),4);ee(i,21,()=>Object.entries(r),([o,l])=>o,(o,l)=>{var c=E(()=>st(d(l),2));let v=()=>d(c)[0],u=()=>d(c)[1];{let f=E(()=>n(v())),g=E(()=>`--sf-z-${v()}`);rt(o,{section:s,get fieldKey(){return v()},get label(){return d(f)},step:1,get default(){return u()},get cssVar(){return d(g)}})}}),T(e,a),re()}var Vo=C('<li class="svelte-1nfz83c"><code class="svelte-1nfz83c"> </code></li>'),Lo=C('<ul class="category__list svelte-1nfz83c"></ul>'),Mo=C('<div class="category svelte-1nfz83c"><button type="button" class="category__toggle svelte-1nfz83c"><span class="category__arrow svelte-1nfz83c"> </span> <span class="category__label"> </span> <span class="category__count svelte-1nfz83c"> </span></button> <!></div>'),Io=C(`<section><h2 class="svelte-1nfz83c"> </h2> <p class="hint svelte-1nfz83c">All <code class="svelte-1nfz83c">--sf-*</code> custom properties declared in the active SLASHED bundle,
+    grouped by category.</p> <!></section>`);function Fo(e,t){se(t,!0);const s=J.inventory?.variables??[],r={color:"Colors",text:"Typography",font:"Typography",leading:"Typography",tracking:"Typography",body:"Typography",heading:"Typography",h1:"Typography",h2:"Typography",h3:"Typography",h4:"Typography",h5:"Typography",h6:"Typography",prose:"Typography",code:"Typography",optical:"Typography",line:"Typography",space:"Spacing",gap:"Spacing",gutter:"Spacing",component:"Spacing",section:"Spacing",flow:"Spacing",safe:"Spacing",header:"Spacing",sticky:"Spacing",size:"Sizing",aspect:"Sizing",ratio:"Sizing",touch:"Sizing",container:"Layout",stack:"Layout",cluster:"Layout",sidebar:"Layout",switcher:"Layout",grid:"Layout",cover:"Layout",frame:"Layout",reel:"Layout",imposter:"Layout",bento:"Layout",box:"Layout",center:"Layout",content:"Layout",breakout:"Layout",divider:"Layout",field:"Layout",border:"Borders",stroke:"Borders",radius:"Radius",shadow:"Shadows",blur:"Effects",opacity:"Effects",gradient:"Effects",mask:"Effects",perspective:"Effects",drop:"Effects",contrast:"Effects",duration:"Motion",ease:"Motion",transition:"Motion",motion:"Motion",animation:"Motion",icon:"Icons",z:"Z-Index",is:"States",current:"States",focus:"Focus",caret:"Focus",scroll:"Scroll",scrollbar:"Scroll",print:"Print",truncate:"Misc"},n=["Colors","Typography","Spacing","Sizing","Layout","Borders","Radius","Shadows","Effects","Motion","Icons","Z-Index","States","Focus","Scroll","Print","Misc"];function a(_){let b=_;b.startsWith("--sf-")&&(b=b.slice(5));const h=b.indexOf("-"),m=h===-1?b:b.slice(0,h);return r[m]||"Misc"}function i(_){const b={};for(const m of _){const x=a(m);b[x]||(b[x]=[]),b[x].push(m)}const h=[];for(const m of n)b[m]?.length&&(b[m].sort(),h.push({category:m,items:b[m]}));for(const m of Object.keys(b))!n.includes(m)&&b[m]?.length&&(b[m].sort(),h.push({category:m,items:b[m]}));return h}const o=i(s);let l=we({});function c(_){l[_]=!l[_]}var v=Io(),u=y(v),f=y(u),g=w(u,4);ee(g,17,()=>o,({category:_,items:b})=>_,(_,b)=>{let h=()=>d(b).category,m=()=>d(b).items;var x=Mo(),S=y(x),A=y(S),j=y(A),R=w(A,2),I=y(R),k=w(R,2),G=y(k),P=w(S,2);{var F=K=>{var X=Lo();ee(X,20,m,ve=>ve,(ve,ke)=>{var fe=Vo(),it=y(fe),Z=y(it);D(()=>z(Z,ke)),T(ve,fe)}),T(K,X)};ce(P,K=>{l[h()]&&K(F)})}D(()=>{Y(S,"aria-expanded",l[h()]?"true":"false"),z(j,l[h()]?"▼":"▶"),z(I,h()),z(G,`(${m().length??""})`)}),ae("click",S,()=>c(h())),T(_,x)}),D(()=>z(f,`CSS Variables (${s.length??""})`)),T(e,v),re()}qe(["click"]);var Do=C('<li class="svelte-1yljizh"><code class="svelte-1yljizh"> </code></li>'),Po=C('<ul class="category__list svelte-1yljizh"></ul>'),No=C('<li class="svelte-1yljizh"><code class="svelte-1yljizh"> </code></li>'),Bo=C('<ul class="category__list svelte-1yljizh"></ul>'),Ko=C('<section><h2 class="svelte-1yljizh"> </h2> <p class="hint svelte-1yljizh">All utility and state classes declared in the active SLASHED bundle.</p> <div class="category svelte-1yljizh"><button type="button" class="category__toggle svelte-1yljizh"><span class="category__arrow svelte-1yljizh"> </span> <span class="category__label">.sf-* Layout / Utility Classes</span> <span class="category__count svelte-1yljizh"> </span></button> <!></div> <div class="category svelte-1yljizh"><button type="button" class="category__toggle svelte-1yljizh"><span class="category__arrow svelte-1yljizh"> </span> <span class="category__label">.is-* State Classes</span> <span class="category__count svelte-1yljizh"> </span></button> <!></div></section>');function qo(e,t){se(t,!0);const s=J.inventory?.sf_classes??[],r=J.inventory?.is_classes??[];let n=ne(!1),a=ne(!1);var i=Ko(),o=y(i),l=y(o),c=w(o,4),v=y(c),u=y(v),f=y(u),g=w(u,4),_=y(g),b=w(v,2);{var h=G=>{var P=Po();ee(P,20,()=>s,F=>F,(F,K)=>{var X=Do(),ve=y(X),ke=y(ve);D(()=>z(ke,`.${K??""}`)),T(F,X)}),T(G,P)};ce(b,G=>{d(n)&&G(h)})}var m=w(c,2),x=y(m),S=y(x),A=y(S),j=w(S,4),R=y(j),I=w(x,2);{var k=G=>{var P=Bo();ee(P,20,()=>r,F=>F,(F,K)=>{var X=No(),ve=y(X),ke=y(ve);D(()=>z(ke,`.${K??""}`)),T(F,X)}),T(G,P)};ce(I,G=>{d(a)&&G(k)})}D(()=>{z(l,`Registered Classes (${s.length+r.length})`),Y(v,"aria-expanded",d(n)?"true":"false"),z(f,d(n)?"▼":"▶"),z(_,`(${s.length??""})`),Y(x,"aria-expanded",d(a)?"true":"false"),z(A,d(a)?"▼":"▶"),z(R,`(${r.length??""})`)}),ae("click",v,()=>H(n,!d(n))),ae("click",x,()=>H(a,!d(a))),T(e,i),re()}qe(["click"]);async function Nr(e,t){const{url:s,nonce:r}=J.rest;if(!s)return console.info("[slashed-admin] (dev) would POST",e,t),{ok:!0,dev:!0};const n=await fetch(s+e,{method:"POST",credentials:"same-origin",headers:{"Content-Type":"application/json","X-WP-Nonce":r},body:JSON.stringify(t)});if(!n.ok){const a=await n.text();throw new Error(a||`HTTP ${n.status}`)}return n.json()}function Ho(e,t){return Nr("/tokens",{section:e,values:t})}function $o(e){return Nr("/tokens/reset",{section:e})}function Uo(e){return Nr("/settings",e)}var Go=C('<span class="status status--ok svelte-13231hj">Saved</span>'),Yo=C('<span class="status status--err svelte-13231hj"> </span>'),Wo=C(`<section><h2 class="svelte-13231hj">Bundle Info</h2> <p class="hint svelte-13231hj">The SLASHED CSS bundle is loaded automatically by the plugin. The inventory
     is parsed from whichever bundle is active (essential / optimal / full) and
-    drives the variable pickers, class autocomplete, and color palette in Bricks.</p> <dl class="info svelte-13231hj"><dt class="svelte-13231hj">Variables registered</dt> <dd class="svelte-13231hj"> </dd> <dt class="svelte-13231hj">Classes registered</dt> <dd class="svelte-13231hj"> </dd></dl> <h2 class="settings-heading svelte-13231hj">Plugin Settings</h2> <div class="setting-row svelte-13231hj"><label for="html-font-size" class="svelte-13231hj">HTML Font Size</label> <select id="html-font-size" class="svelte-13231hj"><option>Default (don't override)</option><option>Force 100%</option><option>Force 62.5%</option></select> <p class="description svelte-13231hj">Override the HTML root font-size. Use this if Bricks forces a font-size you don't want.</p></div> <div class="save-row svelte-13231hj"><button type="button" class="save-btn svelte-13231hj"> </button> <!> <!></div></section>`);function Yo(e,t){se(t,!0);let s=ne(Se(ee.pluginSettings?.html_font_size??"")),r=ne(!1),n=ne(!1),a=ne(""),i=null;async function l(){K(r,!0),K(n,!1),K(a,"");try{await qo({html_font_size:u(s)}),K(n,!0),i&&clearTimeout(i),i=setTimeout(()=>{K(n,!1),i=null},3e3)}catch(V){K(a,V.message||"Save failed",!0)}finally{K(r,!1)}}var o=Uo(),c=k(y(o),4),h=k(y(c),2),d=y(h),f=k(h,4),g=y(f),_=k(c,4),b=k(y(_),2),v=y(b);v.value=v.__value="";var m=k(v);m.value=m.__value="100";var w=k(m);w.value=w.__value="62.5";var x=k(_,2),T=y(x),F=y(T),G=k(T,2);{var W=V=>{var L=Ho();j(V,L)};le(G,V=>{u(n)&&V(W)})}var S=k(G,2);{var H=V=>{var L=Go(),B=y(L);I(()=>C(B,u(a))),j(V,L)};le(S,V=>{u(a)&&V(H)})}I(()=>{C(d,ee.inventory?.variables?.length??0),C(g,(ee.inventory?.sf_classes?.length??0)+(ee.inventory?.is_classes?.length??0)),T.disabled=u(r),C(F,u(r)?"Saving...":"Save Settings")}),Di(b,()=>u(s),V=>K(s,V)),oe("click",T,l),j(e,o),re()}Be(["click"]);var Wo=A('<div class="hook svelte-a36hjt"><h3 class="hook__name svelte-a36hjt"><code class="svelte-a36hjt"> </code></h3> <p class="hook__desc svelte-a36hjt"> </p> <p class="hook__params svelte-a36hjt"><strong>Parameters:</strong> <code class="svelte-a36hjt"> </code></p> <pre class="hook__example svelte-a36hjt"><code class="svelte-a36hjt"> </code></pre></div>'),Zo=A(`<section><h2 class="svelte-a36hjt">Filter Hooks Reference</h2> <p class="hint svelte-a36hjt">These WordPress filter hooks let you customize the SLASHED Bricks integration
-    from your theme or a mu-plugin. Each hook fires during plugin initialization.</p> <!></section>`);function Xo(e){const t=[{name:"slashed_bricks/css_bundle_url",description:"Override which CSS bundle URL to load.",params:"$url (string) - The current CSS bundle URL.",example:`add_filter( 'slashed_bricks/css_bundle_url', function( $url ) {
+    drives the variable pickers, class autocomplete, and color palette in Bricks.</p> <dl class="info svelte-13231hj"><dt class="svelte-13231hj">Variables registered</dt> <dd class="svelte-13231hj"> </dd> <dt class="svelte-13231hj">Classes registered</dt> <dd class="svelte-13231hj"> </dd></dl> <h2 class="settings-heading svelte-13231hj">Plugin Settings</h2> <div class="setting-row svelte-13231hj"><label for="css-bundle" class="svelte-13231hj">CSS Bundle</label> <select id="css-bundle" class="svelte-13231hj"><option>Essential — base variables only</option><option>Optimal — variables + core utilities (default)</option><option>Full — all utilities included</option></select> <p class="description svelte-13231hj">Choose which SLASHED CSS bundle to load on the frontend and in the Bricks editor canvas.</p></div> <div class="setting-row svelte-13231hj"><label for="html-font-size" class="svelte-13231hj">HTML Font Size</label> <select id="html-font-size" class="svelte-13231hj"><option>Default (don't override)</option><option>Force 100%</option><option>Force 62.5%</option></select> <p class="description svelte-13231hj">Override the HTML root font-size. Use this if Bricks forces a font-size you don't want.</p></div> <div class="save-row svelte-13231hj"><button type="button" class="save-btn svelte-13231hj"> </button> <!> <!></div></section>`);function Zo(e,t){se(t,!0);let s=ne(we(J.pluginSettings?.css_bundle??"optimal")),r=ne(we(J.pluginSettings?.html_font_size??"")),n=ne(!1),a=ne(!1),i=ne(""),o=null;async function l(){H(n,!0),H(a,!1),H(i,"");try{await Uo({css_bundle:d(s),html_font_size:d(r)}),H(a,!0),o&&clearTimeout(o),o=setTimeout(()=>{H(a,!1),o=null},3e3)}catch(fe){H(i,fe.message||"Save failed",!0)}finally{H(n,!1)}}var c=Wo(),v=w(y(c),4),u=w(y(v),2),f=y(u),g=w(u,4),_=y(g),b=w(v,4),h=w(y(b),2),m=y(h);m.value=m.__value="essential";var x=w(m);x.value=x.__value="optimal";var S=w(x);S.value=S.__value="full";var A=w(b,2),j=w(y(A),2),R=y(j);R.value=R.__value="";var I=w(R);I.value=I.__value="100";var k=w(I);k.value=k.__value="62.5";var G=w(A,2),P=y(G),F=y(P),K=w(P,2);{var X=fe=>{var it=Go();T(fe,it)};ce(K,fe=>{d(a)&&fe(X)})}var ve=w(K,2);{var ke=fe=>{var it=Yo(),Z=y(it);D(()=>z(Z,d(i))),T(fe,it)};ce(ve,fe=>{d(i)&&fe(ke)})}D(()=>{z(f,J.inventory?.variables?.length??0),z(_,(J.inventory?.sf_classes?.length??0)+(J.inventory?.is_classes?.length??0)),P.disabled=d(n),z(F,d(n)?"Saving...":"Save Settings")}),rn(h,()=>d(s),fe=>H(s,fe)),rn(j,()=>d(r),fe=>H(r,fe)),ae("click",P,l),T(e,c),re()}qe(["click"]);var Xo=C('<div class="hook svelte-a36hjt"><h3 class="hook__name svelte-a36hjt"><code class="svelte-a36hjt"> </code></h3> <p class="hook__desc svelte-a36hjt"> </p> <p class="hook__params svelte-a36hjt"><strong>Parameters:</strong> <code class="svelte-a36hjt"> </code></p> <pre class="hook__example svelte-a36hjt"><code class="svelte-a36hjt"> </code></pre></div>'),Jo=C(`<section><h2 class="svelte-a36hjt">Filter Hooks Reference</h2> <p class="hint svelte-a36hjt">These WordPress filter hooks let you customize the SLASHED Bricks integration
+    from your theme or a mu-plugin. Each hook fires during plugin initialization.</p> <!></section>`);function Qo(e){const t=[{name:"slashed_bricks/css_bundle_url",description:"Override which CSS bundle URL to load.",params:"$url (string) - The current CSS bundle URL.",example:`add_filter( 'slashed_bricks/css_bundle_url', function( $url ) {
     // Load from a CDN instead.
     return 'https://cdn.example.com/slashed/slashed.optimal.css';
 } );`},{name:"slashed_bricks/registered_classes",description:"Filter the array of classes before registration with Bricks.",params:"$classes (array) - Array of class definitions with name and category.",example:`add_filter( 'slashed_bricks/registered_classes', function( $classes ) {
@@ -36,11 +36,15 @@ add_filter( 'slashed_bricks/inventory_local_path', function() {
         'SLASHED Primary',
         'SLASHED Secondary',
     ] ) );
-} );`}];var s=Zo(),r=k(y(s),4);Q(r,17,()=>t,n=>n.name,(n,a)=>{var i=Wo(),l=y(i),o=y(l),c=y(o),h=k(l,2),d=y(h),f=k(h,2),g=k(y(f),2),_=y(g),b=k(f,2),v=y(b),m=y(v);I(()=>{C(c,u(a).name),C(d,u(a).description),C(_,u(a).params),C(m,u(a).example)}),j(n,i)}),j(e,s)}const Jo=[{category:"Colors",description:"Brand, status, semantic, and derived color tokens. Source colors use oklch(); the framework derives light-dark pairs, palettes, and alpha scales automatically.",tokens:[{name:"--sf-color-{brand}-light",description:"Source color for the brand (oklch registered value). Set this to rebrand."},{name:"--sf-color-{brand}-dark",description:"Optional dark-mode override. If set, replaces the auto-derived dark variant for full per-mode control."},{name:"--sf-color-{brand}",description:"Resolved light-dark adaptive color for use in rules."},{name:"--sf-color-{brand}-{50-950}",description:"Palette scale: 50 (lightest) to 950 (darkest) mixed with base/text."},{name:"--sf-color-{brand}-a{5-95}",description:"Alpha scale: 5% to 95% opacity of the brand color."},{name:"--sf-color-{brand}-hover/active/muted/subtle/ghost/lighter/darker/xlight/xdark/superlight/superdark",description:"Semantic aliases for common UI states, mapped to palette steps."},{name:"--sf-color-bg",description:"Page background color, derived from base."},{name:"--sf-color-text",description:"Main body text color, contrast-aware."},{name:"--sf-color-heading",description:"Heading text color, slightly stronger than body text."},{name:"--sf-color-link",description:"Link color, derived from action brand."},{name:"--sf-color-border",description:"Default border color."},{name:"--sf-color-surface",description:"Card/panel surface color (equals base)."},{name:"--sf-color-overlay",description:"Semi-transparent overlay for modals."},{name:"--sf-color-dim",description:"50% black overlay for dimming backgrounds."},{name:"--sf-color-success/warning/error/info/danger",description:"Status feedback colors with -light source, -muted, -strong, -subtle variants."}]},{category:"Typography",description:"Font families, sizes (fluid clamp-based scale), weights, line-heights, letter-spacing, and heading configuration.",tokens:[{name:"--sf-font-body",description:"Body font stack (system-ui default)."},{name:"--sf-font-heading",description:"Heading font stack (defaults to body)."},{name:"--sf-font-mono",description:"Monospace font stack."},{name:"--sf-font-display",description:"Display/hero font (defaults to heading)."},{name:"--sf-font-geometric/humanist/slab",description:"Curated fallback stacks for common typographic personalities."},{name:"--sf-text-{2xs..4xl}",description:"Fluid type scale using clamp(). Sizes: 2xs, xs, s, m, l, xl, 2xl, 3xl, 4xl."},{name:"--sf-text-display-{s,m,l}",description:"Extra-large display/hero sizes."},{name:"--sf-text-scale",description:"Global multiplier for the type scale (default 1)."},{name:"--sf-font-weight-{thin..black}",description:"Named weight tokens: thin(100), extralight(200), light(300), normal(400), medium(500), semibold(600), bold(700), extrabold(800), black(900)."},{name:"--sf-leading-{tight,snug,normal,relaxed}",description:"Line-height presets: 1.1, 1.3, 1.5, 1.625."},{name:"--sf-tracking-{tight,normal,wide,wider,widest}",description:"Letter-spacing presets from -0.025em to 0.1em."},{name:"--sf-h{1-6}-size/font-weight/line-height/letter-spacing",description:"Per-heading-level configuration tokens."},{name:"--sf-body-*",description:"Body text configuration: font-size, font-weight, line-height, color, text-wrap."}]},{category:"Spacing",description:"Fluid spacing scale (clamp-based), gutters, section padding, and component padding.",tokens:[{name:"--sf-space-{2xs..4xl}",description:"Fluid spacing scale. Sizes: none, px, 2xs, xs, s, m, l, xl, 2xl, 3xl, 4xl."},{name:"--sf-space-scale",description:"Global multiplier for all space tokens (default 1)."},{name:"--sf-space-gutter",description:"Page-edge gutter (defaults to space-l)."},{name:"--sf-gap",description:"Default gap for layouts (defaults to space-m)."},{name:"--sf-content-gap",description:"Gap between content elements (defaults to space-s)."},{name:"--sf-section-pad--{s,m,l,xl}",description:"Vertical padding for page sections."},{name:"--sf-component-pad",description:"Internal padding for components (defaults to space-m)."},{name:"--sf-header-height",description:"Expected fixed header height for sticky offset calculations."},{name:"--sf-safe-{top,right,bottom,left}",description:"Safe area insets for notched devices."}]},{category:"Sizing",description:"Component sizes, touch targets, and aspect ratios.",tokens:[{name:"--sf-size-{xs..xl}",description:"Named size tokens: xs(1.5rem), s(2rem), m(2.5rem), l(2.75rem), xl(3.5rem)."},{name:"--sf-touch-target",description:"Minimum interactive element size (defaults to size-l, 2.75rem)."},{name:"--sf-ratio-{square,photo,video,cinema,golden,portrait}",description:"Predefined aspect ratios for frames and containers."},{name:"--sf-icon-{xs..xl}",description:"Icon sizing in em units (0.875em to 3em)."}]},{category:"Layout",description:"Container widths, layout primitive tokens (stack, cluster, grid, sidebar, switcher, bento, cover, frame, reel, imposter).",tokens:[{name:"--sf-container-{narrow,default,prose,wide,full}",description:"Max-width presets for .sf-container."},{name:"--sf-stack-gap",description:"Vertical gap between .sf-stack children."},{name:"--sf-cluster-gap/align/justify",description:"Inline cluster layout tokens."},{name:"--sf-sidebar-width/gap/min-width",description:"Sidebar layout tokens."},{name:"--sf-switcher-threshold/gap",description:"Column-to-stack breakpoint and gap."},{name:"--sf-grid-min/gap",description:"Auto-fill grid minimum item width and gap."},{name:"--sf-bento-cols/gap/row",description:"Dense bento grid configuration."},{name:"--sf-cover-min-height/padding",description:"Full-height cover layout."},{name:"--sf-frame-ratio",description:"Aspect ratio for .sf-frame (defaults to 16/9)."},{name:"--sf-reel-gap/height/item-width",description:"Horizontal scroll strip configuration."},{name:"--sf-imposter-margin",description:"Safety margin for absolute-centered overlays."},{name:"--sf-breakout-width/content-width",description:"Breakout grid track widths."},{name:"--sf-divider-color/style/width",description:"Divider appearance tokens."}]},{category:"Borders",description:"Border widths and styles.",tokens:[{name:"--sf-border-width-{hairline,1,2,3,4}",description:"Border width scale: 0.5px, 1px, 2px, 3px, 4px."},{name:"--sf-border-style/dotted/soft/strong",description:"Border style presets (solid, dotted, dashed, solid)."},{name:"--sf-stroke-{thin,regular,bold,heavy}",description:"Stroke widths for SVG/icon use: 1px, 1.5px, 2px, 3px."}]},{category:"Radius",description:"Border radius scale and special shapes.",tokens:[{name:"--sf-radius-{none,xs,s,m,l,xl,2xl,3xl,4xl,full}",description:"Radius scale from 0 to 9999px (pill)."},{name:"--sf-radius-scale",description:"Global multiplier for all radius tokens (default 1)."},{name:"--sf-radius-pill",description:"Fully rounded (9999px)."},{name:"--sf-radius-outer",description:"Outer radius = inner + padding (for nested rounding)."}]},{category:"Shadows",description:"Box shadows, drop shadows, text shadows, and shadow configuration.",tokens:[{name:"--sf-shadow-{xs,s,m,l,xl,2xl}",description:"Elevation shadow scale, progressively more dramatic."},{name:"--sf-shadow-inner",description:"Inset shadow for recessed elements."},{name:"--sf-shadow-glow",description:"Colored glow effect (uses --sf-shadow-glow-color)."},{name:"--sf-shadow-none",description:"Explicit no-shadow value."},{name:"--sf-shadow-color",description:"Base shadow color (derived from neutral)."},{name:"--sf-shadow-strength",description:"Shadow opacity multiplier (adapts to dark mode)."},{name:"--sf-drop-shadow-{s,m,l}",description:"CSS filter drop-shadow equivalents."},{name:"--sf-text-shadow-{s,m,l,none}",description:"Text shadow presets."}]},{category:"Effects",description:"Blurs, opacities, gradients, masks, and perspective.",tokens:[{name:"--sf-blur-{xs,s,m,l,xl}",description:"Blur radius scale: 4px to 48px."},{name:"--sf-opacity-{0,10,25,50,75,100,disabled}",description:"Named opacity presets."},{name:"--sf-gradient-{brand,primary,secondary,tertiary,surface}",description:"Predefined gradients using brand colors."},{name:"--sf-gradient-fade--{t,b,l,r}",description:"Directional fade-to-background gradients."},{name:"--sf-mask-scrim-start/end",description:"Scroll mask fade depth."},{name:"--sf-perspective-{near,normal,far}",description:"3D perspective presets: 500px, 1000px, 2000px."},{name:"--sf-contrast-bias/threshold",description:"Color contrast tuning for auto text-on-color logic."}]},{category:"Motion",description:"Durations, easing curves, transitions, and animations.",tokens:[{name:"--sf-duration-{none,instant,fast,normal,slow,slower}",description:"Duration scale: 0ms to 600ms (respects --sf-motion-scale)."},{name:"--sf-motion-scale",description:"Global animation speed multiplier (set 0 to disable)."},{name:"--sf-ease-{linear,in,out,in-out,bounce,elastic,overshoot,spring}",description:"Easing function presets."},{name:"--sf-transition-{all,colors,opacity,shadow,transform,fast,slow,enter,exit}",description:"Pre-composed transition shorthands."},{name:"--sf-animation-{fade-in,fade-out,scale-up,scale-down,slide-in-*,float,ping,blink,color-pulse}",description:"Named keyframe animation shorthands."},{name:"--sf-animation-delay-{1-5}",description:"Stagger delays for sequential animations."}]},{category:"Z-Index",description:"Z-index scale for predictable layering.",tokens:[{name:"--sf-z-{below,base,raised,low,mid,high,top,max}",description:"Z-index scale: -1, 0, 1, 10, 100, 500, 900, 9999."}]},{category:"Focus",description:"Focus ring appearance for keyboard navigation.",tokens:[{name:"--sf-focus-ring-width/offset/color/style/shadow",description:"Focus indicator configuration."},{name:"--sf-caret-color",description:"Text input caret color (defaults to action)."}]},{category:"Scroll",description:"Scroll timeline and scrollbar styling.",tokens:[{name:"--sf-scroll-timeline-range-start/end",description:"Scroll-driven animation range."},{name:"--sf-scrollbar-thumb/track",description:"Custom scrollbar colors."}]},{category:"Print",description:"Print stylesheet configuration.",tokens:[{name:"--sf-print-base-size/page-margin/page-size",description:"Print layout tokens: 11pt base, 2cm margins, A4 size."}]}],$o=[{category:"Layout Primitives",description:"Breakpoint-free, container-query-driven layout components. Each is a single class with per-instance token overrides via inline style.",classes:[{name:".sf-section",description:"Vertical page rhythm with size variants (--s/--m/--l/--xl/--collapse)."},{name:".sf-section-group",description:"Collapses gap between adjacent sections."},{name:".sf-container",description:"Centered max-width wrapper with gutters. Variants: --narrow, --wide, --full, --prose."},{name:".sf-box",description:"Isolated unit with padding and optional border."},{name:".sf-center",description:"Intrinsic centering with max-width. Variant: --intrinsic."},{name:".sf-stack",description:"Vertical flow with consistent gap. Size variants: --2xs to --3xl. Alignment: --center, --end, --stretch."},{name:".sf-cluster",description:"Wrapping inline group. Size variants: --2xs to --xl. Alignment: --center, --end, --between. Wrap: --no-wrap."},{name:".sf-sidebar",description:"Content + side panel that wraps. Variants: --right, --narrow, --wide."},{name:".sf-switcher",description:"N columns above threshold, stacked below. Variants: --no-wrap, --vertical."},{name:".sf-grid",description:"Auto-fill responsive grid. Size variants: --xs to --xl. Variants: --fit, --dense."},{name:".sf-grid-{1,2,3,4,6}",description:"Fixed-column grids, container-responsive."},{name:".sf-grid-{1-2,2-1,1-3,3-1}",description:"Ratio two-column grids."},{name:".sf-bento",description:"Dense free-form grid. Variants: --2, --4, --compact, --tall."},{name:".sf-alternate",description:"Zigzag two-column layout, reverses every other row."},{name:".sf-pancake",description:"Sticky-footer grid: header / main(1fr) / footer."},{name:".sf-content-grid",description:"Breakout layout grid. Children use .sf-breakout or .sf-full-bleed."},{name:".sf-cover",description:"Full-height region with centered content. Variants: --min, --max, --padding-s, --padding-l."},{name:".sf-frame",description:"Aspect-ratio media box. Variants: --square, --portrait, --video, --cinema, --3-2, --4-3, --golden."},{name:".sf-reel",description:"Horizontal scroll strip with optional mask fade."},{name:".sf-imposter",description:"Absolutely-centered overlay. Variants: --fixed, --contain."},{name:".sf-subgrid / .sf-subgrid-rows",description:"Inherit parent grid tracks."},{name:".sf-divider",description:"Token-driven separator. Variant: --vertical."},{name:".sf-icon",description:"Em-based inline icon sizing. Sizes: --xs to --xl. Variant: --boxed."},{name:".sf-prose",description:"Readable long-form text with automatic vertical rhythm."},{name:".sf-not-prose",description:"Reset zone inside .sf-prose for embedded components."}]},{category:"Macros",description:"Recipe classes that answer 'what does this element do/look like?' - composable with layout primitives.",classes:[{name:".sf-flow",description:"Lobotomized owl: consistent gap between consecutive children."},{name:".sf-truncate",description:"Single-line ellipsis overflow."},{name:".sf-line-clamp-{2,3,N}",description:"Multi-line text clamping with ellipsis. -N reads --sf-line-clamp."},{name:".sf-equal-height",description:"Forces flex children to share the tallest child's height."},{name:".sf-aspect",description:"Generic aspect-ratio container (reads --sf-aspect token)."},{name:".sf-scroll-shadow",description:"Top + bottom mask gradient for scrolling containers."},{name:".sf-scroll-snap",description:"Vertical scroll-snap container."},{name:".sf-overflow-fade",description:"End-edge horizontal fade for overflowing inline content."},{name:".sf-no-tap-highlight",description:"Suppresses WebKit/Android tap highlight."},{name:".sf-text-gradient",description:"Gradient text effect using background-clip."},{name:".sf-clickable-parent",description:"Makes an entire card clickable via the first link inside."},{name:".sf-link-external",description:"Adds external link indicator marker."}]},{category:"Surfaces",description:"Color surface utility classes that set background and text color for a brand context.",classes:[{name:".sf-surface--{primary,secondary,tertiary,action,neutral,inverse}",description:"Brand-colored surface with auto-contrast text."},{name:".sf-surface--{success,warning,error,info,danger}",description:"Status-colored surfaces."}]},{category:"Animations",description:"CSS animation utility classes that apply predefined keyframe animations.",classes:[{name:".sf-fade-in / .sf-fade-out",description:"Opacity entrance/exit animations."},{name:".sf-scale-up / .sf-scale-down",description:"Scale entrance/exit animations."},{name:".sf-slide-in-{up,down,left,right}",description:"Directional slide-in entrance animations."},{name:".sf-color-pulse",description:"Continuous color pulse animation."},{name:".sf-entrance--fade / --fade-up / --fade-down / --fade-left / --fade-right / --scale-up",description:"Scroll-triggered entrance animations (scroll-timeline driven)."}]},{category:"State Classes (.is-*)",description:"Runtime state classes toggled by JS or mirrored from ARIA. They live in the slashed.states layer. Always pair with matching ARIA attributes.",classes:[{name:".is-hidden / .is-invisible / .is-visible",description:"Visibility control: removed from layout / hidden but keeps box / visible."},{name:".is-disabled / .is-readonly",description:"Non-interactive states with dimming."},{name:".is-loading / .is-pending / .is-busy",description:"Loading states: spinner replacement / optimistic UI / cursor hint."},{name:".is-skeleton",description:"Placeholder shimmer animation."},{name:".is-active / .is-selected / .is-current / .is-pressed",description:"Selection/activation states."},{name:".is-highlighted",description:"Transient emphasis (e.g. search result highlight)."},{name:".is-open / .is-collapsed / .is-expanded",description:"Disclosure states for modals, drawers, accordions."},{name:".is-valid / .is-invalid",description:"Form field validation results (maps to aria-invalid)."},{name:".is-success / .is-error / .is-warning / .is-info / .is-danger",description:"General feedback states and destructive-action context."},{name:".is-sticky / .is-pinned / .is-fixed / .is-fullscreen",description:"Positioning states."},{name:".is-clipped / .is-scrollable / .is-truncated / .is-resizable",description:"Overflow handling states."},{name:".is-dragging / .is-drop-target / .is-draggable",description:"Drag and drop states."},{name:".is-overlay / .is-focused / .is-clickable / .is-unselectable",description:"Positioning, focus, cursor, and selection states."},{name:".is-empty",description:"Hide element when empty (:empty pseudo-class)."}]}],Qo=[{name:"--sf-is-dark",description:"Numeric flag (0 or 1) indicating dark mode is active. Registered property."},{name:"--sf-lumlocker",description:"Internal luminance lock value for color derivation."},{name:"--sf-color-scheme",description:"CSS color-scheme declaration (light dark)."},{name:"--sf-current-font-weight",description:"Current context font weight (used by strong elements)."},{name:"--sf-link-external-marker",description:"External link arrow character."},{name:"--sf-field-block",description:"Vertical spacing between form fields."},{name:"--sf-field-required-marker",description:"Required field indicator string."}];var el=A('<li class="cheatsheet__item svelte-osej3t"><code class="cheatsheet__name svelte-osej3t"> </code> <span class="cheatsheet__desc svelte-osej3t"> </span></li>'),tl=A('<details class="cheatsheet__group svelte-osej3t"><summary class="cheatsheet__group-header svelte-osej3t"><strong> </strong> <span class="cheatsheet__group-desc svelte-osej3t"> </span></summary> <ul class="cheatsheet__list svelte-osej3t"></ul></details>'),sl=A('<li class="cheatsheet__item svelte-osej3t"><code class="cheatsheet__name svelte-osej3t"> </code> <span class="cheatsheet__desc svelte-osej3t"> </span></li>'),rl=A('<details class="cheatsheet__group svelte-osej3t"><summary class="cheatsheet__group-header svelte-osej3t"><strong>Misc</strong> <span class="cheatsheet__group-desc svelte-osej3t">Tokens that do not fit a single category.</span></summary> <ul class="cheatsheet__list svelte-osej3t"></ul></details>'),nl=A('<div class="cheatsheet__section svelte-osej3t"><h3 class="cheatsheet__section-title svelte-osej3t">CSS Custom Properties (--sf-*)</h3> <!> <!></div>'),al=A('<li class="cheatsheet__item svelte-osej3t"><code class="cheatsheet__name svelte-osej3t"> </code> <span class="cheatsheet__desc svelte-osej3t"> </span></li>'),il=A('<details class="cheatsheet__group svelte-osej3t"><summary class="cheatsheet__group-header svelte-osej3t"><strong> </strong> <span class="cheatsheet__group-desc svelte-osej3t"> </span></summary> <ul class="cheatsheet__list svelte-osej3t"></ul></details>'),ol=A('<div class="cheatsheet__section svelte-osej3t"><h3 class="cheatsheet__section-title svelte-osej3t">Utility &amp; State Classes</h3> <!></div>'),ll=A('<p class="cheatsheet__empty svelte-osej3t"> </p>'),cl=A('<div class="cheatsheet svelte-osej3t"><div class="cheatsheet__header svelte-osej3t"><h2 class="svelte-osej3t">API Cheatsheet</h2> <p class="cheatsheet__counts svelte-osej3t"> </p></div> <div class="cheatsheet__controls svelte-osej3t"><input type="search" class="cheatsheet__search svelte-osej3t" placeholder="Search tokens or classes..." aria-label="Search tokens or classes"/> <div class="cheatsheet__view-toggle svelte-osej3t"><button type="button">All</button> <button type="button">Variables</button> <button type="button">Classes</button></div></div> <!> <!> <!></div>');function fl(e,t){se(t,!0);let s=ne(""),r=ne("all");const n=ee.inventory?.variables?.length??0,a=ee.inventory?.sf_classes?.length??0,i=ee.inventory?.is_classes?.length??0;let l=E(()=>d(Jo,"tokens")),o=E(()=>d($o,"classes")),c=E(()=>Qo.filter(X=>h(X.name,X.description)));function h(X,he){if(!u(s).trim())return!0;const pe=u(s).trim().toLowerCase();return X.toLowerCase().includes(pe)||he.toLowerCase().includes(pe)}function d(X,he){return u(s).trim()?X.map(pe=>({...pe,[he]:pe[he].filter(Pt=>h(Pt.name,Pt.description))})).filter(pe=>pe[he].length>0):X}let f=E(()=>u(r)==="all"||u(r)==="variables"),g=E(()=>u(r)==="all"||u(r)==="classes"),_=E(()=>u(s).trim()!==""&&(!u(f)||u(l).length===0&&u(c).length===0)&&(!u(g)||u(o).length===0));var b=cl(),v=y(b),m=k(y(v),2),w=y(m),x=k(v,2),T=y(x),F=k(T,2),G=y(F);let W;var S=k(G,2);let H;var V=k(S,2);let L;var B=k(x,2);{var J=X=>{var he=nl(),pe=k(y(he),2);Q(pe,17,()=>u(l),cs,(Ze,Ke)=>{var nt=tl(),at=y(nt),ht=y(at),Dt=y(ht),Nt=k(ht,2),pt=y(Nt),Ft=k(at,2);Q(Ft,21,()=>u(Ke).tokens,cs,(it,ls)=>{var Cs=el(),zs=y(Cs),nr=y(zs),sa=k(zs,2),ra=y(sa);I(()=>{C(nr,u(ls).name),C(ra,u(ls).description)}),j(it,Cs)}),I(it=>{nt.open=it,C(Dt,u(Ke).category),C(pt,u(Ke).description)},[()=>!u(s).trim()]),j(Ze,nt)});var Pt=k(pe,2);{var os=Ze=>{var Ke=rl(),nt=k(y(Ke),2);Q(nt,21,()=>u(c),cs,(at,ht)=>{var Dt=sl(),Nt=y(Dt),pt=y(Nt),Ft=k(Nt,2),it=y(Ft);I(()=>{C(pt,u(ht).name),C(it,u(ht).description)}),j(at,Dt)}),I(at=>Ke.open=at,[()=>!u(s).trim()]),j(Ze,Ke)};le(Pt,Ze=>{u(c).length>0&&Ze(os)})}j(X,he)};le(B,X=>{u(f)&&X(J)})}var ve=k(B,2);{var Me=X=>{var he=ol(),pe=k(y(he),2);Q(pe,17,()=>u(o),cs,(Pt,os)=>{var Ze=il(),Ke=y(Ze),nt=y(Ke),at=y(nt),ht=k(nt,2),Dt=y(ht),Nt=k(Ke,2);Q(Nt,21,()=>u(os).classes,cs,(pt,Ft)=>{var it=al(),ls=y(it),Cs=y(ls),zs=k(ls,2),nr=y(zs);I(()=>{C(Cs,u(Ft).name),C(nr,u(Ft).description)}),j(pt,it)}),I(pt=>{Ze.open=pt,C(at,u(os).category),C(Dt,u(os).description)},[()=>!u(s).trim()]),j(Pt,Ze)}),j(X,he)};le(ve,X=>{u(g)&&X(Me)})}var As=k(ve,2);{var rr=X=>{var he=ll(),pe=y(he);I(()=>C(pe,`No results for "${u(s)??""}"`)),j(X,he)};le(As,X=>{u(_)&&X(rr)})}I(()=>{C(w,`${n??""} variables | ${a??""} layout/utility classes | ${i??""} state classes`),U(G,"aria-pressed",u(r)==="all"),W=Zt(G,1,"svelte-osej3t",null,W,{active:u(r)==="all"}),U(S,"aria-pressed",u(r)==="variables"),H=Zt(S,1,"svelte-osej3t",null,H,{active:u(r)==="variables"}),U(V,"aria-pressed",u(r)==="classes"),L=Zt(V,1,"svelte-osej3t",null,L,{active:u(r)==="classes"})}),Ks(T,()=>u(s),X=>K(s,X)),oe("click",G,()=>K(r,"all")),oe("click",S,()=>K(r,"variables")),oe("click",V,()=>K(r,"classes")),j(e,b),re()}Be(["click"]);var dl=A('<div class="slashed-preview__swatch svelte-g79qke"> </div>'),ul=A(`<div class="slashed-preview svelte-g79qke"><h3 class="svelte-g79qke">Live preview</h3> <p class="slashed-preview__type-heading svelte-g79qke">The quick brown fox jumps over the lazy dog</p> <p class="slashed-preview__type-body svelte-g79qke">This is a preview of your design token configuration. Adjust values above
+} );`}];var s=Jo(),r=w(y(s),4);ee(r,17,()=>t,n=>n.name,(n,a)=>{var i=Xo(),o=y(i),l=y(o),c=y(l),v=w(o,2),u=y(v),f=w(v,2),g=w(y(f),2),_=y(g),b=w(f,2),h=y(b),m=y(h);D(()=>{z(c,d(a).name),z(u,d(a).description),z(_,d(a).params),z(m,d(a).example)}),T(n,i)}),T(e,s)}const el=[{category:"Colors",description:"Brand, status, semantic, and derived color tokens. Source colors use oklch(); the framework derives light-dark pairs, palettes, and alpha scales automatically.",tokens:[{name:"--sf-color-{brand}-light",description:"Source color for the brand (oklch registered value). Set this to rebrand."},{name:"--sf-color-{brand}-dark",description:"Optional dark-mode override. If set, replaces the auto-derived dark variant for full per-mode control."},{name:"--sf-color-{brand}",description:"Resolved light-dark adaptive color for use in rules."},{name:"--sf-color-{brand}-{50-950}",description:"Palette scale: 50 (lightest) to 950 (darkest) mixed with base/text."},{name:"--sf-color-{brand}-a{5-95}",description:"Alpha scale: 5% to 95% opacity of the brand color."},{name:"--sf-color-{brand}-hover/active/muted/subtle/ghost/lighter/darker/xlight/xdark/superlight/superdark",description:"Semantic aliases for common UI states, mapped to palette steps."},{name:"--sf-color-bg",description:"Page background color, derived from base."},{name:"--sf-color-text",description:"Main body text color, contrast-aware."},{name:"--sf-color-heading",description:"Heading text color, slightly stronger than body text."},{name:"--sf-color-link",description:"Link color, derived from action brand."},{name:"--sf-color-border",description:"Default border color."},{name:"--sf-color-surface",description:"Card/panel surface color (equals base)."},{name:"--sf-color-overlay",description:"Semi-transparent overlay for modals."},{name:"--sf-color-dim",description:"50% black overlay for dimming backgrounds."},{name:"--sf-color-success/warning/error/info/danger",description:"Status feedback colors with -light source, -muted, -strong, -subtle variants."}]},{category:"Typography",description:"Font families, sizes (fluid clamp-based scale), weights, line-heights, letter-spacing, and heading configuration.",tokens:[{name:"--sf-font-body",description:"Body font stack (system-ui default)."},{name:"--sf-font-heading",description:"Heading font stack (defaults to body)."},{name:"--sf-font-mono",description:"Monospace font stack."},{name:"--sf-font-display",description:"Display/hero font (defaults to heading)."},{name:"--sf-font-geometric/humanist/slab",description:"Curated fallback stacks for common typographic personalities."},{name:"--sf-text-{2xs..4xl}",description:"Fluid type scale using clamp(). Sizes: 2xs, xs, s, m, l, xl, 2xl, 3xl, 4xl."},{name:"--sf-text-display-{s,m,l}",description:"Extra-large display/hero sizes."},{name:"--sf-text-scale",description:"Global multiplier for the type scale (default 1)."},{name:"--sf-font-weight-{thin..black}",description:"Named weight tokens: thin(100), extralight(200), light(300), normal(400), medium(500), semibold(600), bold(700), extrabold(800), black(900)."},{name:"--sf-leading-{tight,snug,normal,relaxed}",description:"Line-height presets: 1.1, 1.3, 1.5, 1.625."},{name:"--sf-tracking-{tight,normal,wide,wider,widest}",description:"Letter-spacing presets from -0.025em to 0.1em."},{name:"--sf-h{1-6}-size/font-weight/line-height/letter-spacing",description:"Per-heading-level configuration tokens."},{name:"--sf-body-*",description:"Body text configuration: font-size, font-weight, line-height, color, text-wrap."}]},{category:"Spacing",description:"Fluid spacing scale (clamp-based), gutters, section padding, and component padding.",tokens:[{name:"--sf-space-{2xs..4xl}",description:"Fluid spacing scale. Sizes: none, px, 2xs, xs, s, m, l, xl, 2xl, 3xl, 4xl."},{name:"--sf-space-scale",description:"Global multiplier for all space tokens (default 1)."},{name:"--sf-space-gutter",description:"Page-edge gutter (defaults to space-l)."},{name:"--sf-gap",description:"Default gap for layouts (defaults to space-m)."},{name:"--sf-content-gap",description:"Gap between content elements (defaults to space-s)."},{name:"--sf-section-pad--{s,m,l,xl}",description:"Vertical padding for page sections."},{name:"--sf-component-pad",description:"Internal padding for components (defaults to space-m)."},{name:"--sf-header-height",description:"Expected fixed header height for sticky offset calculations."},{name:"--sf-safe-{top,right,bottom,left}",description:"Safe area insets for notched devices."}]},{category:"Sizing",description:"Component sizes, touch targets, and aspect ratios.",tokens:[{name:"--sf-size-{xs..xl}",description:"Named size tokens: xs(1.5rem), s(2rem), m(2.5rem), l(2.75rem), xl(3.5rem)."},{name:"--sf-touch-target",description:"Minimum interactive element size (defaults to size-l, 2.75rem)."},{name:"--sf-ratio-{square,photo,video,cinema,golden,portrait}",description:"Predefined aspect ratios for frames and containers."},{name:"--sf-icon-{xs..xl}",description:"Icon sizing in em units (0.875em to 3em)."}]},{category:"Layout",description:"Container widths, layout primitive tokens (stack, cluster, grid, sidebar, switcher, bento, cover, frame, reel, imposter).",tokens:[{name:"--sf-container-{narrow,default,prose,wide,full}",description:"Max-width presets for .sf-container."},{name:"--sf-stack-gap",description:"Vertical gap between .sf-stack children."},{name:"--sf-cluster-gap/align/justify",description:"Inline cluster layout tokens."},{name:"--sf-sidebar-width/gap/min-width",description:"Sidebar layout tokens."},{name:"--sf-switcher-threshold/gap",description:"Column-to-stack breakpoint and gap."},{name:"--sf-grid-min/gap",description:"Auto-fill grid minimum item width and gap."},{name:"--sf-bento-cols/gap/row",description:"Dense bento grid configuration."},{name:"--sf-cover-min-height/padding",description:"Full-height cover layout."},{name:"--sf-frame-ratio",description:"Aspect ratio for .sf-frame (defaults to 16/9)."},{name:"--sf-reel-gap/height/item-width",description:"Horizontal scroll strip configuration."},{name:"--sf-imposter-margin",description:"Safety margin for absolute-centered overlays."},{name:"--sf-breakout-width/content-width",description:"Breakout grid track widths."},{name:"--sf-divider-color/style/width",description:"Divider appearance tokens."}]},{category:"Borders",description:"Border widths and styles.",tokens:[{name:"--sf-border-width-{hairline,1,2,3,4}",description:"Border width scale: 0.5px, 1px, 2px, 3px, 4px."},{name:"--sf-border-style/dotted/soft/strong",description:"Border style presets (solid, dotted, dashed, solid)."},{name:"--sf-stroke-{thin,regular,bold,heavy}",description:"Stroke widths for SVG/icon use: 1px, 1.5px, 2px, 3px."}]},{category:"Radius",description:"Border radius scale and special shapes.",tokens:[{name:"--sf-radius-{none,xs,s,m,l,xl,2xl,3xl,4xl,full}",description:"Radius scale from 0 to 9999px (pill)."},{name:"--sf-radius-scale",description:"Global multiplier for all radius tokens (default 1)."},{name:"--sf-radius-pill",description:"Fully rounded (9999px)."},{name:"--sf-radius-outer",description:"Outer radius = inner + padding (for nested rounding)."}]},{category:"Shadows",description:"Box shadows, drop shadows, text shadows, and shadow configuration.",tokens:[{name:"--sf-shadow-{xs,s,m,l,xl,2xl}",description:"Elevation shadow scale, progressively more dramatic."},{name:"--sf-shadow-inner",description:"Inset shadow for recessed elements."},{name:"--sf-shadow-glow",description:"Colored glow effect (uses --sf-shadow-glow-color)."},{name:"--sf-shadow-none",description:"Explicit no-shadow value."},{name:"--sf-shadow-color",description:"Base shadow color (derived from neutral)."},{name:"--sf-shadow-strength",description:"Shadow opacity multiplier (adapts to dark mode)."},{name:"--sf-drop-shadow-{s,m,l}",description:"CSS filter drop-shadow equivalents."},{name:"--sf-text-shadow-{s,m,l,none}",description:"Text shadow presets."}]},{category:"Effects",description:"Blurs, opacities, gradients, masks, and perspective.",tokens:[{name:"--sf-blur-{xs,s,m,l,xl}",description:"Blur radius scale: 4px to 48px."},{name:"--sf-opacity-{0,10,25,50,75,100,disabled}",description:"Named opacity presets."},{name:"--sf-gradient-{brand,primary,secondary,tertiary,surface}",description:"Predefined gradients using brand colors."},{name:"--sf-gradient-fade--{t,b,l,r}",description:"Directional fade-to-background gradients."},{name:"--sf-mask-scrim-start/end",description:"Scroll mask fade depth."},{name:"--sf-perspective-{near,normal,far}",description:"3D perspective presets: 500px, 1000px, 2000px."},{name:"--sf-contrast-bias/threshold",description:"Color contrast tuning for auto text-on-color logic."}]},{category:"Motion",description:"Durations, easing curves, transitions, and animations.",tokens:[{name:"--sf-duration-{none,instant,fast,normal,slow,slower}",description:"Duration scale: 0ms to 600ms (respects --sf-motion-scale)."},{name:"--sf-motion-scale",description:"Global animation speed multiplier (set 0 to disable)."},{name:"--sf-ease-{linear,in,out,in-out,bounce,elastic,overshoot,spring}",description:"Easing function presets."},{name:"--sf-transition-{all,colors,opacity,shadow,transform,fast,slow,enter,exit}",description:"Pre-composed transition shorthands."},{name:"--sf-animation-{fade-in,fade-out,scale-up,scale-down,slide-in-*,float,ping,blink,color-pulse}",description:"Named keyframe animation shorthands."},{name:"--sf-animation-delay-{1-5}",description:"Stagger delays for sequential animations."}]},{category:"Z-Index",description:"Z-index scale for predictable layering.",tokens:[{name:"--sf-z-{below,base,raised,low,mid,high,top,max}",description:"Z-index scale: -1, 0, 1, 10, 100, 500, 900, 9999."}]},{category:"Focus",description:"Focus ring appearance for keyboard navigation.",tokens:[{name:"--sf-focus-ring-width/offset/color/style/shadow",description:"Focus indicator configuration."},{name:"--sf-caret-color",description:"Text input caret color (defaults to action)."}]},{category:"Scroll",description:"Scroll timeline and scrollbar styling.",tokens:[{name:"--sf-scroll-timeline-range-start/end",description:"Scroll-driven animation range."},{name:"--sf-scrollbar-thumb/track",description:"Custom scrollbar colors."}]},{category:"Print",description:"Print stylesheet configuration.",tokens:[{name:"--sf-print-base-size/page-margin/page-size",description:"Print layout tokens: 11pt base, 2cm margins, A4 size."}]}],tl=[{category:"Layout Primitives",description:"Breakpoint-free, container-query-driven layout components. Each is a single class with per-instance token overrides via inline style.",classes:[{name:".sf-section",description:"Vertical page rhythm with size variants (--s/--m/--l/--xl/--collapse)."},{name:".sf-section-group",description:"Collapses gap between adjacent sections."},{name:".sf-container",description:"Centered max-width wrapper with gutters. Variants: --narrow, --wide, --full, --prose."},{name:".sf-box",description:"Isolated unit with padding and optional border."},{name:".sf-center",description:"Intrinsic centering with max-width. Variant: --intrinsic."},{name:".sf-stack",description:"Vertical flow with consistent gap. Size variants: --2xs to --3xl. Alignment: --center, --end, --stretch."},{name:".sf-cluster",description:"Wrapping inline group. Size variants: --2xs to --xl. Alignment: --center, --end, --between. Wrap: --no-wrap."},{name:".sf-sidebar",description:"Content + side panel that wraps. Variants: --right, --narrow, --wide."},{name:".sf-switcher",description:"N columns above threshold, stacked below. Variants: --no-wrap, --vertical."},{name:".sf-grid",description:"Auto-fill responsive grid. Size variants: --xs to --xl. Variants: --fit, --dense."},{name:".sf-grid-{1,2,3,4,6}",description:"Fixed-column grids, container-responsive."},{name:".sf-grid-{1-2,2-1,1-3,3-1}",description:"Ratio two-column grids."},{name:".sf-bento",description:"Dense free-form grid. Variants: --2, --4, --compact, --tall."},{name:".sf-alternate",description:"Zigzag two-column layout, reverses every other row."},{name:".sf-pancake",description:"Sticky-footer grid: header / main(1fr) / footer."},{name:".sf-content-grid",description:"Breakout layout grid. Children use .sf-breakout or .sf-full-bleed."},{name:".sf-cover",description:"Full-height region with centered content. Variants: --min, --max, --padding-s, --padding-l."},{name:".sf-frame",description:"Aspect-ratio media box. Variants: --square, --portrait, --video, --cinema, --3-2, --4-3, --golden."},{name:".sf-reel",description:"Horizontal scroll strip with optional mask fade."},{name:".sf-imposter",description:"Absolutely-centered overlay. Variants: --fixed, --contain."},{name:".sf-subgrid / .sf-subgrid-rows",description:"Inherit parent grid tracks."},{name:".sf-divider",description:"Token-driven separator. Variant: --vertical."},{name:".sf-icon",description:"Em-based inline icon sizing. Sizes: --xs to --xl. Variant: --boxed."},{name:".sf-prose",description:"Readable long-form text with automatic vertical rhythm."},{name:".sf-not-prose",description:"Reset zone inside .sf-prose for embedded components."}]},{category:"Macros",description:"Recipe classes that answer 'what does this element do/look like?' - composable with layout primitives.",classes:[{name:".sf-flow",description:"Lobotomized owl: consistent gap between consecutive children."},{name:".sf-truncate",description:"Single-line ellipsis overflow."},{name:".sf-line-clamp-{2,3,N}",description:"Multi-line text clamping with ellipsis. -N reads --sf-line-clamp."},{name:".sf-equal-height",description:"Forces flex children to share the tallest child's height."},{name:".sf-aspect",description:"Generic aspect-ratio container (reads --sf-aspect token)."},{name:".sf-scroll-shadow",description:"Top + bottom mask gradient for scrolling containers."},{name:".sf-scroll-snap",description:"Vertical scroll-snap container."},{name:".sf-overflow-fade",description:"End-edge horizontal fade for overflowing inline content."},{name:".sf-no-tap-highlight",description:"Suppresses WebKit/Android tap highlight."},{name:".sf-text-gradient",description:"Gradient text effect using background-clip."},{name:".sf-clickable-parent",description:"Makes an entire card clickable via the first link inside."},{name:".sf-link-external",description:"Adds external link indicator marker."}]},{category:"Surfaces",description:"Color surface utility classes that set background and text color for a brand context.",classes:[{name:".sf-surface--{primary,secondary,tertiary,action,neutral,inverse}",description:"Brand-colored surface with auto-contrast text."},{name:".sf-surface--{success,warning,error,info,danger}",description:"Status-colored surfaces."}]},{category:"Animations",description:"CSS animation utility classes that apply predefined keyframe animations.",classes:[{name:".sf-fade-in / .sf-fade-out",description:"Opacity entrance/exit animations."},{name:".sf-scale-up / .sf-scale-down",description:"Scale entrance/exit animations."},{name:".sf-slide-in-{up,down,left,right}",description:"Directional slide-in entrance animations."},{name:".sf-color-pulse",description:"Continuous color pulse animation."},{name:".sf-entrance--fade / --fade-up / --fade-down / --fade-left / --fade-right / --scale-up",description:"Scroll-triggered entrance animations (scroll-timeline driven)."}]},{category:"State Classes (.is-*)",description:"Runtime state classes toggled by JS or mirrored from ARIA. They live in the slashed.states layer. Always pair with matching ARIA attributes.",classes:[{name:".is-hidden / .is-invisible / .is-visible",description:"Visibility control: removed from layout / hidden but keeps box / visible."},{name:".is-disabled / .is-readonly",description:"Non-interactive states with dimming."},{name:".is-loading / .is-pending / .is-busy",description:"Loading states: spinner replacement / optimistic UI / cursor hint."},{name:".is-skeleton",description:"Placeholder shimmer animation."},{name:".is-active / .is-selected / .is-current / .is-pressed",description:"Selection/activation states."},{name:".is-highlighted",description:"Transient emphasis (e.g. search result highlight)."},{name:".is-open / .is-collapsed / .is-expanded",description:"Disclosure states for modals, drawers, accordions."},{name:".is-valid / .is-invalid",description:"Form field validation results (maps to aria-invalid)."},{name:".is-success / .is-error / .is-warning / .is-info / .is-danger",description:"General feedback states and destructive-action context."},{name:".is-sticky / .is-pinned / .is-fixed / .is-fullscreen",description:"Positioning states."},{name:".is-clipped / .is-scrollable / .is-truncated / .is-resizable",description:"Overflow handling states."},{name:".is-dragging / .is-drop-target / .is-draggable",description:"Drag and drop states."},{name:".is-overlay / .is-focused / .is-clickable / .is-unselectable",description:"Positioning, focus, cursor, and selection states."},{name:".is-empty",description:"Hide element when empty (:empty pseudo-class)."}]}],sl=[{name:"--sf-is-dark",description:"Numeric flag (0 or 1) indicating dark mode is active. Registered property."},{name:"--sf-lumlocker",description:"Internal luminance lock value for color derivation."},{name:"--sf-color-scheme",description:"CSS color-scheme declaration (light dark)."},{name:"--sf-current-font-weight",description:"Current context font weight (used by strong elements)."},{name:"--sf-link-external-marker",description:"External link arrow character."},{name:"--sf-field-block",description:"Vertical spacing between form fields."},{name:"--sf-field-required-marker",description:"Required field indicator string."}];var rl=C('<li class="cheatsheet__item svelte-osej3t"><code class="cheatsheet__name svelte-osej3t"> </code> <span class="cheatsheet__desc svelte-osej3t"> </span></li>'),nl=C('<details class="cheatsheet__group svelte-osej3t"><summary class="cheatsheet__group-header svelte-osej3t"><strong> </strong> <span class="cheatsheet__group-desc svelte-osej3t"> </span></summary> <ul class="cheatsheet__list svelte-osej3t"></ul></details>'),al=C('<li class="cheatsheet__item svelte-osej3t"><code class="cheatsheet__name svelte-osej3t"> </code> <span class="cheatsheet__desc svelte-osej3t"> </span></li>'),il=C('<details class="cheatsheet__group svelte-osej3t"><summary class="cheatsheet__group-header svelte-osej3t"><strong>Misc</strong> <span class="cheatsheet__group-desc svelte-osej3t">Tokens that do not fit a single category.</span></summary> <ul class="cheatsheet__list svelte-osej3t"></ul></details>'),ol=C('<div class="cheatsheet__section svelte-osej3t"><h3 class="cheatsheet__section-title svelte-osej3t">CSS Custom Properties (--sf-*)</h3> <!> <!></div>'),ll=C('<li class="cheatsheet__item svelte-osej3t"><code class="cheatsheet__name svelte-osej3t"> </code> <span class="cheatsheet__desc svelte-osej3t"> </span></li>'),cl=C('<details class="cheatsheet__group svelte-osej3t"><summary class="cheatsheet__group-header svelte-osej3t"><strong> </strong> <span class="cheatsheet__group-desc svelte-osej3t"> </span></summary> <ul class="cheatsheet__list svelte-osej3t"></ul></details>'),fl=C('<div class="cheatsheet__section svelte-osej3t"><h3 class="cheatsheet__section-title svelte-osej3t">Utility &amp; State Classes</h3> <!></div>'),dl=C('<p class="cheatsheet__empty svelte-osej3t"> </p>'),ul=C('<div class="cheatsheet svelte-osej3t"><div class="cheatsheet__header svelte-osej3t"><h2 class="svelte-osej3t">API Cheatsheet</h2> <p class="cheatsheet__counts svelte-osej3t"> </p></div> <div class="cheatsheet__controls svelte-osej3t"><input type="search" class="cheatsheet__search svelte-osej3t" placeholder="Search tokens or classes..." aria-label="Search tokens or classes"/> <div class="cheatsheet__view-toggle svelte-osej3t"><button type="button">All</button> <button type="button">Variables</button> <button type="button">Classes</button></div></div> <!> <!> <!></div>');function vl(e,t){se(t,!0);let s=ne(""),r=ne("all");const n=J.inventory?.variables?.length??0,a=J.inventory?.sf_classes?.length??0,i=J.inventory?.is_classes?.length??0;let o=E(()=>u(el,"tokens")),l=E(()=>u(tl,"classes")),c=E(()=>sl.filter(Z=>v(Z.name,Z.description)));function v(Z,_e){if(!d(s).trim())return!0;const ge=d(s).trim().toLowerCase();return Z.toLowerCase().includes(ge)||_e.toLowerCase().includes(ge)}function u(Z,_e){return d(s).trim()?Z.map(ge=>({...ge,[_e]:ge[_e].filter(Nt=>v(Nt.name,Nt.description))})).filter(ge=>ge[_e].length>0):Z}let f=E(()=>d(r)==="all"||d(r)==="variables"),g=E(()=>d(r)==="all"||d(r)==="classes"),_=E(()=>d(s).trim()!==""&&(!d(f)||d(o).length===0&&d(c).length===0)&&(!d(g)||d(l).length===0));var b=ul(),h=y(b),m=w(y(h),2),x=y(m),S=w(h,2),A=y(S),j=w(A,2),R=y(j);let I;var k=w(R,2);let G;var P=w(k,2);let F;var K=w(S,2);{var X=Z=>{var _e=ol(),ge=w(y(_e),2);ee(ge,17,()=>d(o),us,(Xe,He)=>{var ot=nl(),lt=y(ot),gt=y(lt),Bt=y(gt),Kt=w(gt,2),mt=y(Kt),qt=w(lt,2);ee(qt,21,()=>d(He).tokens,us,(ct,ds)=>{var Os=rl(),Rs=y(Os),ar=y(Rs),ia=w(Rs,2),oa=y(ia);D(()=>{z(ar,d(ds).name),z(oa,d(ds).description)}),T(ct,Os)}),D(ct=>{ot.open=ct,z(Bt,d(He).category),z(mt,d(He).description)},[()=>!d(s).trim()]),T(Xe,ot)});var Nt=w(ge,2);{var fs=Xe=>{var He=il(),ot=w(y(He),2);ee(ot,21,()=>d(c),us,(lt,gt)=>{var Bt=al(),Kt=y(Bt),mt=y(Kt),qt=w(Kt,2),ct=y(qt);D(()=>{z(mt,d(gt).name),z(ct,d(gt).description)}),T(lt,Bt)}),D(lt=>He.open=lt,[()=>!d(s).trim()]),T(Xe,He)};ce(Nt,Xe=>{d(c).length>0&&Xe(fs)})}T(Z,_e)};ce(K,Z=>{d(f)&&Z(X)})}var ve=w(K,2);{var ke=Z=>{var _e=fl(),ge=w(y(_e),2);ee(ge,17,()=>d(l),us,(Nt,fs)=>{var Xe=cl(),He=y(Xe),ot=y(He),lt=y(ot),gt=w(ot,2),Bt=y(gt),Kt=w(He,2);ee(Kt,21,()=>d(fs).classes,us,(mt,qt)=>{var ct=ll(),ds=y(ct),Os=y(ds),Rs=w(ds,2),ar=y(Rs);D(()=>{z(Os,d(qt).name),z(ar,d(qt).description)}),T(mt,ct)}),D(mt=>{Xe.open=mt,z(lt,d(fs).category),z(Bt,d(fs).description)},[()=>!d(s).trim()]),T(Nt,Xe)}),T(Z,_e)};ce(ve,Z=>{d(g)&&Z(ke)})}var fe=w(ve,2);{var it=Z=>{var _e=dl(),ge=y(_e);D(()=>z(ge,`No results for "${d(s)??""}"`)),T(Z,_e)};ce(fe,Z=>{d(_)&&Z(it)})}D(()=>{z(x,`${n??""} variables | ${a??""} layout/utility classes | ${i??""} state classes`),Y(R,"aria-pressed",d(r)==="all"),I=Jt(R,1,"svelte-osej3t",null,I,{active:d(r)==="all"}),Y(k,"aria-pressed",d(r)==="variables"),G=Jt(k,1,"svelte-osej3t",null,G,{active:d(r)==="variables"}),Y(P,"aria-pressed",d(r)==="classes"),F=Jt(P,1,"svelte-osej3t",null,F,{active:d(r)==="classes"})}),Hs(A,()=>d(s),Z=>H(s,Z)),ae("click",R,()=>H(r,"all")),ae("click",k,()=>H(r,"variables")),ae("click",P,()=>H(r,"classes")),T(e,b),re()}qe(["click"]);var hl=C('<div class="slashed-preview__swatch svelte-g79qke"> </div>'),pl=C(`<div class="slashed-preview svelte-g79qke"><h3 class="svelte-g79qke">Live preview</h3> <p class="slashed-preview__type-heading svelte-g79qke">The quick brown fox jumps over the lazy dog</p> <p class="slashed-preview__type-body svelte-g79qke">This is a preview of your design token configuration. Adjust values above
     and see changes reflected here in real time. Brand and status colors are
     rendered as swatches; the heading and this paragraph reflect the current
-    body and heading font stacks.</p> <div class="slashed-preview__swatches svelte-g79qke"></div> <div class="slashed-preview__buttons svelte-g79qke"><span class="slashed-preview__btn svelte-g79qke">Primary</span> <span class="slashed-preview__btn svelte-g79qke">Action</span></div> <div class="slashed-preview__caption svelte-g79qke">Generated CSS: <code class="svelte-g79qke"> </code></div></div>`);function vl(e,t){se(t,!0);const s=["primary","secondary","tertiary","action","neutral","base"],r=["success","warning","error","info","danger"],n=E(()=>{const _=[],b=Y.colors??{},v=Y.typography??{};for(const m of s){const w=b[`brand_${m}`];w&&_.push(`--sf-color-${m}-light:${w}`);const x=b[`brand_dark_${m}`];x&&_.push(`--sf-color-${m}-dark:${x}`)}for(const m of r){const w=b[`status_${m}`];w&&_.push(`--sf-color-${m}-light:${w}`);const x=b[`status_dark_${m}`];x&&_.push(`--sf-color-${m}-dark:${x}`)}return v.font_body&&_.push(`--sf-font-body:${v.font_body}`),v.font_heading&&_.push(`--sf-font-heading:${v.font_heading}`),_.join(";")}),a=E(()=>{const _=[],b=Y.colors??{},v=Y.typography??{};for(const m of s){const w=b[`brand_${m}`];w&&_.push(`--sf-color-${m}-light: ${w}`);const x=b[`brand_dark_${m}`];x&&_.push(`--sf-color-${m}-dark: ${x}`)}for(const m of r){const w=b[`status_${m}`];w&&_.push(`--sf-color-${m}-light: ${w}`);const x=b[`status_dark_${m}`];x&&_.push(`--sf-color-${m}-dark: ${x}`)}return v.font_body&&_.push(`--sf-font-body: ${v.font_body}`),v.font_heading&&_.push(`--sf-font-heading: ${v.font_heading}`),_.length===0?"":`.slashed-preview {
+    body and heading font stacks.</p> <div class="slashed-preview__swatches svelte-g79qke"></div> <div class="slashed-preview__buttons svelte-g79qke"><span class="slashed-preview__btn svelte-g79qke">Primary</span> <span class="slashed-preview__btn svelte-g79qke">Action</span></div> <div class="slashed-preview__caption svelte-g79qke">Generated CSS: <code class="svelte-g79qke"> </code></div></div>`);function _l(e,t){se(t,!0);const s=["primary","secondary","tertiary","action","neutral","base"],r=["success","warning","error","info","danger"],n=E(()=>{const _=[],b=$.colors??{},h=$.typography??{};for(const m of s){const x=b[`brand_${m}`];x&&_.push(`--sf-color-${m}-light:${x}`);const S=b[`brand_dark_${m}`];S&&_.push(`--sf-color-${m}-dark:${S}`)}for(const m of r){const x=b[`status_${m}`];x&&_.push(`--sf-color-${m}-light:${x}`);const S=b[`status_dark_${m}`];S&&_.push(`--sf-color-${m}-dark:${S}`)}return h.font_body&&_.push(`--sf-font-body:${h.font_body}`),h.font_heading&&_.push(`--sf-font-heading:${h.font_heading}`),_.join(";")}),a=E(()=>{const _=[],b=$.colors??{},h=$.typography??{};for(const m of s){const x=b[`brand_${m}`];x&&_.push(`--sf-color-${m}-light: ${x}`);const S=b[`brand_dark_${m}`];S&&_.push(`--sf-color-${m}-dark: ${S}`)}for(const m of r){const x=b[`status_${m}`];x&&_.push(`--sf-color-${m}-light: ${x}`);const S=b[`status_dark_${m}`];S&&_.push(`--sf-color-${m}-dark: ${S}`)}return h.font_body&&_.push(`--sf-font-body: ${h.font_body}`),h.font_heading&&_.push(`--sf-font-heading: ${h.font_heading}`),_.length===0?"":`.slashed-preview {
   ${_.join(`;
   `)};
-}`});var i=ul(),l=k(y(i),6);Q(l,20,()=>s,_=>_,(_,b)=>{var v=dl();let m;var w=y(v);I(()=>{U(v,"title",b),m=bt(v,"",m,{background:`var(--sf-color-${b}-light, #ddd)`}),C(w,b)}),j(_,v)});var o=k(l,2),c=y(o);bt(c,"",{},{background:"var(--sf-color-primary-light, #4338ca)"});var h=k(c,2);bt(h,"",{},{background:"var(--sf-color-action-light, #0891b2)"});var d=k(o,2),f=k(y(d)),g=y(f);I(()=>{bt(i,u(n)),C(g,u(a)||"/* (defaults — no overrides set) */")}),j(e,i),re()}var hl=A('<span class="bar__error svelte-1oj49qa"> </span>'),pl=A('<span class="bar__pending svelte-1oj49qa">Saving…</span>'),_l=A('<span class="bar__saved svelte-1oj49qa">Saved</span>'),gl=A('<span class="bar__dirty svelte-1oj49qa">Unsaved changes</span>'),ml=A('<span class="bar__clean svelte-1oj49qa">All changes saved</span>'),bl=A('<div><div class="bar__status svelte-1oj49qa"><!></div> <div class="bar__actions svelte-1oj49qa"><button type="button" class="bar__reset svelte-1oj49qa">Reset section</button> <button type="button" class="bar__export svelte-1oj49qa">Export CSS</button> <button type="button" class="bar__save svelte-1oj49qa"> </button></div></div>');function yl(e,t){se(t,!0);async function s(){if(!z.saving){z.saving=!0,z.error="";try{const w=z.activeTab,x=Y[w]??{},T=await Bo(w,x);T&&T.values&&(Y[w]=T.values),z.dirty=!1,z.lastSavedAt=Date.now()}catch(w){z.error=w&&w.message||String(w)}finally{z.saving=!1}}}async function r(){if(!z.saving&&confirm(`Reset the ${ee.tabs[z.activeTab]??z.activeTab} tab to defaults?`)){z.saving=!0,z.error="";try{await Ko(z.activeTab),Gi(z.activeTab),z.dirty=!1,z.lastSavedAt=Date.now()}catch(w){z.error=w&&w.message||String(w)}finally{z.saving=!1}}}let n=ne(!1);In(()=>{if(z.lastSavedAt){K(n,!0);const w=setTimeout(()=>K(n,!1),2e3);return()=>clearTimeout(w)}});function sl_hasOverrides(tk){if(!tk||typeof tk!=="object")return!1;for(const sec of Object.values(tk)){if(!sec||typeof sec!=="object")continue;for(const val of Object.values(sec)){if(typeof val==="object"&&val!==null){for(const vv of Object.values(val)){if(vv!==""&&vv!==null&&vv!==void 0)return!0}}else if(val!==""&&val!==null&&val!==void 0)return!0}}return!1}function sl_generateExportCSS(tk){const decls=[];const colors=tk.colors??{};const typo=tk.typography??{};const spacing=tk.spacing??{};const radius=tk.radius??{};const shadows=tk.shadows??{};const motion=tk.motion??{};const zindex=tk.zindex??{};const contrast=tk.contrast??{};const brands=["primary","secondary","tertiary","action","neutral","base"];const statuses=["success","warning","error","info","danger"];for(const c of brands){if(colors[`brand_${c}`])decls.push(`--sf-color-${c}-light: ${colors[`brand_${c}`]};`);if(colors[`brand_dark_${c}`])decls.push(`--sf-color-${c}-dark: ${colors[`brand_dark_${c}`]};`)}for(const c of statuses){if(colors[`status_${c}`])decls.push(`--sf-color-${c}-light: ${colors[`status_${c}`]};`);if(colors[`status_dark_${c}`])decls.push(`--sf-color-${c}-dark: ${colors[`status_dark_${c}`]};`)}const fonts=["body","heading","mono","display","humanist","geometric","slab"];for(const f of fonts){if(typo[`font_${f}`])decls.push(`--sf-font-${f}: ${typo[`font_${f}`]};`)}if(typo.text_scale)decls.push(`--sf-text-scale: ${typo.text_scale};`);if(typo.text_display_scale)decls.push(`--sf-text-display-scale: ${typo.text_display_scale};`);const sizes=["2xs","xs","s","m","l","xl","2xl","3xl","4xl","display-s","display-m","display-l"];for(const sz of sizes){const mn=typo[`size_${sz}_min`],mx=typo[`size_${sz}_max`];if(mn&&mx){const minV=parseFloat(mn),maxV=parseFloat(mx);if(minV>0&&maxV>0){const slope=parseFloat(((maxV-minV)/72.5).toFixed(6)),minR=parseFloat(minV.toFixed(4)),maxR=parseFloat(maxV.toFixed(4));decls.push(`--sf-text-${sz}: clamp(${minR}rem, calc(${slope} * (100vw - 22.5rem) + ${minR}rem), ${maxR}rem);`)}}}if(spacing.space_scale)decls.push(`--sf-space-scale: ${spacing.space_scale};`);const spAliases={gutter:"--sf-space-gutter",gap:"--sf-gap",content_gap:"--sf-content-gap",component_pad:"--sf-component-pad",section_pad:"--sf-section-pad"};for(const[sk,sp] of Object.entries(spAliases)){if(spacing[sk])decls.push(`${sp}: ${spacing[sk]};`)}if(radius.radius_scale)decls.push(`--sf-radius-scale: ${radius.radius_scale};`);if(shadows.shadow_strength)decls.push(`--sf-shadow-strength: calc(${shadows.shadow_strength} + var(--sf-is-dark) * 0.17);`);if(motion.motion_scale)decls.push(`--sf-motion-scale: ${motion.motion_scale};`);const durs=["instant","fast","normal","slow","slower"];for(const d of durs){if(motion[`duration_${d}`])decls.push(`--sf-duration-${d}: calc(${motion[`duration_${d}`]}ms * var(--sf-motion-scale));`)}const zlevels=["below","base","raised","low","mid","high","top","max"];for(const zl of zlevels){if(zindex[zl]!==void 0&&zindex[zl]!=="")decls.push(`--sf-z-${zl}: ${parseInt(zindex[zl],10)};`)}const nums={contrast_bias:"--sf-contrast-bias",contrast_threshold:"--sf-contrast-threshold",opacity_disabled:"--sf-opacity-disabled"};for(const[ck,cp] of Object.entries(nums)){if(contrast[ck]!==void 0&&contrast[ck]!=="")decls.push(`${cp}: ${parseFloat(contrast[ck])};`)}const pxm={focus_ring_width:"--sf-focus-ring-width",focus_ring_offset:"--sf-focus-ring-offset"};for(const[pk,pp] of Object.entries(pxm)){if(contrast[pk]!==void 0&&contrast[pk]!=="")decls.push(`${pp}: ${parseFloat(contrast[pk])}px;`)}if(contrast.focus_ring_style&&["solid","dashed","dotted","double","none"].includes(contrast.focus_ring_style))decls.push(`--sf-focus-ring-style: ${contrast.focus_ring_style};`);if(decls.length===0)return"";return`@layer slashed.overrides {\n\t:root {\n${decls.map(x=>"\t\t"+x).join("\n")}\n\t}\n}`}function sl_downloadCSS(){const css=sl_generateExportCSS(Y);if(!css)return;const blob=new Blob([css],{type:"text/css"});const url=URL.createObjectURL(blob);const a2=document.createElement("a");a2.href=url;a2.download="slashed-custom.css";document.body.appendChild(a2);a2.click();document.body.removeChild(a2);URL.revokeObjectURL(url)}const sl_canExport=E(()=>sl_hasOverrides(Y));var a=bl();let i;var l=y(a),o=y(l);{var c=w=>{var x=hl(),T=y(x);I(()=>C(T,z.error)),j(w,x)},h=w=>{var x=pl();j(w,x)},d=w=>{var x=_l();j(w,x)},f=w=>{var x=gl();j(w,x)},g=w=>{var x=ml();j(w,x)};le(o,w=>{z.error?w(c):z.saving?w(h,1):u(n)?w(d,2):z.dirty?w(f,3):w(g,-1)})}var _=k(l,2),b=y(_),sl_eb=k(b,2),v=k(sl_eb,2),m=y(v);I(()=>{i=Zt(a,1,"bar svelte-1oj49qa",null,i,{dirty:z.dirty}),b.disabled=z.saving,sl_eb.disabled=!u(sl_canExport),v.disabled=z.saving||!z.dirty,C(m,z.saving?"Saving\u2026":"Save changes")}),oe("click",b,r),oe("click",sl_eb,sl_downloadCSS),oe("click",v,s),j(e,a),re()}Be(["click"]);var wl=A('<div class="slashed-svelte-admin svelte-1n46o8q"><header class="slashed-svelte-admin__header svelte-1n46o8q"><h1 class="svelte-1n46o8q">SLASHED Design Tokens</h1> <p class="muted svelte-1n46o8q">Adjust framework tokens, inspect generated variables, and manage the bundled CSS in one place.</p></header> <!> <section class="slashed-svelte-admin__body svelte-1n46o8q"><!></section> <!> <!></div>');function kl(e,t){se(t,!0);const s=["cheatsheet","hooks","variables","classes","bundle"];let r=E(()=>s.includes(z.activeTab));In(()=>{function S(H){z.dirty&&(H.preventDefault(),H.returnValue="")}return window.addEventListener("beforeunload",S),()=>window.removeEventListener("beforeunload",S)});var n=wl(),a=k(y(n),2);Wi(a,{});var i=k(a,2),l=y(i);{var o=S=>{eo(S,{})},c=S=>{vo(S,{})},h=S=>{bo(S,{})},d=S=>{wo(S,{})},f=S=>{xo(S,{})},g=S=>{Eo(S,{})},_=S=>{jo(S,{})},b=S=>{Co(S,{})},v=S=>{Lo(S,{})},m=S=>{Fo(S,{})},w=S=>{Yo(S,{})},x=S=>{Xo(S)},T=S=>{fl(S,{})};le(l,S=>{z.activeTab==="colors"?S(o):z.activeTab==="contrast"?S(c,1):z.activeTab==="typography"?S(h,2):z.activeTab==="spacing"?S(d,3):z.activeTab==="radius"?S(f,4):z.activeTab==="shadows"?S(g,5):z.activeTab==="motion"?S(_,6):z.activeTab==="zindex"?S(b,7):z.activeTab==="variables"?S(v,8):z.activeTab==="classes"?S(m,9):z.activeTab==="bundle"?S(w,10):z.activeTab==="hooks"?S(x,11):z.activeTab==="cheatsheet"&&S(T,12)})}var F=k(i,2);vl(F,{});var G=k(F,2);{var W=S=>{yl(S,{})};le(G,S=>{u(r)||S(W)})}j(e,n),re()}const rn=document.getElementById("slashed-admin-app");rn&&Ci(kl,{target:rn});
+}`});var i=pl(),o=w(y(i),6);ee(o,20,()=>s,_=>_,(_,b)=>{var h=hl();let m;var x=y(h);D(()=>{Y(h,"title",b),m=xt(h,"",m,{background:`var(--sf-color-${b}-light, #ddd)`}),z(x,b)}),T(_,h)});var l=w(o,2),c=y(l);xt(c,"",{},{background:"var(--sf-color-primary-light, #4338ca)"});var v=w(c,2);xt(v,"",{},{background:"var(--sf-color-action-light, #0891b2)"});var u=w(l,2),f=w(y(u)),g=y(f);D(()=>{xt(i,d(n)),z(g,d(a)||"/* (defaults — no overrides set) */")}),T(e,i),re()}const an=22.5,gl=95;function ml(e,t){if(e<=0||t<=0)return null;const s=gl-an,r=(t-e)/s,n=parseFloat(r.toFixed(6)),a=parseFloat(e.toFixed(4)),i=parseFloat(t.toFixed(4));return`clamp(${a}rem, calc(${n} * (100vw - ${an}rem) + ${a}rem), ${i}rem)`}function on(e){const t=parseFloat(e);if(isNaN(t))return"0";let s=t.toFixed(6).replace(/0+$/,"").replace(/\.$/,"");return s===""?"0":s}function le(e){return e!=null&&e!==""}function bl(e){const t=[],s=["primary","secondary","tertiary","action","neutral","base"];for(const n of s){const a=`brand_${n}`;le(e[a])&&t.push(`--sf-color-${n}-light: ${e[a]};`)}for(const n of s){const a=`brand_dark_${n}`;le(e[a])&&t.push(`--sf-color-${n}-dark: ${e[a]};`)}const r=["success","warning","error","info","danger"];for(const n of r){const a=`status_${n}`;le(e[a])&&t.push(`--sf-color-${n}-light: ${e[a]};`)}for(const n of r){const a=`status_dark_${n}`;le(e[a])&&t.push(`--sf-color-${n}-dark: ${e[a]};`)}return t}function yl(e){const t=[],s=["body","heading","mono","display","humanist","geometric","slab"];for(const n of s){const a=`font_${n}`;le(e[a])&&t.push(`--sf-font-${n}: ${e[a]};`)}le(e.text_scale)&&t.push(`--sf-text-scale: ${e.text_scale};`),le(e.text_display_scale)&&t.push(`--sf-text-display-scale: ${e.text_display_scale};`);const r=["2xs","xs","s","m","l","xl","2xl","3xl","4xl","display-s","display-m","display-l"];for(const n of r){const a=`size_${n}_min`,i=`size_${n}_max`,o=e[a],l=e[i];if(le(o)&&le(l)){const c=ml(parseFloat(o),parseFloat(l));c&&t.push(`--sf-text-${n}: ${c};`)}}return t}function wl(e){const t=[];le(e.space_scale)&&t.push(`--sf-space-scale: ${e.space_scale};`);const s={gutter:"--sf-space-gutter",gap:"--sf-gap",content_gap:"--sf-content-gap",component_pad:"--sf-component-pad",section_pad:"--sf-section-pad"};for(const[r,n]of Object.entries(s))le(e[r])&&t.push(`${n}: ${e[r]};`);return t}function xl(e){const t=[];return le(e.radius_scale)&&t.push(`--sf-radius-scale: ${e.radius_scale};`),t}function kl(e){const t=[];return le(e.shadow_strength)&&t.push(`--sf-shadow-strength: calc(${e.shadow_strength} + var(--sf-is-dark) * 0.17);`),t}function Sl(e){const t=[];le(e.motion_scale)&&t.push(`--sf-motion-scale: ${e.motion_scale};`);const s=["instant","fast","normal","slow","slower"];for(const r of s){const n=`duration_${r}`;le(e[n])&&t.push(`--sf-duration-${r}: calc(${e[n]}ms * var(--sf-motion-scale));`)}return t}function El(e){const t=[],s=["below","base","raised","low","mid","high","top","max"];for(const r of s)le(e[r])&&t.push(`--sf-z-${r}: ${parseInt(e[r],10)};`);return t}function jl(e){const t=[],s={contrast_bias:"--sf-contrast-bias",contrast_threshold:"--sf-contrast-threshold",opacity_disabled:"--sf-opacity-disabled"};for(const[n,a]of Object.entries(s))le(e[n])&&t.push(`${a}: ${on(e[n])};`);const r={focus_ring_width:"--sf-focus-ring-width",focus_ring_offset:"--sf-focus-ring-offset"};for(const[n,a]of Object.entries(r))le(e[n])&&t.push(`${a}: ${on(e[n])}px;`);return le(e.focus_ring_style)&&["solid","dashed","dotted","double","none"].includes(e.focus_ring_style)&&t.push(`--sf-focus-ring-style: ${e.focus_ring_style};`),t}function Tl(e){const t=[];if(e.colors&&typeof e.colors=="object"&&t.push(...bl(e.colors)),e.typography&&typeof e.typography=="object"&&t.push(...yl(e.typography)),e.spacing&&typeof e.spacing=="object"&&t.push(...wl(e.spacing)),e.radius&&typeof e.radius=="object"&&t.push(...xl(e.radius)),e.shadows&&typeof e.shadows=="object"&&t.push(...kl(e.shadows)),e.motion&&typeof e.motion=="object"&&t.push(...Sl(e.motion)),e.zindex&&typeof e.zindex=="object"&&t.push(...El(e.zindex)),e.contrast&&typeof e.contrast=="object"&&t.push(...jl(e.contrast)),t.length===0)return"";let s=`@layer slashed.overrides {
+	:root {
+`;for(const r of t)s+=`		${r}
+`;return s+=`	}
+}`,s}function Cl(e){if(!e||typeof e!="object")return!1;for(const t of Object.values(e))if(!(!t||typeof t!="object")){for(const s of Object.values(t))if(typeof s=="object"&&s!==null){for(const r of Object.values(s))if(r!==""&&r!==null&&r!==void 0)return!0}else if(s!==""&&s!==null&&s!==void 0)return!0}return!1}var Al=C('<span class="bar__error svelte-1oj49qa"> </span>'),zl=C('<span class="bar__pending svelte-1oj49qa">Saving…</span>'),Ol=C('<span class="bar__saved svelte-1oj49qa">Saved</span>'),Rl=C('<span class="bar__dirty svelte-1oj49qa">Unsaved changes</span>'),Vl=C('<span class="bar__clean svelte-1oj49qa">All changes saved</span>'),Ll=C('<div><div class="bar__status svelte-1oj49qa"><!></div> <div class="bar__actions svelte-1oj49qa"><button type="button" class="bar__reset svelte-1oj49qa">Reset section</button> <button type="button" class="bar__export svelte-1oj49qa">Export CSS</button> <button type="button" class="bar__save svelte-1oj49qa"> </button></div></div>');function Ml(e,t){se(t,!0);async function s(){if(!O.saving){O.saving=!0,O.error="";try{const j=O.activeTab,R=$[j]??{},I=await Ho(j,R);I&&I.values&&($[j]=I.values),O.dirty=!1,O.lastSavedAt=Date.now()}catch(j){O.error=j&&j.message||String(j)}finally{O.saving=!1}}}async function r(){if(!O.saving&&confirm(`Reset the ${J.tabs[O.activeTab]??O.activeTab} tab to defaults?`)){O.saving=!0,O.error="";try{await $o(O.activeTab),Yi(O.activeTab),O.dirty=!1,O.lastSavedAt=Date.now()}catch(j){O.error=j&&j.message||String(j)}finally{O.saving=!1}}}let n=ne(!1);Nn(()=>{if(O.lastSavedAt){H(n,!0);const j=setTimeout(()=>H(n,!1),2e3);return()=>clearTimeout(j)}});const a=E(()=>Cl($));function i(){const j=Tl($);if(!j)return;const R=new Blob([j],{type:"text/css"}),I=URL.createObjectURL(R),k=document.createElement("a");k.href=I,k.download="slashed-custom.css",document.body.appendChild(k),k.click(),document.body.removeChild(k),URL.revokeObjectURL(I)}var o=Ll();let l;var c=y(o),v=y(c);{var u=j=>{var R=Al(),I=y(R);D(()=>z(I,O.error)),T(j,R)},f=j=>{var R=zl();T(j,R)},g=j=>{var R=Ol();T(j,R)},_=j=>{var R=Rl();T(j,R)},b=j=>{var R=Vl();T(j,R)};ce(v,j=>{O.error?j(u):O.saving?j(f,1):d(n)?j(g,2):O.dirty?j(_,3):j(b,-1)})}var h=w(c,2),m=y(h),x=w(m,2),S=w(x,2),A=y(S);D(()=>{l=Jt(o,1,"bar svelte-1oj49qa",null,l,{dirty:O.dirty}),m.disabled=O.saving,x.disabled=!d(a),S.disabled=O.saving||!O.dirty,z(A,O.saving?"Saving…":"Save changes")}),ae("click",m,r),ae("click",x,i),ae("click",S,s),T(e,o),re()}qe(["click"]);var Il=C('<div class="slashed-svelte-admin svelte-1n46o8q"><header class="slashed-svelte-admin__header svelte-1n46o8q"><h1 class="svelte-1n46o8q">SLASHED Design Tokens</h1> <p class="muted svelte-1n46o8q">Adjust framework tokens, inspect generated variables, and manage the bundled CSS in one place.</p></header> <!> <section class="slashed-svelte-admin__body svelte-1n46o8q"><!></section> <!> <!></div>');function Fl(e,t){se(t,!0);const s=["cheatsheet","hooks","variables","classes","bundle"];let r=E(()=>s.includes(O.activeTab));Nn(()=>{function k(G){O.dirty&&(G.preventDefault(),G.returnValue="")}return window.addEventListener("beforeunload",k),()=>window.removeEventListener("beforeunload",k)});var n=Il(),a=w(y(n),2);Xi(a,{});var i=w(a,2),o=y(i);{var l=k=>{ro(k,{})},c=k=>{_o(k,{})},v=k=>{xo(k,{})},u=k=>{So(k,{})},f=k=>{jo(k,{})},g=k=>{Co(k,{})},_=k=>{zo(k,{})},b=k=>{Ro(k,{})},h=k=>{Fo(k,{})},m=k=>{qo(k,{})},x=k=>{Zo(k,{})},S=k=>{Qo(k)},A=k=>{vl(k,{})};ce(o,k=>{O.activeTab==="colors"?k(l):O.activeTab==="contrast"?k(c,1):O.activeTab==="typography"?k(v,2):O.activeTab==="spacing"?k(u,3):O.activeTab==="radius"?k(f,4):O.activeTab==="shadows"?k(g,5):O.activeTab==="motion"?k(_,6):O.activeTab==="zindex"?k(b,7):O.activeTab==="variables"?k(h,8):O.activeTab==="classes"?k(m,9):O.activeTab==="bundle"?k(x,10):O.activeTab==="hooks"?k(S,11):O.activeTab==="cheatsheet"&&k(A,12)})}var j=w(i,2);_l(j,{});var R=w(j,2);{var I=k=>{Ml(k,{})};ce(R,k=>{d(r)||k(I)})}T(e,n),re()}const ln=document.getElementById("slashed-admin-app");ln&&Vi(Fl,{target:ln});
 //# sourceMappingURL=app.js.map
diff --git a/integrations/bricks/includes/class-admin-page-svelte.php b/integrations/bricks/includes/class-admin-page-svelte.php
index d7fac019..91fd5d75 100644
--- a/integrations/bricks/includes/class-admin-page-svelte.php
+++ b/integrations/bricks/includes/class-admin-page-svelte.php
@@ -1,30 +1,15 @@
 <?php
 /**
- * Svelte-based admin page (POC).
+ * Svelte-based admin page.
  *
- * Lives alongside the legacy jQuery admin page so both can be compared
- * side-by-side. PHP still owns capability checks, nonces, sanitization,
- * and option storage; this class just registers a second submenu and
- * mounts a Svelte SPA into a single div on it.
- *
- * @package SLASHED_Bricks
- */
-
-if ( ! defined( 'ABSPATH' ) ) {
-	exit;
-}
-
-/**
- * Class Slashed_Bricks_Admin_Page_Svelte
- *
- * Adds a "Tokens (v2)" submenu under SLASHED that boots the Svelte app
- * built from integrations/bricks/admin-app/.
+ * Registers the top-level "SLASHED" admin menu and mounts the Svelte SPA
+ * built from integrations/bricks/admin-app/ into a single div.
  *
  * Responsibilities split with the SPA:
  *
  *   PHP (this class)                 Svelte (admin-app/)
  *   --------------------------------|--------------------------------
- *   register_submenu                | render UI
+ *   register_menu                   | render UI
  *   capability check                | reactive state + dirty tracking
  *   enqueue built bundle            | live preview
  *   wp_localize_script hydration    | optimistic save / error toasts
@@ -32,27 +17,29 @@
  *   sanitize + option write         | -
  *
  * The mount point is just <div id="slashed-admin-app"></div>; everything
- * inside it is owned by Svelte. This is the cleanest line to draw - WP
- * keeps doing the WordPress-correct things, the SPA owns the inside of
- * one div.
+ * inside it is owned by Svelte.
  *
- * The class itself is stateless except for the page hook suffix it
- * captures during submenu registration; tab metadata, settings, and
- * defaults all come from the dedicated helper classes.
+ * @package SLASHED_Bricks
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Class Slashed_Bricks_Admin_Page_Svelte
  */
 class Slashed_Bricks_Admin_Page_Svelte {
 
 	/**
-	 * Submenu slug. Must be unique across the WP admin.
+	 * Top-level menu slug.
 	 */
-	const PAGE_SLUG = 'slashed-bricks-svelte';
+	const PAGE_SLUG = 'slashed-bricks';
 
 	/**
-	 * Hook suffix returned by add_submenu_page(). Captured at registration
+	 * Hook suffix returned by add_menu_page(). Captured at registration
 	 * time and compared in enqueue_assets() so we never accidentally load
-	 * the SPA bundle on other admin screens. WordPress mangles the parent
-	 * slug into the hook name in ways that vary across versions; relying
-	 * on the value WP itself returned avoids brittle string assembly.
+	 * the SPA bundle on other admin screens.
 	 *
 	 * @var string
 	 */
@@ -62,43 +49,36 @@ class Slashed_Bricks_Admin_Page_Svelte {
 	 * Constructor.
 	 */
 	public function __construct() {
-		add_action( 'admin_menu', array( $this, 'register_submenu' ), 20 );
+		add_action( 'admin_menu', array( $this, 'register_menu' ) );
 		add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_assets' ) );
 	}
 
 	/**
-	 * Register the submenu under the existing SLASHED top-level page.
-	 *
-	 * Priority 20 so the parent page (registered in
-	 * Slashed_Bricks_Admin_Page::register_menu at default priority) has
-	 * already been added when we attach to it.
+	 * Register the top-level SLASHED admin menu.
 	 */
-	public function register_submenu() {
-		$this->hook_suffix = (string) add_submenu_page(
-			'slashed-bricks',
-			__( 'SLASHED Tokens (v2)', 'slashed-bricks' ),
-			__( 'Tokens (v2)', 'slashed-bricks' ),
+	public function register_menu() {
+		$this->hook_suffix = (string) add_menu_page(
+			__( 'SLASHED Settings', 'slashed-bricks' ),
+			__( 'SLASHED', 'slashed-bricks' ),
 			'manage_options',
 			self::PAGE_SLUG,
-			array( $this, 'render_page' )
+			array( $this, 'render_page' ),
+			'dashicons-art',
+			59
 		);
 	}
 
 	/**
 	 * Enqueue the built Svelte bundle on this page only.
 	 *
-	 * The bundle is fully self-contained: no jQuery dependency, no
-	 * wp-color-picker, no other admin libraries. Cache-busting uses
-	 * filemtime() on the built artifact so a fresh `npm run build`
-	 * invalidates browser caches without manual version bumps.
+	 * Compares against the value returned by add_menu_page() at registration
+	 * time rather than assembling the hook name ourselves — WP's hook-name
+	 * conventions have changed across versions, so trusting the return value
+	 * is the only safe approach.
 	 *
 	 * @param string $hook_suffix Current admin page hook suffix.
 	 */
 	public function enqueue_assets( $hook_suffix ) {
-		// Only fire on our submenu. We compare against the value returned
-		// by add_submenu_page() at registration time rather than building
-		// the string ourselves - WP's hook-name conventions for submenus
-		// have changed across versions.
 		if ( '' === $this->hook_suffix || $hook_suffix !== $this->hook_suffix ) {
 			return;
 		}
@@ -109,8 +89,6 @@ public function enqueue_assets( $hook_suffix ) {
 		$js_path  = $plugin_path . 'assets/admin-app/app.js';
 		$css_path = $plugin_path . 'assets/admin-app/app.css';
 
-		// Defensive: if the build artefact is missing, surface an admin
-		// notice rather than silently shipping a broken page.
 		if ( ! file_exists( $js_path ) ) {
 			add_action( 'admin_notices', array( $this, 'render_missing_bundle_notice' ) );
 			return;
@@ -137,9 +115,6 @@ public function enqueue_assets( $hook_suffix ) {
 		// Modules need type=module on the <script> tag.
 		add_filter( 'script_loader_tag', array( $this, 'mark_as_module' ), 10, 3 );
 
-		// Hydration payload. Mirrors the structure the Svelte app expects
-		// in window.slashedBricksApp - see admin-app/index.html for the
-		// dev-time equivalent.
 		wp_localize_script(
 			'slashed-bricks-admin-app',
 			'slashedBricksApp',
@@ -160,9 +135,11 @@ public function enqueue_assets( $hook_suffix ) {
 	/**
 	 * Tag the SPA bundle as a JS module so import statements work.
 	 *
-	 * Vite emits ES modules; WordPress' default <script> tag has no
-	 * type attribute, which would prevent the import-graph from loading.
-	 * Filter narrowed by handle so this never affects other scripts.
+	 * Vite emits ES modules; WordPress' default <script> tag has no type
+	 * attribute, which would prevent the import graph from resolving. The
+	 * regex uses limit 1 so only the opening tag is touched, not any inline
+	 * script content that might contain `<script>` as a literal string.
+	 * Filter is narrowed by handle so it never affects other enqueued scripts.
 	 *
 	 * @param string $tag    Generated script tag.
 	 * @param string $handle Script handle.
@@ -173,14 +150,11 @@ public function mark_as_module( $tag, $handle, $src ) {
 		if ( 'slashed-bricks-admin-app' !== $handle ) {
 			return $tag;
 		}
-		// Insert type="module" without clobbering an existing type attribute.
-		// preg_replace with limit 1 so only the opening tag is touched.
 		return preg_replace( '/<script(\b[^>]*)>/', '<script type="module"$1>', $tag, 1 );
 	}
 
 	/**
-	 * Render the page shell. The Svelte app takes over inside
-	 * #slashed-admin-app once main.js runs.
+	 * Render the page shell. The Svelte app takes over inside #slashed-admin-app.
 	 */
 	public function render_page() {
 		if ( ! current_user_can( 'manage_options' ) ) {
@@ -192,12 +166,12 @@ public function render_page() {
 				<noscript>
 					<div class="notice notice-warning">
 						<p>
-							<?php esc_html_e( 'This settings page requires JavaScript. The legacy form (still fully functional, no JS required) is available under SLASHED &rarr; SLASHED.', 'slashed-bricks' ); ?>
+							<?php esc_html_e( 'This settings page requires JavaScript to be enabled in your browser.', 'slashed-bricks' ); ?>
 						</p>
 					</div>
 				</noscript>
 				<p style="color:#50575e; padding: 24px 0;">
-					<?php esc_html_e( 'Loading SLASHED admin SPA…', 'slashed-bricks' ); ?>
+					<?php esc_html_e( 'Loading SLASHED settings…', 'slashed-bricks' ); ?>
 				</p>
 			</div>
 		</div>
@@ -208,7 +182,7 @@ public function render_page() {
 	 * Admin notice rendered when the built bundle is missing.
 	 *
 	 * Helps developers who clone the repo without running the admin-app
-	 * build step understand why the page is empty.
+	 * build step understand why the page is blank.
 	 */
 	public function render_missing_bundle_notice() {
 		echo '<div class="notice notice-error"><p>';
diff --git a/integrations/bricks/includes/class-admin-page.php b/integrations/bricks/includes/class-admin-page.php
deleted file mode 100644
index 18a947a2..00000000
--- a/integrations/bricks/includes/class-admin-page.php
+++ /dev/null
@@ -1,978 +0,0 @@
-<?php
-/**
- * Admin settings page for SLASHED token customization.
- *
- * @package SLASHED_Bricks
- */
-
-if ( ! defined( 'ABSPATH' ) ) {
-	exit;
-}
-
-/**
- * Class Slashed_Bricks_Admin_Page
- *
- * Registers the SLASHED admin menu and renders a tabbed settings interface
- * for customizing design token values. Settings are stored in a single
- * wp_option 'slashed_bricks_tokens'.
- */
-class Slashed_Bricks_Admin_Page {
-
-	/**
-	 * Option name for storing token overrides.
-	 *
-	 * Backwards-compat alias for `Slashed_Bricks_Token_Store::OPTION_NAME`.
-	 * Kept for one release so any third-party code (filters, MU plugins)
-	 * that read `Slashed_Bricks_Admin_Page::OPTION_NAME` keeps working.
-	 * Will be dropped together with the legacy admin page itself.
-	 *
-	 * @var string
-	 */
-	const OPTION_NAME = Slashed_Bricks_Token_Store::OPTION_NAME;
-
-	/**
-	 * Nonce action string for the legacy form's tokens submission.
-	 *
-	 * @var string
-	 */
-	const NONCE_ACTION = 'slashed_bricks_save_tokens';
-
-	/**
-	 * Token tabs (slug → label). Populated from the registry in the
-	 * constructor; this property is kept (rather than calling the
-	 * registry inline everywhere) so the renderer's tight loops avoid
-	 * repeated static calls.
-	 *
-	 * @var array<string,string>
-	 */
-	private $tabs = array();
-
-	/**
-	 * Option name for plugin-level settings.
-	 *
-	 * Backwards-compat alias for `Slashed_Bricks_Token_Store::SETTINGS_OPTION_NAME`.
-	 *
-	 * @var string
-	 */
-	const SETTINGS_OPTION_NAME = Slashed_Bricks_Token_Store::SETTINGS_OPTION_NAME;
-
-	/**
-	 * Nonce action for saving plugin settings.
-	 *
-	 * @var string
-	 */
-	const SETTINGS_NONCE_ACTION = 'slashed_bricks_save_settings';
-
-	/**
-	 * Constructor. Register hooks.
-	 */
-	public function __construct() {
-		$this->tabs = Slashed_Bricks_Tab_Registry::get_token_tabs();
-
-		add_action( 'admin_menu', array( $this, 'register_menu' ) );
-		add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_admin_assets' ) );
-		add_action( 'admin_post_slashed_bricks_save', array( $this, 'handle_save' ) );
-		add_action( 'admin_post_slashed_bricks_save_settings', array( $this, 'handle_save_settings' ) );
-	}
-
-	/**
-	 * Register the top-level admin menu page.
-	 */
-	public function register_menu() {
-		add_menu_page(
-			__( 'SLASHED Settings', 'slashed-bricks' ),
-			__( 'SLASHED', 'slashed-bricks' ),
-			'manage_options',
-			'slashed-bricks',
-			array( $this, 'render_page' ),
-			'dashicons-art',
-			59
-		);
-	}
-
-	/**
-	 * Enqueue admin CSS and JS assets on the SLASHED settings page only.
-	 *
-	 * @param string $hook_suffix The current admin page hook suffix.
-	 */
-	public function enqueue_admin_assets( $hook_suffix ) {
-		if ( 'toplevel_page_slashed-bricks' !== $hook_suffix ) {
-			return;
-		}
-
-		$plugin_url = plugin_dir_url( dirname( __FILE__ ) );
-		$plugin_dir = plugin_dir_path( dirname( __FILE__ ) );
-
-		// Enqueue WordPress color picker.
-		wp_enqueue_style( 'wp-color-picker' );
-
-		// Enqueue admin page styles.
-		wp_enqueue_style(
-			'slashed-bricks-admin',
-			$plugin_url . 'assets/admin-page.css',
-			array( 'wp-color-picker' ),
-			filemtime( $plugin_dir . 'assets/admin-page.css' )
-		);
-
-		// Enqueue admin page scripts.
-		wp_enqueue_script(
-			'slashed-bricks-admin-js',
-			$plugin_url . 'assets/admin-page.js',
-			array( 'jquery', 'wp-color-picker' ),
-			filemtime( $plugin_dir . 'assets/admin-page.js' ),
-			true
-		);
-
-		// Pass token data to JavaScript for live preview generation.
-		wp_localize_script(
-			'slashed-bricks-admin-js',
-			'slashedBricksAdmin',
-			array(
-				'defaults' => Slashed_Bricks_Token_Defaults::get_all(),
-				'settings' => $this->get_settings(),
-			)
-		);
-	}
-
-	/**
-	 * Get saved token values.
-	 *
-	 * Thin proxy over `Slashed_Bricks_Token_Store::get_settings()` —
-	 * kept on this class for backwards compatibility with any external
-	 * code that called it directly (filters, integrations).
-	 *
-	 * @return array
-	 */
-	public function get_settings() {
-		return Slashed_Bricks_Token_Store::get_settings();
-	}
-
-	/**
-	 * Get all factory default values.
-	 *
-	 * @return array
-	 */
-	public function get_defaults() {
-		return Slashed_Bricks_Token_Defaults::get_all();
-	}
-
-	/**
-	 * Handle form submission for saving settings.
-	 */
-	public function handle_save() {
-		if ( ! current_user_can( 'manage_options' ) ) {
-			wp_die( esc_html__( 'Unauthorized access.', 'slashed-bricks' ) );
-		}
-
-		if ( ! isset( $_POST['_wpnonce'] ) || ! wp_verify_nonce( sanitize_text_field( wp_unslash( $_POST['_wpnonce'] ) ), self::NONCE_ACTION ) ) {
-			wp_die( esc_html__( 'Security check failed.', 'slashed-bricks' ) );
-		}
-
-		// Handle reset all.
-		if ( ! empty( $_POST['reset_all'] ) ) {
-			Slashed_Bricks_Token_Store::delete_settings();
-			wp_safe_redirect( admin_url( 'admin.php?page=slashed-bricks&message=reset' ) );
-			exit;
-		}
-
-		// Handle reset section.
-		if ( ! empty( $_POST['reset_section'] ) ) {
-			$section = sanitize_key( wp_unslash( $_POST['reset_section'] ) );
-			if ( ! isset( $this->tabs[ $section ] ) ) {
-				wp_safe_redirect( admin_url( 'admin.php?page=slashed-bricks&message=error' ) );
-				exit;
-			}
-			Slashed_Bricks_Token_Store::delete_section( $section );
-			wp_safe_redirect( admin_url( 'admin.php?page=slashed-bricks&tab=' . $section . '&message=reset_section' ) );
-			exit;
-		}
-
-		// Save settings.
-		$active_tab = isset( $_POST['active_tab'] ) ? sanitize_key( wp_unslash( $_POST['active_tab'] ) ) : 'colors';
-		if ( ! isset( $this->tabs[ $active_tab ] ) ) {
-			$active_tab = 'colors';
-		}
-		$section = isset( $_POST['slashed_tokens'] ) ? wp_unslash( $_POST['slashed_tokens'] ) : array();
-
-		if ( is_array( $section ) ) {
-			$sanitized = Slashed_Bricks_Token_Sanitizer::sanitize_section( $active_tab, $section );
-			Slashed_Bricks_Token_Store::update_section( $active_tab, $sanitized );
-		}
-
-		wp_safe_redirect( admin_url( 'admin.php?page=slashed-bricks&tab=' . $active_tab . '&message=saved' ) );
-		exit;
-	}
-
-	/**
-	 * Handle form submission for saving plugin settings.
-	 */
-	public function handle_save_settings() {
-		if ( ! current_user_can( 'manage_options' ) ) {
-			wp_die( esc_html__( 'Unauthorized access.', 'slashed-bricks' ) );
-		}
-
-		if ( ! isset( $_POST['_wpnonce'] ) || ! wp_verify_nonce( sanitize_text_field( wp_unslash( $_POST['_wpnonce'] ) ), self::SETTINGS_NONCE_ACTION ) ) {
-			wp_die( esc_html__( 'Security check failed.', 'slashed-bricks' ) );
-		}
-
-		$html_font_size = isset( $_POST['html_font_size'] ) ? sanitize_text_field( wp_unslash( $_POST['html_font_size'] ) ) : '';
-
-		// Only allow known values.
-		$allowed = array( '', '100', '62.5' );
-		if ( ! in_array( $html_font_size, $allowed, true ) ) {
-			$html_font_size = '';
-		}
-
-		$settings                   = Slashed_Bricks_Token_Store::get_plugin_settings();
-		$settings['html_font_size'] = $html_font_size;
-		Slashed_Bricks_Token_Store::update_plugin_settings( $settings );
-
-		wp_safe_redirect( admin_url( 'admin.php?page=slashed-bricks&message=settings_saved' ) );
-		exit;
-	}
-
-	/**
-	 * Get plugin settings (non-token behavioural settings).
-	 *
-	 * Thin proxy over `Slashed_Bricks_Token_Store::get_plugin_settings()`.
-	 *
-	 * @return array
-	 */
-	public function get_plugin_settings() {
-		return Slashed_Bricks_Token_Store::get_plugin_settings();
-	}
-
-	/**
-	 * Public proxy to the section sanitizer.
-	 *
-	 * Kept on this class for backwards compatibility — third-party code
-	 * may have called it as the documented "shared sanitizer" entry
-	 * point. The implementation now lives in
-	 * `Slashed_Bricks_Token_Sanitizer::sanitize_section()`.
-	 *
-	 * @param string $section Section slug.
-	 * @param array  $data    Raw form data.
-	 * @return array Sanitized data.
-	 */
-	public function sanitize_section_public( $section, $data ) {
-		return Slashed_Bricks_Token_Sanitizer::sanitize_section( $section, is_array( $data ) ? $data : array() );
-	}
-
-	/**
-	 * Public read-only accessor for the full tab map (token + view).
-	 *
-	 * Thin proxy over `Slashed_Bricks_Tab_Registry::get_all()` — kept
-	 * for backwards compatibility with the REST controller and any
-	 * external integrations that introspected the tab list.
-	 *
-	 * @return array<string,string>
-	 */
-	public function get_tabs() {
-		return Slashed_Bricks_Tab_Registry::get_all();
-	}
-
-	/**
-	 * Render the admin settings page.
-	 */
-	public function render_page() {
-		if ( ! current_user_can( 'manage_options' ) ) {
-			return;
-		}
-
-		$active_tab = isset( $_GET['tab'] ) ? sanitize_key( wp_unslash( $_GET['tab'] ) ) : 'colors';
-		if ( ! isset( $this->tabs[ $active_tab ] ) ) {
-			$active_tab = 'colors';
-		}
-
-		$settings = $this->get_settings();
-		$message  = isset( $_GET['message'] ) ? sanitize_key( wp_unslash( $_GET['message'] ) ) : '';
-
-		?>
-		<div class="wrap slashed-admin-tabs">
-			<h1 class="slashed-admin-header">
-				<?php esc_html_e( 'SLASHED Design Tokens', 'slashed-bricks' ); ?>
-				<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>" style="display:inline;">
-					<input type="hidden" name="action" value="slashed_bricks_save">
-					<input type="hidden" name="reset_all" value="1">
-					<?php wp_nonce_field( self::NONCE_ACTION ); ?>
-					<button type="submit" class="page-title-action slashed-reset-all-btn" onclick="return confirm('<?php esc_attr_e( 'Reset all settings to defaults?', 'slashed-bricks' ); ?>');">
-						<?php esc_html_e( 'Reset All', 'slashed-bricks' ); ?>
-					</button>
-				</form>
-			</h1>
-
-			<?php $this->render_notices( $message ); ?>
-
-			<nav class="nav-tab-wrapper">
-				<?php foreach ( $this->tabs as $slug => $label ) : ?>
-					<a href="<?php echo esc_url( admin_url( 'admin.php?page=slashed-bricks&tab=' . $slug ) ); ?>"
-					   class="nav-tab <?php echo $active_tab === $slug ? 'nav-tab-active' : ''; ?>">
-						<?php echo esc_html( $label ); ?>
-					</a>
-				<?php endforeach; ?>
-			</nav>
-
-			<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>">
-				<input type="hidden" name="action" value="slashed_bricks_save">
-				<input type="hidden" name="active_tab" value="<?php echo esc_attr( $active_tab ); ?>">
-				<?php wp_nonce_field( self::NONCE_ACTION ); ?>
-
-				<div class="slashed-tab-content">
-					<?php
-					$method = 'render_tab_' . str_replace( '-', '_', $active_tab );
-					if ( method_exists( $this, $method ) ) {
-						$tab_settings = isset( $settings[ $active_tab ] ) ? $settings[ $active_tab ] : array();
-						$this->$method( $tab_settings );
-					}
-					?>
-				</div>
-
-				<?php submit_button( __( 'Save Changes', 'slashed-bricks' ) ); ?>
-
-				<hr>
-				<input type="hidden" name="reset_section" value="">
-				<button type="submit" class="button button-link-delete slashed-reset-btn"
-						onclick="this.form.querySelector('[name=reset_section]').value='<?php echo esc_attr( $active_tab ); ?>'; return confirm('<?php esc_attr_e( 'Reset this section to defaults?', 'slashed-bricks' ); ?>');">
-					<?php printf( esc_html__( 'Reset %s Section', 'slashed-bricks' ), esc_html( $this->tabs[ $active_tab ] ) ); ?>
-				</button>
-			</form>
-
-			<div class="slashed-plugin-settings">
-				<h2><?php esc_html_e( 'Plugin Settings', 'slashed-bricks' ); ?></h2>
-				<form method="post" action="<?php echo esc_url( admin_url( 'admin-post.php' ) ); ?>">
-					<input type="hidden" name="action" value="slashed_bricks_save_settings">
-					<?php wp_nonce_field( self::SETTINGS_NONCE_ACTION ); ?>
-					<?php $plugin_settings = $this->get_plugin_settings(); ?>
-					<table class="form-table"><tbody>
-						<tr>
-							<th scope="row"><label for="html_font_size"><?php esc_html_e( 'HTML Font Size', 'slashed-bricks' ); ?></label></th>
-							<td>
-								<select id="html_font_size" name="html_font_size">
-									<option value="" <?php selected( isset( $plugin_settings['html_font_size'] ) ? $plugin_settings['html_font_size'] : '', '' ); ?>><?php esc_html_e( 'Default (don\'t override)', 'slashed-bricks' ); ?></option>
-									<option value="100" <?php selected( isset( $plugin_settings['html_font_size'] ) ? $plugin_settings['html_font_size'] : '', '100' ); ?>><?php esc_html_e( 'Force 100%', 'slashed-bricks' ); ?></option>
-									<option value="62.5" <?php selected( isset( $plugin_settings['html_font_size'] ) ? $plugin_settings['html_font_size'] : '', '62.5' ); ?>><?php esc_html_e( 'Force 62.5%', 'slashed-bricks' ); ?></option>
-								</select>
-								<p class="description"><?php esc_html_e( 'Override the HTML root font-size. Use this if Bricks forces a font-size you don\'t want.', 'slashed-bricks' ); ?></p>
-							</td>
-						</tr>
-					</tbody></table>
-					<?php submit_button( __( 'Save Plugin Settings', 'slashed-bricks' ) ); ?>
-				</form>
-			</div>
-
-			<?php $this->render_live_preview(); ?>
-		</div>
-		<?php
-	}
-
-	/**
-	 * Render admin notices based on message parameter.
-	 *
-	 * @param string $message Message type.
-	 */
-	private function render_notices( $message ) {
-		if ( 'saved' === $message ) {
-			echo '<div class="notice notice-success is-dismissible"><p>' . esc_html__( 'Settings saved.', 'slashed-bricks' ) . '</p></div>';
-		} elseif ( 'settings_saved' === $message ) {
-			echo '<div class="notice notice-success is-dismissible"><p>' . esc_html__( 'Plugin settings saved.', 'slashed-bricks' ) . '</p></div>';
-		} elseif ( 'reset' === $message ) {
-			echo '<div class="notice notice-success is-dismissible"><p>' . esc_html__( 'All settings reset to defaults.', 'slashed-bricks' ) . '</p></div>';
-		} elseif ( 'reset_section' === $message ) {
-			echo '<div class="notice notice-success is-dismissible"><p>' . esc_html__( 'Section reset to defaults.', 'slashed-bricks' ) . '</p></div>';
-		}
-	}
-
-	/**
-	 * Render the live preview panel.
-	 *
-	 * Displays sample HTML elements styled with current token values
-	 * that update in real-time as the user adjusts controls via JS.
-	 */
-	private function render_live_preview() {
-		$defaults = Slashed_Bricks_Token_Defaults::get_colors();
-		?>
-		<div class="slashed-preview-panel">
-			<style id="slashed-live-preview"></style>
-
-			<h3 class="preview-heading" style="font-family: var(--sf-font-heading, system-ui, sans-serif);">
-				<?php esc_html_e( 'The quick brown fox jumps over the lazy dog', 'slashed-bricks' ); ?>
-			</h3>
-
-			<p class="preview-text" style="font-family: var(--sf-font-body, system-ui, sans-serif);">
-				<?php esc_html_e( 'This is a preview of your design token configuration. Adjust values above and see changes reflected here in real time. Typography, colors, spacing, and other tokens will update as you modify them.', 'slashed-bricks' ); ?>
-			</p>
-
-			<div class="preview-colors">
-				<div class="preview-color-swatch" style="background: var(--sf-color-primary-light, <?php echo esc_attr( $defaults['brand']['primary'] ); ?>);" title="Primary"></div>
-				<div class="preview-color-swatch" style="background: var(--sf-color-secondary-light, <?php echo esc_attr( $defaults['brand']['secondary'] ); ?>);" title="Secondary"></div>
-				<div class="preview-color-swatch" style="background: var(--sf-color-tertiary-light, <?php echo esc_attr( $defaults['brand']['tertiary'] ); ?>);" title="Tertiary"></div>
-				<div class="preview-color-swatch" style="background: var(--sf-color-action-light, <?php echo esc_attr( $defaults['brand']['action'] ); ?>);" title="Action"></div>
-				<div class="preview-color-swatch" style="background: var(--sf-color-neutral-light, <?php echo esc_attr( $defaults['brand']['neutral'] ); ?>);" title="Neutral"></div>
-				<div class="preview-color-swatch" style="background: var(--sf-color-base-light, <?php echo esc_attr( $defaults['brand']['base'] ); ?>);" title="Base"></div>
-			</div>
-
-			<div>
-				<span class="preview-button" style="background: var(--sf-color-primary-light, <?php echo esc_attr( $defaults['brand']['primary'] ); ?>);">
-					<?php esc_html_e( 'Primary Button', 'slashed-bricks' ); ?>
-				</span>
-				<span class="preview-button" style="background: var(--sf-color-action-light, <?php echo esc_attr( $defaults['brand']['action'] ); ?>);">
-					<?php esc_html_e( 'Action Button', 'slashed-bricks' ); ?>
-				</span>
-			</div>
-
-			<div class="preview-spacing">
-				<div class="preview-spacing-box" style="width: 20px; height: 20px;" title="XS"></div>
-				<div class="preview-spacing-box" style="width: 30px; height: 30px;" title="S"></div>
-				<div class="preview-spacing-box" style="width: 44px; height: 44px;" title="M"></div>
-				<div class="preview-spacing-box" style="width: 60px; height: 60px;" title="L"></div>
-				<div class="preview-spacing-box" style="width: 80px; height: 80px;" title="XL"></div>
-			</div>
-		</div>
-		<?php
-	}
-
-	/**
-	 * Render the Colors tab.
-	 *
-	 * Each color exposes two paired inputs:
-	 *   - A HEX picker (real WP color picker) - the primary path.
-	 *   - An "Advanced (raw value)" input that accepts any CSS color
-	 *     string (oklch, rgb, hsl, var(), ...) - used when the user
-	 *     wants to keep an authoring format the picker can't represent.
-	 *
-	 * The active mode is auto-detected on render: if the saved value
-	 * is a HEX literal we start in HEX mode; if it's anything else
-	 * (oklch, named, etc.) we start in Advanced mode.
-	 *
-	 * @param array $settings Saved settings for this tab.
-	 */
-	private function render_tab_colors( $settings ) {
-		$defaults = Slashed_Bricks_Token_Defaults::get_colors();
-
-		echo '<h2>' . esc_html__( 'Brand Colors', 'slashed-bricks' ) . '</h2>';
-		echo '<p class="description">' . esc_html__( 'Pick a color via the HEX picker, or switch to "Advanced" to paste an oklch() / rgb() / any other CSS color value. Whatever you save is fed straight into the framework as the source of the brand scale.', 'slashed-bricks' ) . '</p>';
-		echo '<table class="form-table"><tbody>';
-
-		foreach ( $defaults['brand'] as $name => $default_oklch ) {
-			$base_key   = 'brand_' . $name;
-			$saved      = isset( $settings[ $base_key ] ) ? (string) $settings[ $base_key ] : '';
-			$hex_default_hint = isset( $defaults['brand_hex_hints'][ $name ] ) ? $defaults['brand_hex_hints'][ $name ] : '';
-			$this->render_color_row(
-				$base_key,
-				ucfirst( $name ),
-				$saved,
-				$hex_default_hint,
-				$default_oklch,
-				'--sf-color-' . $name . '-light'
-			);
-		}
-
-		echo '</tbody></table>';
-
-		echo '<h2>' . esc_html__( 'Status Colors', 'slashed-bricks' ) . '</h2>';
-		echo '<table class="form-table"><tbody>';
-
-		foreach ( $defaults['status'] as $name => $default_oklch ) {
-			$base_key   = 'status_' . $name;
-			$saved      = isset( $settings[ $base_key ] ) ? (string) $settings[ $base_key ] : '';
-			$hex_default_hint = isset( $defaults['status_hex_hints'][ $name ] ) ? $defaults['status_hex_hints'][ $name ] : '';
-			$this->render_color_row(
-				$base_key,
-				ucfirst( $name ),
-				$saved,
-				$hex_default_hint,
-				$default_oklch,
-				'--sf-color-' . $name . '-light'
-			);
-		}
-
-		echo '</tbody></table>';
-	}
-
-	/**
-	 * Render a single color row with paired HEX and Advanced inputs.
-	 *
-	 * @param string $base_key      Stored token key (e.g. "brand_primary").
-	 * @param string $label         Display label (e.g. "Primary").
-	 * @param string $saved         Currently saved value (any CSS color string, or empty).
-	 * @param string $hex_hint      HEX placeholder shown when nothing is saved.
-	 * @param string $oklch_hint    OKLCH placeholder shown in the Advanced input.
-	 * @param string $css_var       Underlying CSS custom property name (informational only).
-	 */
-	private function render_color_row( $base_key, $label, $saved, $hex_hint, $oklch_hint, $css_var ) {
-		$is_hex      = Slashed_Bricks_Token_Sanitizer::is_hex_color( $saved );
-		$start_mode  = ( $is_hex || '' === $saved ) ? 'hex' : 'raw';
-		$hex_value   = $is_hex ? $saved : '';
-		$raw_value   = $is_hex ? '' : $saved;
-		$row_id      = 'slashed-color-row-' . $base_key;
-
-		?>
-		<tr>
-			<th scope="row">
-				<label for="<?php echo esc_attr( $base_key . '_hex' ); ?>"><?php echo esc_html( $label ); ?></label>
-			</th>
-			<td>
-				<div class="slashed-color-row" id="<?php echo esc_attr( $row_id ); ?>" data-base="<?php echo esc_attr( $base_key ); ?>" data-mode="<?php echo esc_attr( $start_mode ); ?>">
-
-					<div class="slashed-color-input slashed-color-input--hex" <?php echo 'hex' === $start_mode ? '' : 'hidden'; ?>>
-						<input
-							type="text"
-							id="<?php echo esc_attr( $base_key . '_hex' ); ?>"
-							name="slashed_tokens[<?php echo esc_attr( $base_key ); ?>_hex]"
-							value="<?php echo esc_attr( $hex_value ); ?>"
-							class="slashed-color-hex"
-							data-default-color="<?php echo esc_attr( $hex_hint ); ?>"
-							data-base="<?php echo esc_attr( $base_key ); ?>"
-						>
-					</div>
-
-					<div class="slashed-color-input slashed-color-input--raw" <?php echo 'raw' === $start_mode ? '' : 'hidden'; ?>>
-						<input
-							type="text"
-							id="<?php echo esc_attr( $base_key . '_raw' ); ?>"
-							name="slashed_tokens[<?php echo esc_attr( $base_key ); ?>_raw]"
-							value="<?php echo esc_attr( $raw_value ); ?>"
-							placeholder="<?php echo esc_attr( $oklch_hint ); ?>"
-							class="regular-text slashed-color-raw"
-							spellcheck="false"
-							data-base="<?php echo esc_attr( $base_key ); ?>"
-						>
-					</div>
-
-					<button
-						type="button"
-						class="button-link slashed-color-toggle"
-						data-row="<?php echo esc_attr( $row_id ); ?>"
-						aria-controls="<?php echo esc_attr( $row_id ); ?>"
-					>
-						<span class="slashed-color-toggle__label-hex"><?php esc_html_e( 'Advanced (oklch / raw)', 'slashed-bricks' ); ?></span>
-						<span class="slashed-color-toggle__label-raw"><?php esc_html_e( 'Use HEX picker', 'slashed-bricks' ); ?></span>
-					</button>
-
-					<p class="description"><code><?php echo esc_html( $css_var ); ?></code></p>
-				</div>
-			</td>
-		</tr>
-		<?php
-	}
-
-	/**
-	 * Render the Contrast tab.
-	 *
-	 * Houses cross-cutting visual fine-tuning knobs that don't fit
-	 * inside any of the typed token sections (typography, spacing,
-	 * radius, etc). Each control writes one CSS custom property:
-	 *
-	 *   - --sf-contrast-bias        (-0.2 to +0.2)
-	 *   - --sf-contrast-threshold   (0 to 1)
-	 *   - --sf-opacity-disabled     (0 to 1)
-	 *   - --sf-focus-ring-width     (px)
-	 *   - --sf-focus-ring-offset    (px)
-	 *   - --sf-focus-ring-style     (solid / dashed / dotted / double / none)
-	 *
-	 * Per-section scale multipliers (text_scale, space_scale, etc) keep
-	 * their own tabs since they belong with their token family. This
-	 * keeps each setting in exactly one place - no duplicate sources of
-	 * truth, no surprising overrides.
-	 *
-	 * @param array $settings Saved settings for this tab.
-	 */
-	private function render_tab_contrast( $settings ) {
-		$defaults = Slashed_Bricks_Token_Defaults::get_contrast();
-
-		echo '<h2>' . esc_html__( 'Contrast', 'slashed-bricks' ) . '</h2>';
-		echo '<p class="description">' . esc_html__( 'Fine-tune how the framework derives shades and picks readable text colors against your brand colors.', 'slashed-bricks' ) . '</p>';
-		echo '<table class="form-table"><tbody>';
-
-		$this->render_range_field(
-			$settings,
-			'contrast_bias',
-			__( 'Contrast bias', 'slashed-bricks' ),
-			__( 'Shifts every derived shade up (positive) or down (negative). Useful to brighten or dim the entire scale without re-picking source colors.', 'slashed-bricks' ),
-			-0.2,
-			0.2,
-			0.01,
-			$defaults['contrast_bias'],
-			'--sf-contrast-bias'
-		);
-
-		$this->render_range_field(
-			$settings,
-			'contrast_threshold',
-			__( 'Contrast threshold', 'slashed-bricks' ),
-			__( 'Lightness threshold used to pick text-on-color (white vs. black). Lower values prefer dark text on more colors; higher values prefer white text.', 'slashed-bricks' ),
-			0,
-			1,
-			0.01,
-			$defaults['contrast_threshold'],
-			'--sf-contrast-threshold'
-		);
-
-		echo '</tbody></table>';
-
-		echo '<h2>' . esc_html__( 'Opacity', 'slashed-bricks' ) . '</h2>';
-		echo '<table class="form-table"><tbody>';
-
-		$this->render_range_field(
-			$settings,
-			'opacity_disabled',
-			__( 'Disabled opacity', 'slashed-bricks' ),
-			__( 'Opacity applied to disabled UI elements (buttons, inputs, links).', 'slashed-bricks' ),
-			0,
-			1,
-			0.01,
-			$defaults['opacity_disabled'],
-			'--sf-opacity-disabled'
-		);
-
-		echo '</tbody></table>';
-
-		echo '<h2>' . esc_html__( 'Focus ring', 'slashed-bricks' ) . '</h2>';
-		echo '<p class="description">' . esc_html__( 'Visual indicator drawn around keyboard-focused elements. Lower the offset to tighten the ring, raise it to give the element more breathing room.', 'slashed-bricks' ) . '</p>';
-		echo '<table class="form-table"><tbody>';
-
-		$this->render_range_field(
-			$settings,
-			'focus_ring_width',
-			__( 'Ring width', 'slashed-bricks' ),
-			'',
-			0,
-			8,
-			0.5,
-			$defaults['focus_ring_width'],
-			'--sf-focus-ring-width',
-			'px'
-		);
-
-		$this->render_range_field(
-			$settings,
-			'focus_ring_offset',
-			__( 'Ring offset', 'slashed-bricks' ),
-			'',
-			0,
-			8,
-			0.5,
-			$defaults['focus_ring_offset'],
-			'--sf-focus-ring-offset',
-			'px'
-		);
-
-		// Focus ring style is a small enum, so render a select instead of a slider.
-		$style_value   = isset( $settings['focus_ring_style'] ) ? (string) $settings['focus_ring_style'] : '';
-		$style_default = $defaults['focus_ring_style'];
-		$style_options = array( 'solid', 'dashed', 'dotted', 'double', 'none' );
-		echo '<tr>';
-		echo '<th scope="row"><label for="focus_ring_style">' . esc_html__( 'Ring style', 'slashed-bricks' ) . '</label></th>';
-		echo '<td>';
-		echo '<select id="focus_ring_style" name="slashed_tokens[focus_ring_style]">';
-		echo '<option value="">' . esc_html( sprintf( /* translators: %s: default style name. */ __( 'Default (%s)', 'slashed-bricks' ), $style_default ) ) . '</option>';
-		foreach ( $style_options as $opt ) {
-			$selected = selected( $style_value, $opt, false );
-			echo '<option value="' . esc_attr( $opt ) . '" ' . $selected . '>' . esc_html( $opt ) . '</option>';
-		}
-		echo '</select>';
-		echo '<p class="description"><code>--sf-focus-ring-style</code></p>';
-		echo '</td>';
-		echo '</tr>';
-
-		echo '</tbody></table>';
-	}
-
-	/**
-	 * Render a paired range + number input that share a sync id.
-	 *
-	 * Markup matches what initRangeSync() in admin-page.js looks for:
-	 * .slashed-range-input and .slashed-number-input sharing data-sync.
-	 *
-	 * Only the number input carries the form `name`, so submission is
-	 * unambiguous regardless of which control the user touched last.
-	 *
-	 * @param array       $settings    Saved settings for the section.
-	 * @param string      $key         Token key (also used as data-sync id).
-	 * @param string      $label       Field label.
-	 * @param string      $description Help text shown beneath the inputs.
-	 * @param float|int   $min         Minimum allowed value.
-	 * @param float|int   $max         Maximum allowed value.
-	 * @param float       $step        Step granularity.
-	 * @param float|int   $default     Factory default (used as placeholder).
-	 * @param string      $css_var     Underlying CSS custom property (informational only).
-	 * @param string      $unit        Optional unit label rendered after the inputs (e.g. 'px').
-	 */
-	private function render_range_field( $settings, $key, $label, $description, $min, $max, $step, $default, $css_var, $unit = '' ) {
-		$value      = isset( $settings[ $key ] ) ? $settings[ $key ] : '';
-		$slider_val = '' !== $value ? $value : $default;
-
-		echo '<tr>';
-		echo '<th scope="row"><label for="' . esc_attr( $key ) . '">' . esc_html( $label ) . '</label></th>';
-		echo '<td>';
-		echo '<div class="slashed-range-group">';
-
-		printf(
-			'<input type="range" class="slashed-range-input" data-sync="%1$s" min="%2$s" max="%3$s" step="%4$s" value="%5$s" aria-hidden="true" tabindex="-1">',
-			esc_attr( $key ),
-			esc_attr( (string) $min ),
-			esc_attr( (string) $max ),
-			esc_attr( (string) $step ),
-			esc_attr( (string) $slider_val )
-		);
-
-		printf(
-			'<input type="number" id="%1$s" class="slashed-number-input" data-sync="%1$s" name="slashed_tokens[%1$s]" min="%2$s" max="%3$s" step="%4$s" value="%5$s" placeholder="%6$s">',
-			esc_attr( $key ),
-			esc_attr( (string) $min ),
-			esc_attr( (string) $max ),
-			esc_attr( (string) $step ),
-			esc_attr( (string) $value ),
-			esc_attr( (string) $default )
-		);
-
-		if ( '' !== $unit ) {
-			echo '<span class="slashed-range-unit">' . esc_html( $unit ) . '</span>';
-		}
-
-		echo '</div>';
-
-		if ( '' !== $description ) {
-			echo '<p class="description">' . esc_html( $description ) . '</p>';
-		}
-		echo '<p class="description"><code>' . esc_html( $css_var ) . '</code></p>';
-		echo '</td>';
-		echo '</tr>';
-	}
-
-	/**
-	 * Render the Typography tab.
-	 *
-	 * @param array $settings Saved settings for this tab.
-	 */
-	private function render_tab_typography( $settings ) {
-		$defaults = Slashed_Bricks_Token_Defaults::get_typography();
-
-		// Font families.
-		echo '<h2>' . esc_html__( 'Font Families', 'slashed-bricks' ) . '</h2>';
-		echo '<table class="form-table"><tbody>';
-
-		foreach ( $defaults['font_families'] as $name => $default ) {
-			$field_name = 'slashed_tokens[font_' . $name . ']';
-			$value      = isset( $settings[ 'font_' . $name ] ) ? $settings[ 'font_' . $name ] : '';
-			echo '<tr>';
-			echo '<th scope="row"><label for="font_' . esc_attr( $name ) . '">' . esc_html( ucfirst( $name ) ) . '</label></th>';
-			echo '<td>';
-			echo '<input type="text" id="font_' . esc_attr( $name ) . '" name="' . esc_attr( $field_name ) . '" value="' . esc_attr( $value ) . '" placeholder="' . esc_attr( $default ) . '" class="large-text">';
-			echo '<p class="description"><code>--sf-font-' . esc_html( $name ) . '</code></p>';
-			echo '</td>';
-			echo '</tr>';
-		}
-
-		echo '</tbody></table>';
-
-		// Font sizes.
-		echo '<h2>' . esc_html__( 'Font Size Scale', 'slashed-bricks' ) . '</h2>';
-		echo '<p class="description">' . esc_html__( 'Min and max values in rem for fluid type scaling via clamp().', 'slashed-bricks' ) . '</p>';
-		echo '<table class="form-table"><tbody>';
-
-		foreach ( $defaults['font_sizes'] as $name => $size_defaults ) {
-			$min_field = 'slashed_tokens[size_' . $name . '_min]';
-			$max_field = 'slashed_tokens[size_' . $name . '_max]';
-			$min_value = isset( $settings[ 'size_' . $name . '_min' ] ) ? $settings[ 'size_' . $name . '_min' ] : '';
-			$max_value = isset( $settings[ 'size_' . $name . '_max' ] ) ? $settings[ 'size_' . $name . '_max' ] : '';
-			echo '<tr>';
-			echo '<th scope="row"><label>' . esc_html( $name ) . '</label></th>';
-			echo '<td>';
-			echo '<label>' . esc_html__( 'Min:', 'slashed-bricks' ) . ' ';
-			echo '<input type="number" name="' . esc_attr( $min_field ) . '" value="' . esc_attr( $min_value ) . '" placeholder="' . esc_attr( $size_defaults['min'] ) . '" step="0.01" min="0" style="width:80px;"></label> ';
-			echo '<label>' . esc_html__( 'Max:', 'slashed-bricks' ) . ' ';
-			echo '<input type="number" name="' . esc_attr( $max_field ) . '" value="' . esc_attr( $max_value ) . '" placeholder="' . esc_attr( $size_defaults['max'] ) . '" step="0.01" min="0" style="width:80px;"></label>';
-			echo '<p class="description"><code>--sf-text-' . esc_html( $name ) . '</code></p>';
-			echo '</td>';
-			echo '</tr>';
-		}
-
-		echo '</tbody></table>';
-
-		// Scale multipliers.
-		echo '<h2>' . esc_html__( 'Scale Multipliers', 'slashed-bricks' ) . '</h2>';
-		echo '<table class="form-table"><tbody>';
-
-		$text_scale_value    = isset( $settings['text_scale'] ) ? $settings['text_scale'] : '';
-		$display_scale_value = isset( $settings['text_display_scale'] ) ? $settings['text_display_scale'] : '';
-
-		echo '<tr>';
-		echo '<th scope="row"><label for="text_scale">' . esc_html__( 'Text Scale', 'slashed-bricks' ) . '</label></th>';
-		echo '<td>';
-		echo '<input type="number" id="text_scale" name="slashed_tokens[text_scale]" value="' . esc_attr( $text_scale_value ) . '" placeholder="1" step="0.05" min="0">';
-		echo '<p class="description"><code>--sf-text-scale</code></p>';
-		echo '</td>';
-		echo '</tr>';
-
-		echo '<tr>';
-		echo '<th scope="row"><label for="text_display_scale">' . esc_html__( 'Display Scale', 'slashed-bricks' ) . '</label></th>';
-		echo '<td>';
-		echo '<input type="number" id="text_display_scale" name="slashed_tokens[text_display_scale]" value="' . esc_attr( $display_scale_value ) . '" placeholder="1" step="0.05" min="0">';
-		echo '<p class="description"><code>--sf-text-display-scale</code></p>';
-		echo '</td>';
-		echo '</tr>';
-
-		echo '</tbody></table>';
-	}
-
-	/**
-	 * Render the Spacing tab.
-	 *
-	 * @param array $settings Saved settings for this tab.
-	 */
-	private function render_tab_spacing( $settings ) {
-		$defaults = Slashed_Bricks_Token_Defaults::get_spacing();
-
-		echo '<h2>' . esc_html__( 'Spacing', 'slashed-bricks' ) . '</h2>';
-		echo '<table class="form-table"><tbody>';
-
-		// Scale multiplier.
-		$scale_value = isset( $settings['space_scale'] ) ? $settings['space_scale'] : '';
-		echo '<tr>';
-		echo '<th scope="row"><label for="space_scale">' . esc_html__( 'Space Scale', 'slashed-bricks' ) . '</label></th>';
-		echo '<td>';
-		echo '<input type="number" id="space_scale" name="slashed_tokens[space_scale]" value="' . esc_attr( $scale_value ) . '" placeholder="' . esc_attr( $defaults['space_scale'] ) . '" step="0.05" min="0">';
-		echo '<p class="description"><code>--sf-space-scale</code></p>';
-		echo '</td>';
-		echo '</tr>';
-
-		// Spacing aliases.
-		$aliases = array(
-			'gutter'        => array( 'label' => 'Gutter', 'var' => '--sf-space-gutter' ),
-			'gap'           => array( 'label' => 'Gap', 'var' => '--sf-gap' ),
-			'content_gap'   => array( 'label' => 'Content Gap', 'var' => '--sf-content-gap' ),
-			'component_pad' => array( 'label' => 'Component Pad', 'var' => '--sf-component-pad' ),
-			'section_pad'   => array( 'label' => 'Section Pad', 'var' => '--sf-section-pad' ),
-		);
-
-		foreach ( $aliases as $key => $config ) {
-			$value   = isset( $settings[ $key ] ) ? $settings[ $key ] : '';
-			$default = isset( $defaults[ $key ] ) ? $defaults[ $key ] : '';
-			echo '<tr>';
-			echo '<th scope="row"><label for="' . esc_attr( $key ) . '">' . esc_html( $config['label'] ) . '</label></th>';
-			echo '<td>';
-			echo '<input type="text" id="' . esc_attr( $key ) . '" name="slashed_tokens[' . esc_attr( $key ) . ']" value="' . esc_attr( $value ) . '" placeholder="' . esc_attr( $default ) . '" class="regular-text">';
-			echo '<p class="description"><code>' . esc_html( $config['var'] ) . '</code></p>';
-			echo '</td>';
-			echo '</tr>';
-		}
-
-		echo '</tbody></table>';
-	}
-
-	/**
-	 * Render the Radius tab.
-	 *
-	 * @param array $settings Saved settings for this tab.
-	 */
-	private function render_tab_radius( $settings ) {
-		$defaults = Slashed_Bricks_Token_Defaults::get_radius();
-
-		echo '<h2>' . esc_html__( 'Radius', 'slashed-bricks' ) . '</h2>';
-		echo '<table class="form-table"><tbody>';
-
-		$value = isset( $settings['radius_scale'] ) ? $settings['radius_scale'] : '';
-		echo '<tr>';
-		echo '<th scope="row"><label for="radius_scale">' . esc_html__( 'Radius Scale', 'slashed-bricks' ) . '</label></th>';
-		echo '<td>';
-		echo '<input type="number" id="radius_scale" name="slashed_tokens[radius_scale]" value="' . esc_attr( $value ) . '" placeholder="' . esc_attr( $defaults['radius_scale'] ) . '" step="0.1" min="0">';
-		echo '<p class="description"><code>--sf-radius-scale</code></p>';
-		echo '</td>';
-		echo '</tr>';
-
-		echo '</tbody></table>';
-	}
-
-	/**
-	 * Render the Shadows tab.
-	 *
-	 * @param array $settings Saved settings for this tab.
-	 */
-	private function render_tab_shadows( $settings ) {
-		$defaults = Slashed_Bricks_Token_Defaults::get_shadows();
-
-		echo '<h2>' . esc_html__( 'Shadows', 'slashed-bricks' ) . '</h2>';
-		echo '<table class="form-table"><tbody>';
-
-		$value = isset( $settings['shadow_strength'] ) ? $settings['shadow_strength'] : '';
-		echo '<tr>';
-		echo '<th scope="row"><label for="shadow_strength">' . esc_html__( 'Shadow Strength', 'slashed-bricks' ) . '</label></th>';
-		echo '<td>';
-		echo '<input type="number" id="shadow_strength" name="slashed_tokens[shadow_strength]" value="' . esc_attr( $value ) . '" placeholder="' . esc_attr( $defaults['shadow_strength'] ) . '" step="0.01" min="0" max="1">';
-		echo '<p class="description">' . esc_html__( 'Base opacity value for shadow layers (0-1).', 'slashed-bricks' ) . '</p>';
-		echo '</td>';
-		echo '</tr>';
-
-		echo '</tbody></table>';
-	}
-
-	/**
-	 * Render the Motion tab.
-	 *
-	 * @param array $settings Saved settings for this tab.
-	 */
-	private function render_tab_motion( $settings ) {
-		$defaults = Slashed_Bricks_Token_Defaults::get_motion();
-
-		echo '<h2>' . esc_html__( 'Motion', 'slashed-bricks' ) . '</h2>';
-		echo '<table class="form-table"><tbody>';
-
-		// Scale multiplier.
-		$scale_value = isset( $settings['motion_scale'] ) ? $settings['motion_scale'] : '';
-		echo '<tr>';
-		echo '<th scope="row"><label for="motion_scale">' . esc_html__( 'Motion Scale', 'slashed-bricks' ) . '</label></th>';
-		echo '<td>';
-		echo '<input type="number" id="motion_scale" name="slashed_tokens[motion_scale]" value="' . esc_attr( $scale_value ) . '" placeholder="' . esc_attr( $defaults['motion_scale'] ) . '" step="0.1" min="0">';
-		echo '<p class="description"><code>--sf-motion-scale</code></p>';
-		echo '</td>';
-		echo '</tr>';
-
-		echo '</tbody></table>';
-
-		// Duration values.
-		echo '<h2>' . esc_html__( 'Duration Values', 'slashed-bricks' ) . '</h2>';
-		echo '<p class="description">' . esc_html__( 'Base duration values in milliseconds.', 'slashed-bricks' ) . '</p>';
-		echo '<table class="form-table"><tbody>';
-
-		foreach ( $defaults['durations'] as $name => $default ) {
-			$value = isset( $settings[ 'duration_' . $name ] ) ? $settings[ 'duration_' . $name ] : '';
-			echo '<tr>';
-			echo '<th scope="row"><label for="duration_' . esc_attr( $name ) . '">' . esc_html( ucfirst( $name ) ) . '</label></th>';
-			echo '<td>';
-			echo '<input type="number" id="duration_' . esc_attr( $name ) . '" name="slashed_tokens[duration_' . esc_attr( $name ) . ']" value="' . esc_attr( $value ) . '" placeholder="' . esc_attr( $default ) . '" min="0" step="10">';
-			echo '<span class="description"> ms</span>';
-			echo '<p class="description"><code>--sf-duration-' . esc_html( $name ) . '</code></p>';
-			echo '</td>';
-			echo '</tr>';
-		}
-
-		echo '</tbody></table>';
-	}
-
-	/**
-	 * Render the Z-Index tab.
-	 *
-	 * @param array $settings Saved settings for this tab.
-	 */
-	private function render_tab_zindex( $settings ) {
-		$defaults = Slashed_Bricks_Token_Defaults::get_zindex();
-
-		echo '<h2>' . esc_html__( 'Z-Index', 'slashed-bricks' ) . '</h2>';
-		echo '<p class="description">' . esc_html__( 'Z-index layer values for stacking context management.', 'slashed-bricks' ) . '</p>';
-		echo '<table class="form-table"><tbody>';
-
-		foreach ( $defaults as $name => $default ) {
-			$value = isset( $settings[ $name ] ) ? $settings[ $name ] : '';
-			echo '<tr>';
-			echo '<th scope="row"><label for="z_' . esc_attr( $name ) . '">' . esc_html( ucfirst( $name ) ) . '</label></th>';
-			echo '<td>';
-			echo '<input type="number" id="z_' . esc_attr( $name ) . '" name="slashed_tokens[' . esc_attr( $name ) . ']" value="' . esc_attr( $value ) . '" placeholder="' . esc_attr( $default ) . '" step="1">';
-			echo '<p class="description"><code>--sf-z-' . esc_html( $name ) . '</code></p>';
-			echo '</td>';
-			echo '</tr>';
-		}
-
-		echo '</tbody></table>';
-	}
-}
diff --git a/integrations/bricks/includes/class-enqueue.php b/integrations/bricks/includes/class-enqueue.php
index 3afbeffa..649c81be 100644
--- a/integrations/bricks/includes/class-enqueue.php
+++ b/integrations/bricks/includes/class-enqueue.php
@@ -62,15 +62,23 @@ public function enqueue_frontend_styles() {
         }
 
         // Use file modification time for cache-busting when the CSS exists locally.
-        $repo_path   = SLASHED_BRICKS_PATH . '../../dist/slashed.optimal.css';
-        $local_path  = SLASHED_BRICKS_PATH . 'dist/slashed.optimal.css';
+        // Derive the filename from the already-resolved URL so we don't re-read
+        // plugin settings a second time (slashed_bricks_get_css_url() already did).
+        $filename = basename( (string) wp_parse_url( $css_url, PHP_URL_PATH ) );
 
-        if ( file_exists( $repo_path ) ) {
-            $version = (string) filemtime( $repo_path );
-        } elseif ( file_exists( $local_path ) ) {
-            $version = (string) filemtime( $local_path );
-        } else {
+        if ( '' === $filename ) {
             $version = SLASHED_BRICKS_VERSION;
+        } else {
+            $repo_path  = SLASHED_BRICKS_PATH . '../../dist/' . $filename;
+            $local_path = SLASHED_BRICKS_PATH . 'dist/' . $filename;
+
+            if ( file_exists( $repo_path ) ) {
+                $version = (string) filemtime( $repo_path );
+            } elseif ( file_exists( $local_path ) ) {
+                $version = (string) filemtime( $local_path );
+            } else {
+                $version = SLASHED_BRICKS_VERSION;
+            }
         }
 
         wp_enqueue_style(
diff --git a/integrations/bricks/includes/class-rest-controller.php b/integrations/bricks/includes/class-rest-controller.php
index 0a2ce6ca..aed464f9 100644
--- a/integrations/bricks/includes/class-rest-controller.php
+++ b/integrations/bricks/includes/class-rest-controller.php
@@ -117,12 +117,20 @@ public function register_routes() {
 					'args'                => array(
 						'html_font_size' => array(
 							'type'              => 'string',
-							'required'          => true,
+							'required'          => false,
 							'sanitize_callback' => 'sanitize_text_field',
 							'validate_callback' => function( $value ) {
 								return in_array( (string) $value, array( '', '100', '62.5' ), true );
 							},
 						),
+						'css_bundle'     => array(
+							'type'              => 'string',
+							'required'          => false,
+							'sanitize_callback' => 'sanitize_key',
+							'validate_callback' => function( $value ) {
+								return in_array( (string) $value, Slashed_Bricks_Token_Store::ALLOWED_CSS_BUNDLES, true );
+							},
+						),
 					),
 				),
 			)
@@ -231,28 +239,32 @@ public function get_settings( WP_REST_Request $request ) {
 	}
 
 	/**
-	 * Save plugin settings via REST.
+	 * Save plugin settings via REST (partial update — only provided fields are written).
 	 *
-	 * Validates that html_font_size is one of the allowed values before
-	 * persisting to the database.
+	 * validate_callback on each arg ensures values are already sane by the
+	 * time this handler runs; we just merge present fields into the stored map.
 	 *
 	 * @param WP_REST_Request $request Incoming request.
-	 * @return WP_REST_Response|WP_Error
+	 * @return WP_REST_Response
 	 */
 	public function save_settings( WP_REST_Request $request ) {
-		$html_font_size = (string) $request->get_param( 'html_font_size' );
+		$html_font_size = $request->get_param( 'html_font_size' );
+		$css_bundle     = $request->get_param( 'css_bundle' );
 
-		$allowed = array( '', '100', '62.5' );
-		if ( ! in_array( $html_font_size, $allowed, true ) ) {
-			return new WP_Error(
-				'slashed_bricks_invalid_font_size',
-				__( 'Invalid html_font_size value. Allowed: empty string, "100", or "62.5".', 'slashed-bricks' ),
-				array( 'status' => 400 )
-			);
+		if ( null === $html_font_size && null === $css_bundle ) {
+			return rest_ensure_response( Slashed_Bricks_Token_Store::get_plugin_settings() );
+		}
+
+		$settings = Slashed_Bricks_Token_Store::get_plugin_settings();
+
+		if ( null !== $html_font_size ) {
+			$settings['html_font_size'] = (string) $html_font_size;
+		}
+
+		if ( null !== $css_bundle ) {
+			$settings['css_bundle'] = (string) $css_bundle;
 		}
 
-		$settings                   = Slashed_Bricks_Token_Store::get_plugin_settings();
-		$settings['html_font_size'] = $html_font_size;
 		Slashed_Bricks_Token_Store::update_plugin_settings( $settings );
 
 		return rest_ensure_response( $settings );
diff --git a/integrations/bricks/includes/class-token-store.php b/integrations/bricks/includes/class-token-store.php
index a37f0b90..14364357 100644
--- a/integrations/bricks/includes/class-token-store.php
+++ b/integrations/bricks/includes/class-token-store.php
@@ -47,6 +47,12 @@ class Slashed_Bricks_Token_Store {
 	 */
 	const SETTINGS_OPTION_NAME = 'slashed_bricks_settings';
 
+	/**
+	 * Allowed values for the css_bundle plugin setting.
+	 * Single source of truth used by URL resolution and REST validation.
+	 */
+	const ALLOWED_CSS_BUNDLES = array( 'essential', 'optimal', 'full' );
+
 	/**
 	 * Read all token overrides.
 	 *
diff --git a/integrations/bricks/slashed-bricks.php b/integrations/bricks/slashed-bricks.php
index 468af78e..edb14303 100644
--- a/integrations/bricks/slashed-bricks.php
+++ b/integrations/bricks/slashed-bricks.php
@@ -38,34 +38,63 @@
  */
 define( 'SLASHED_BRICKS_CSS_REF', 'v0.2.12' );
 
+/**
+ * Token Store is loaded early so slashed_bricks_get_css_bundle() can call
+ * Slashed_Bricks_Token_Store::get_plugin_settings() at any point, even
+ * before the rest of the admin/data classes are initialised.
+ */
+require_once plugin_dir_path( __FILE__ ) . 'includes/class-token-store.php';
+
+/**
+ * Get the configured CSS bundle type (essential / optimal / full).
+ *
+ * Reads from plugin settings; falls back to "optimal". Used both for
+ * URL resolution and for local-file version-stamp lookups.
+ *
+ * @return string One of 'essential', 'optimal', 'full'.
+ */
+function slashed_bricks_get_css_bundle() {
+    $settings = Slashed_Bricks_Token_Store::get_plugin_settings();
+    $bundle   = isset( $settings['css_bundle'] ) ? (string) $settings['css_bundle'] : 'optimal';
+    if ( ! in_array( $bundle, Slashed_Bricks_Token_Store::ALLOWED_CSS_BUNDLES, true ) ) {
+        $bundle = 'optimal';
+    }
+    return $bundle;
+}
+
 /**
  * Get the URL for the SLASHED CSS bundle.
  *
  * Defaults to the jsDelivr CDN pinned to an immutable release tag
  * (see SLASHED_BRICKS_CSS_REF) so the plugin works without any local
- * file setup. If a local copy is detected (symlink/in-repo mode or
- * copy-install mode), the local file takes precedence for faster loads
- * and offline development.
+ * file setup. The specific file (essential / optimal / full) is chosen
+ * from the 'css_bundle' plugin setting. If a local copy is detected
+ * (symlink/in-repo mode or copy-install mode), the local file takes
+ * precedence for faster loads and offline development.
  *
  * Use the 'slashed_bricks/css_bundle_url' filter to override.
  *
  * @return string URL to the CSS bundle.
  */
 function slashed_bricks_get_css_url() {
+    $bundle   = slashed_bricks_get_css_bundle();
+    $filename = 'slashed.' . $bundle . '.css';
+
     // Default: jsDelivr CDN pinned to an immutable release tag.
     $default_url = sprintf(
-        'https://cdn.jsdelivr.net/gh/codeslash-dev/SLASHED@%s/dist/slashed.optimal.css',
-        SLASHED_BRICKS_CSS_REF
+        'https://cdn.jsdelivr.net/gh/codeslash-dev/SLASHED@%s/dist/%s',
+        SLASHED_BRICKS_CSS_REF,
+        $filename
     );
 
     // Prefer local file if available (symlink/in-repo mode).
-    $repo_path = SLASHED_BRICKS_PATH . '../../dist/slashed.optimal.css';
+    $repo_path = SLASHED_BRICKS_PATH . '../../dist/' . $filename;
     if ( file_exists( $repo_path ) ) {
-        $default_url = SLASHED_BRICKS_URL . '../../dist/slashed.optimal.css';
+        $default_url = SLASHED_BRICKS_URL . '../../dist/' . $filename;
     }
     // Check copy-install mode (dist/ within the plugin directory).
-    elseif ( file_exists( SLASHED_BRICKS_PATH . 'dist/slashed.optimal.css' ) ) {
-        $default_url = SLASHED_BRICKS_URL . 'dist/slashed.optimal.css';
+    elseif ( file_exists( SLASHED_BRICKS_PATH . 'dist/' . $filename ) ) {
+        $default_url = SLASHED_BRICKS_URL . 'dist/' . $filename;
     }
 
     /**
@@ -102,33 +131,20 @@ function slashed_bricks_is_bricks_active() {
     return false;
 }
 
-/**
- * Load the Token Store class unconditionally so it is available on both
- * admin and front-end requests (e.g. when Inventory reads color overrides).
- */
-require_once SLASHED_BRICKS_PATH . 'includes/class-token-store.php';
-
 /**
  * Initialize the admin page.
  *
- * The admin page loads regardless of whether Bricks is active so users
- * can configure tokens before activating the Bricks theme.
+ * Runs regardless of whether Bricks is active so users can configure tokens
+ * before activating the theme. Bricks runtime checks are handled separately
+ * in slashed_bricks_init().
  */
 function slashed_bricks_admin_init() {
     require_once SLASHED_BRICKS_PATH . 'includes/class-token-defaults.php';
     require_once SLASHED_BRICKS_PATH . 'includes/class-token-sanitizer.php';
     require_once SLASHED_BRICKS_PATH . 'includes/class-tab-registry.php';
-    require_once SLASHED_BRICKS_PATH . 'includes/class-admin-page.php';
     require_once SLASHED_BRICKS_PATH . 'includes/class-rest-controller.php';
     require_once SLASHED_BRICKS_PATH . 'includes/class-admin-page-svelte.php';
 
-    // Legacy jQuery admin page (production). Owns rendering of the
-    // top-level "SLASHED" menu; option storage and sanitization live
-    // in the helper classes loaded above.
-    new Slashed_Bricks_Admin_Page();
-
-    // Svelte SPA admin page (POC). Lives at SLASHED -> Tokens (v2) and
-    // talks to the REST controller below for save/reset.
     new Slashed_Bricks_Admin_Page_Svelte();
 
     // REST routes are registered via the dedicated rest_api_init hook