diff --git a/includes/class-admin.php b/includes/class-admin.php
index ef89c8f9..fd4bcaec 100644
--- a/includes/class-admin.php
+++ b/includes/class-admin.php
@@ -95,8 +95,36 @@ public function render_page() {
 				<input type="hidden" name="action" value="slashed_save_settings">
 				<?php wp_nonce_field( self::NONCE_ACTION, self::NONCE_KEY ); ?>
 
-				<h2 style="margin-top:1.5em;"><?php esc_html_e( 'Active integrations', 'slashed' ); ?></h2>
-				<p class="description"><?php esc_html_e( 'Enable the integrations for the builders you use. SLASHED loads its CSS and syncs design tokens only for active integrations.', 'slashed' ); ?></p>
+				<h2 style="margin-top:1.5em;"><?php esc_html_e( 'CSS framework', 'slashed' ); ?></h2>
+				<p class="description">
+					<?php esc_html_e( 'The SLASHED framework CSS loads automatically on your site — no page builder required. Choose the smallest bundle that covers your needs.', 'slashed' ); ?>
+					&nbsp;<a href="<?php echo esc_url( admin_url( 'admin.php?page=' . \Slashed_Token_Page::PAGE_SLUG ) ); ?>"><?php esc_html_e( 'Customize design tokens →', 'slashed' ); ?></a>
+				</p>
+
+				<table class="form-table" role="presentation">
+					<?php
+					$bundles = array(
+						'essential' => __( 'Essential — reset + design tokens only', 'slashed' ),
+						'optimal'   => __( 'Optimal — + layout, typography, states, forms (recommended)', 'slashed' ),
+						'full'      => __( 'Full — + utilities layer', 'slashed' ),
+					);
+					foreach ( $bundles as $value => $label ) :
+						?>
+						<tr>
+							<th scope="row" style="padding-top:6px;padding-bottom:6px;">
+								<label for="bundle-<?php echo esc_attr( $value ); ?>"><?php echo esc_html( $label ); ?></label>
+							</th>
+							<td style="padding-top:6px;padding-bottom:6px;">
+								<input type="radio" id="bundle-<?php echo esc_attr( $value ); ?>"
+									name="css_bundle" value="<?php echo esc_attr( $value ); ?>"
+									<?php checked( $css_bundle, $value ); ?>>
+							</td>
+						</tr>
+					<?php endforeach; ?>
+				</table>
+
+				<h2><?php esc_html_e( 'Builder integrations', 'slashed' ); ?></h2>
+				<p class="description"><?php esc_html_e( 'Optional deeper integration with your page builder. Adds builder-specific features on top of the core CSS delivery.', 'slashed' ); ?></p>
 
 				<table class="form-table" role="presentation">
 					<tr>
@@ -116,12 +144,10 @@ public function render_page() {
 									esc_html( BRICKS_VERSION )
 								);
 							} else {
-								esc_html_e( 'Bricks Builder not detected — integration will have no effect until Bricks is installed.', 'slashed' );
+								esc_html_e( 'Bricks Builder not detected.', 'slashed' );
 							}
 							?>
-							<?php if ( $integrations['bricks'] ) : ?>
-								&nbsp;&mdash;&nbsp;<a href="<?php echo esc_url( admin_url( 'admin.php?page=slashed-bricks' ) ); ?>"><?php esc_html_e( 'Manage Bricks token overrides →', 'slashed' ); ?></a>
-							<?php endif; ?>
+							<?php esc_html_e( 'Injects CSS variables into Global Variables, syncs the color palette, and enables the reBEMer class manager.', 'slashed' ); ?>
 							</p>
 						</td>
 					</tr>
@@ -133,36 +159,11 @@ public function render_page() {
 									<?php checked( $integrations['gutenberg'] ); ?>>
 								<?php esc_html_e( 'Enable', 'slashed' ); ?>
 							</label>
-							<p class="description"><?php esc_html_e( 'Loads SLASHED CSS in the block editor canvas and syncs the color palette.', 'slashed' ); ?></p>
+							<p class="description"><?php esc_html_e( 'Syncs SLASHED colors with the block editor palette and bridges the editor dark-mode toggle.', 'slashed' ); ?></p>
 						</td>
 					</tr>
 				</table>
 
-				<h2><?php esc_html_e( 'CSS bundle', 'slashed' ); ?></h2>
-				<p class="description"><?php esc_html_e( 'All active integrations load the same bundle. Choose the smallest bundle that covers your needs.', 'slashed' ); ?></p>
-
-				<table class="form-table" role="presentation">
-					<?php
-					$bundles = array(
-						'essential' => __( 'Essential — reset + design tokens only', 'slashed' ),
-						'optimal'   => __( 'Optimal — + layout, typography, states, forms (recommended)', 'slashed' ),
-						'full'      => __( 'Full — + utilities layer', 'slashed' ),
-					);
-					foreach ( $bundles as $value => $label ) :
-						?>
-						<tr>
-							<th scope="row" style="padding-top:6px;padding-bottom:6px;">
-								<label for="bundle-<?php echo esc_attr( $value ); ?>"><?php echo esc_html( $label ); ?></label>
-							</th>
-							<td style="padding-top:6px;padding-bottom:6px;">
-								<input type="radio" id="bundle-<?php echo esc_attr( $value ); ?>"
-									name="css_bundle" value="<?php echo esc_attr( $value ); ?>"
-									<?php checked( $css_bundle, $value ); ?>>
-							</td>
-						</tr>
-					<?php endforeach; ?>
-				</table>
-
 				<?php submit_button( __( 'Save settings', 'slashed' ) ); ?>
 			</form>
 
diff --git a/includes/class-core-enqueue.php b/includes/class-core-enqueue.php
new file mode 100644
index 00000000..6803148f
--- /dev/null
+++ b/includes/class-core-enqueue.php
@@ -0,0 +1,84 @@
+<?php
+/**
+ * Core SLASHED CSS enqueue — builder-agnostic.
+ *
+ * Registers and enqueues the `slashed-framework` stylesheet on every
+ * WordPress site where the plugin is active, regardless of which builder
+ * (if any) is installed. This makes SLASHED usable with custom themes,
+ * classic themes, or any setup that does not match a bundled integration.
+ *
+ * Builder integrations add their own inline rules on top of the
+ * `slashed-framework` handle (e.g. Bricks dark-mode bridge, Gutenberg
+ * dark-mode bridge). Token override CSS is injected separately by
+ * slashed_inject_token_overrides() at priority 20.
+ *
+ * @package SLASHED
+ */
+
+if ( ! defined( 'ABSPATH' ) ) {
+	exit;
+}
+
+/**
+ * Class Slashed_Core_Enqueue
+ */
+class Slashed_Core_Enqueue {
+
+	public function __construct() {
+		add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_frontend' ) );
+		add_action( 'enqueue_block_editor_assets', array( $this, 'enqueue_editor' ) );
+	}
+
+	/**
+	 * Enqueue the framework stylesheet on the public frontend (and Bricks canvas iframe).
+	 *
+	 * Skips the Bricks builder-panel context: loading CSS resets into the
+	 * builder admin chrome breaks Bricks' toolbar icons and colours.
+	 * bricks_is_builder_main() returns true only for that panel — the canvas
+	 * iframe and public frontend both pass this guard correctly.
+	 */
+	public function enqueue_frontend() {
+		if ( function_exists( 'bricks_is_builder_main' ) && bricks_is_builder_main() ) {
+			return;
+		}
+
+		$url = Slashed_CSS_Loader::get_url();
+		if ( '' === $url ) {
+			return;
+		}
+
+		wp_enqueue_style( 'slashed-framework', $url, array(), Slashed_CSS_Loader::get_version( $url ) );
+
+		// HTML font-size override — affects all rem-based framework values.
+		$settings  = Slashed_Token_Store::get_plugin_settings();
+		$font_size = isset( $settings['html_font_size'] ) ? (string) $settings['html_font_size'] : '';
+		if ( '100' === $font_size || '62.5' === $font_size ) {
+			wp_add_inline_style( 'slashed-framework', 'html { font-size: ' . $font_size . '% !important; }' );
+		}
+	}
+
+	/**
+	 * Enqueue the framework stylesheet in the block editor.
+	 *
+	 * Fires for both the post editor and FSE site editor. Styles are injected
+	 * into the editor iframe so they affect the editing canvas without touching
+	 * the surrounding wp-admin chrome.
+	 */
+	public function enqueue_editor() {
+		$url = Slashed_CSS_Loader::get_url();
+		if ( '' === $url ) {
+			return;
+		}
+		wp_enqueue_style( 'slashed-framework', $url, array(), Slashed_CSS_Loader::get_version( $url ) );
+
+		// Mirror the frontend rem-base override so the iframed editor canvas
+		// matches the public site. The block editor is always iframed in WP 6.4+
+		// (our declared minimum), so this rule targets the canvas <html>, not
+		// the surrounding wp-admin chrome.
+		$settings  = Slashed_Token_Store::get_plugin_settings();
+		$font_size = isset( $settings['html_font_size'] ) ? (string) $settings['html_font_size'] : '';
+		if ( '100' === $font_size || '62.5' === $font_size ) {
+			wp_add_inline_style( 'slashed-framework', 'html { font-size: ' . $font_size . '% !important; }' );
+		}
+	}
+}
diff --git a/includes/class-token-page.php b/includes/class-token-page.php
index 93bde19a..90c9b5ea 100644
--- a/includes/class-token-page.php
+++ b/includes/class-token-page.php
@@ -97,14 +97,14 @@ public function enqueue_assets( $hook_suffix ) {
 		$css_version = file_exists( $css_path ) ? (string) filemtime( $css_path ) : $js_version;
 
 		wp_enqueue_style(
-			'slashed-bricks-admin-app',
+			'slashed-admin-app',
 			$plugin_url . 'assets/admin-app/app.css',
 			array(),
 			$css_version
 		);
 
 		wp_enqueue_script(
-			'slashed-bricks-admin-app',
+			'slashed-admin-app',
 			$plugin_url . 'assets/admin-app/app.js',
 			array(),
 			$js_version,
@@ -114,8 +114,8 @@ public function enqueue_assets( $hook_suffix ) {
 		add_filter( 'script_loader_tag', array( $this, 'mark_as_module' ), 10, 3 );
 
 		wp_localize_script(
-			'slashed-bricks-admin-app',
-			'slashedBricksApp',
+			'slashed-admin-app',
+			'slashedApp',
 			array(
 				'rest'           => array(
 					'url'   => esc_url_raw( rest_url( Slashed_REST_Controller::NAMESPACE ) ),
@@ -156,7 +156,7 @@ public static function get_class_hints() {
 	}
 
 	public function mark_as_module( $tag, $handle, $src ) {
-		if ( 'slashed-bricks-admin-app' !== $handle ) {
+		if ( 'slashed-admin-app' !== $handle ) {
 			return $tag;
 		}
 		return preg_replace( '/<script(\b[^>]*)>/', '<script type="module"$1>', $tag, 1 );
@@ -184,7 +184,7 @@ public function render_page() {
 
 	public function render_missing_bundle_notice() {
 		echo '<div class="notice notice-error"><p>';
-		esc_html_e( 'SLASHED admin SPA bundle is missing. Run `npm install && npm run build` inside integrations/bricks/admin-app/ to build it.', 'slashed' );
+		esc_html_e( 'SLASHED admin SPA bundle is missing. Run `npm install && npm run build` inside integrations/bricks/admin-app/ to generate it.', 'slashed' );
 		echo '</p></div>';
 	}
 }
diff --git a/integrations/bricks/admin-app/index.html b/integrations/bricks/admin-app/index.html
index ecdac156..b957495f 100644
--- a/integrations/bricks/admin-app/index.html
+++ b/integrations/bricks/admin-app/index.html
@@ -12,11 +12,11 @@
     <!--
       Standalone dev harness used only by `vite dev`. The real WP page
       prints an equivalent mount + hydration script via PHP. The shape
-      of `window.slashedBricksApp` here mirrors what wp_localize_script
+      of `window.slashedApp` here mirrors what wp_localize_script
       writes in production so the same Svelte code works in both.
     -->
     <script>
-      window.slashedBricksApp = {
+      window.slashedApp = {
         rest: {
           // In dev, no real REST endpoint exists; api.js short-circuits
           // when restUrl is empty and just logs the payload.
diff --git a/integrations/bricks/admin-app/src/lib/api.js b/integrations/bricks/admin-app/src/lib/api.js
index 3a9c86d6..863306d1 100644
--- a/integrations/bricks/admin-app/src/lib/api.js
+++ b/integrations/bricks/admin-app/src/lib/api.js
@@ -2,11 +2,11 @@
  * Thin REST client for the admin SPA.
  *
  * The PHP side exposes:
- *   POST  /wp-json/slashed-bricks/v1/tokens   - save a section
- *   POST  /wp-json/slashed-bricks/v1/tokens/reset - reset a section or all
+ *   POST  /wp-json/slashed/v1/tokens   - save a section
+ *   POST  /wp-json/slashed/v1/tokens/reset - reset a section or all
  *
  * Auth uses the WP REST nonce (X-WP-Nonce header). The nonce is generated
- * server-side and passed through window.slashedBricksApp.rest.nonce, so
+ * server-side and passed through window.slashedApp.rest.nonce, so
  * every request is automatically scoped to the logged-in admin.
  *
  * In the Vite dev harness rest.url is empty; we just log the payload and
diff --git a/integrations/bricks/admin-app/src/lib/stores.svelte.js b/integrations/bricks/admin-app/src/lib/stores.svelte.js
index 670921b7..c727f871 100644
--- a/integrations/bricks/admin-app/src/lib/stores.svelte.js
+++ b/integrations/bricks/admin-app/src/lib/stores.svelte.js
@@ -6,8 +6,8 @@
  * automatically re-render when it changes, and the live-preview derived
  * CSS recomputes for free.
  *
- * Hydrated once at module load from window.slashedBricksApp. The shape
- * mirrors the `slashed_bricks_tokens` wp_option exactly:
+ * Hydrated once at module load from window.slashedApp. The shape
+ * mirrors the `slashed_tokens` wp_option exactly:
  *
  *   tokens.<section>.<key> = string
  *
@@ -17,8 +17,8 @@
  * so the store stays a flat key-value map.
  */
 
-const bootstrap = typeof window !== 'undefined' && window.slashedBricksApp
-  ? window.slashedBricksApp
+const bootstrap = typeof window !== 'undefined' && window.slashedApp
+  ? window.slashedApp
   : { defaults: {}, settings: {}, tabs: {}, rest: { url: '', nonce: '' } };
 
 /** Read-only metadata: factory defaults, available tabs, REST handshake, inventory, plugin settings. */
diff --git a/integrations/bricks/admin-app/src/main.js b/integrations/bricks/admin-app/src/main.js
index 797a8843..b3599720 100644
--- a/integrations/bricks/admin-app/src/main.js
+++ b/integrations/bricks/admin-app/src/main.js
@@ -2,9 +2,9 @@
  * SLASHED admin SPA entry point.
  *
  * Mounts the Svelte app into the #slashed-admin-app element printed
- * by class-admin-page-svelte.php. All hydration data comes from
- * window.slashedBricksApp, which is populated server-side via
- * wp_localize_script (see Slashed_Bricks_Admin_Page_Svelte::enqueue).
+ * by class-token-page.php. All hydration data comes from
+ * window.slashedApp, which is populated server-side via
+ * wp_localize_script (see Slashed_Token_Page::enqueue_assets).
  *
  * Why a single mount and not per-tab islands: every tab shares the
  * same dirty-state, defaults, and live-preview state. Having one
diff --git a/integrations/bricks/assets/admin-app/app.js b/integrations/bricks/assets/admin-app/app.js
index 31168b53..7f59f50e 100644
--- a/integrations/bricks/assets/admin-app/app.js
+++ b/integrations/bricks/assets/admin-app/app.js
@@ -1,14 +1,14 @@
-var Rn=Object.defineProperty;var pr=e=>{throw TypeError(e)};var Mn=(e,t,s)=>t in e?Rn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var Xe=(e,t,s)=>Mn(e,typeof t!="symbol"?t+"":t,s),Fa=(e,t,s)=>t.has(e)||pr("Cannot "+s);var g=(e,t,s)=>(Fa(e,t,"read from private field"),s?s.call(e):t.get(e)),de=(e,t,s)=>t.has(e)?pr("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),ie=(e,t,s,a)=>(Fa(e,t,"write to private field"),a?a.call(e,s):t.set(e,s),s),we=(e,t,s)=>(Fa(e,t,"access private method"),s);var tr=Array.isArray,Vn=Array.prototype.indexOf,as=Array.prototype.includes,Sa=Array.from,Dn=Object.defineProperty,bs=Object.getOwnPropertyDescriptor,Ln=Object.getOwnPropertyDescriptors,Pn=Object.prototype,On=Array.prototype,Pr=Object.getPrototypeOf,hr=Object.isExtensible;const Or=()=>{};function In(e){for(var t=0;t<e.length;t++)e[t]()}function Ir(){var e,t,s=new Promise((a,n)=>{e=a,t=n});return{promise:s,resolve:e,reject:t}}function gt(e,t){if(Array.isArray(e))return e;if(t===void 0||!(Symbol.iterator in e))return Array.from(e);const s=[];for(const a of e)if(s.push(a),s.length===t)break;return s}const He=2,Cs=4,Ea=8,Br=1<<24,mt=16,xt=32,Ht=64,Ia=128,ct=512,Ie=1024,Ne=2048,Tt=4096,We=8192,dt=16384,fs=32768,Ba=1<<25,cs=65536,va=1<<17,Bn=1<<18,zs=1<<19,qn=1<<20,Ct=1<<25,ds=65536,fa=1<<21,ys=1<<22,Nt=1<<23,rs=Symbol("$state"),Kn=Symbol("legacy props"),Nn=Symbol(""),na=Symbol("attributes"),qa=Symbol("class"),Ka=Symbol("style"),Ms=Symbol("text"),ia=Symbol("form reset"),Aa=new class extends Error{constructor(){super(...arguments);Xe(this,"name","StaleReactionError");Xe(this,"message","The reaction that called `getAbortSignal()` was re-run or destroyed")}},Hn=!!globalThis.document?.contentType&&globalThis.document.contentType.includes("xml");function Un(){throw new Error("https://svelte.dev/e/async_derived_orphan")}function Gn(e,t,s){throw new Error("https://svelte.dev/e/each_key_duplicate")}function Wn(e){throw new Error("https://svelte.dev/e/effect_in_teardown")}function Xn(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}function Yn(e){throw new Error("https://svelte.dev/e/effect_orphan")}function Zn(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function Jn(e){throw new Error("https://svelte.dev/e/props_invalid_value")}function Qn(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function ei(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function ti(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}function si(){throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}const ai=1,ri=2,qr=4,ni=8,ii=16,li=1,oi=4,ci=8,di=16,ui=1,vi=2,Oe=Symbol("uninitialized"),Kr="http://www.w3.org/1999/xhtml";function fi(){console.warn("https://svelte.dev/e/derived_inert")}function pi(){console.warn("https://svelte.dev/e/select_multiple_invalid_value")}function hi(){console.warn("https://svelte.dev/e/svelte_boundary_reset_noop")}function Nr(e){return e===this.v}function _i(e,t){return e!=e?t==t:e!==t||e!==null&&typeof e=="object"||typeof e=="function"}function Hr(e){return!_i(e,this.v)}let at=null;function Ts(e){at=e}function Ce(e,t=!1,s){at={p:at,i:!1,c:null,e:null,s:e,x:null,r:be,l:null}}function Te(e){var t=at,s=t.e;if(s!==null){t.e=null;for(var a of s)pn(a)}return t.i=!0,at=t.p,{}}function Ur(){return!0}let Wt=[];function Gr(){var e=Wt;Wt=[],In(e)}function ns(e){if(Wt.length===0&&!Ls){var t=Wt;queueMicrotask(()=>{t===Wt&&Gr()})}Wt.push(e)}function gi(){for(;Wt.length>0;)Gr()}function Wr(e){var t=be;if(t===null)return me.f|=Nt,e;if((t.f&fs)===0&&(t.f&Cs)===0)throw e;Kt(e,t)}function Kt(e,t){for(;t!==null;){if((t.f&Ia)!==0){if((t.f&fs)===0)throw e;try{t.b.error(e);return}catch(s){e=s}}t=t.parent}throw e}const mi=-7169;function ze(e,t){e.f=e.f&mi|t}function sr(e){(e.f&ct)!==0||e.deps===null?ze(e,Ie):ze(e,Tt)}function Xr(e){if(e!==null)for(const t of e)(t.f&He)===0||(t.f&ds)===0||(t.f^=ds,Xr(t.deps))}function Yr(e,t,s){(e.f&Ne)!==0?t.add(e):(e.f&Tt)!==0&&s.add(e),Xr(e.deps),ze(e,Ie)}let ta=!1;function bi(e){var t=ta;try{return ta=!1,[e(),ta]}finally{ta=t}}let Ra=null,hs=null,ue=null,Na=null,bt=null,Ha=null,Ls=!1,Ma=!1,ms=null,la=null;var _r=0;let yi=1;var ws,It,Zt,xs,ks,Jt,Ss,Ft,Ns,et,Hs,Bt,St,Et,Es,Qt,ke,Ua,Vs,Ga,Zr,Jr,oa,wi,Wa,gs;const wa=class wa{constructor(){de(this,ke);Xe(this,"id",yi++);de(this,ws,!1);Xe(this,"linked",!0);de(this,It,null);de(this,Zt,null);Xe(this,"async_deriveds",new Map);Xe(this,"current",new Map);Xe(this,"previous",new Map);Xe(this,"unblocked",new Set);de(this,xs,new Set);de(this,ks,new Set);de(this,Jt,new Set);de(this,Ss,0);de(this,Ft,new Map);de(this,Ns,null);de(this,et,[]);de(this,Hs,[]);de(this,Bt,new Set);de(this,St,new Set);de(this,Et,new Map);de(this,Es,new Set);Xe(this,"is_fork",!1);de(this,Qt,!1)}skip_effect(t){g(this,Et).has(t)||g(this,Et).set(t,{d:[],m:[]}),g(this,Es).delete(t)}unskip_effect(t,s=a=>this.schedule(a)){var a=g(this,Et).get(t);if(a){g(this,Et).delete(t);for(var n of a.d)ze(n,Ne),s(n);for(n of a.m)ze(n,Tt),s(n)}g(this,Es).add(t)}capture(t,s,a=!1){t.v!==Oe&&!this.previous.has(t)&&this.previous.set(t,t.v),(t.f&Nt)===0&&(this.current.set(t,[s,a]),bt?.set(t,s)),this.is_fork||(t.v=s)}activate(){ue=this}deactivate(){ue=null,bt=null}flush(){try{Ma=!0,ue=this,we(this,ke,Vs).call(this)}finally{_r=0,Ha=null,ms=null,la=null,Ma=!1,ue=null,bt=null,is.clear()}}discard(){for(const t of g(this,ks))t(this);g(this,ks).clear(),g(this,Jt).clear(),we(this,ke,gs).call(this)}register_created_effect(t){g(this,Hs).push(t)}increment(t,s){if(ie(this,Ss,g(this,Ss)+1),t){let a=g(this,Ft).get(s)??0;g(this,Ft).set(s,a+1)}}decrement(t,s){if(ie(this,Ss,g(this,Ss)-1),t){let a=g(this,Ft).get(s)??0;a===1?g(this,Ft).delete(s):g(this,Ft).set(s,a-1)}g(this,Qt)||(ie(this,Qt,!0),ns(()=>{ie(this,Qt,!1),this.linked&&this.flush()}))}transfer_effects(t,s){for(const a of t)g(this,Bt).add(a);for(const a of s)g(this,St).add(a);t.clear(),s.clear()}oncommit(t){g(this,xs).add(t)}ondiscard(t){g(this,ks).add(t)}on_fork_commit(t){g(this,Jt).add(t)}run_fork_commit_callbacks(){for(const t of g(this,Jt))t(this);g(this,Jt).clear()}settled(){return(g(this,Ns)??ie(this,Ns,Ir())).promise}static ensure(){var t;if(ue===null){const s=ue=new wa;we(t=s,ke,Wa).call(t),!Ma&&!Ls&&ns(()=>{g(s,ws)||s.flush()})}return ue}apply(){{bt=null;return}}schedule(t){if(Ha=t,t.b?.is_pending&&(t.f&(Cs|Ea|Br))!==0&&(t.f&fs)===0){t.b.defer_effect(t);return}for(var s=t;s.parent!==null;){s=s.parent;var a=s.f;if(ms!==null&&s===be&&(me===null||(me.f&He)===0))return;if((a&(Ht|xt))!==0){if((a&Ie)===0)return;s.f^=Ie}}g(this,et).push(s)}};ws=new WeakMap,It=new WeakMap,Zt=new WeakMap,xs=new WeakMap,ks=new WeakMap,Jt=new WeakMap,Ss=new WeakMap,Ft=new WeakMap,Ns=new WeakMap,et=new WeakMap,Hs=new WeakMap,Bt=new WeakMap,St=new WeakMap,Et=new WeakMap,Es=new WeakMap,Qt=new WeakMap,ke=new WeakSet,Ua=function(){if(this.is_fork)return!0;for(const a of g(this,Ft).keys()){for(var t=a,s=!1;t.parent!==null;){if(g(this,Et).has(t)){s=!0;break}t=t.parent}if(!s)return!0}return!1},Vs=function(){var o,v,p;if(ie(this,ws,!0),_r++>1e3&&(we(this,ke,gs).call(this),ki()),!we(this,ke,Ua).call(this)){for(const h of g(this,Bt))g(this,St).delete(h),ze(h,Ne),this.schedule(h);for(const h of g(this,St))ze(h,Tt),this.schedule(h)}const t=g(this,et);ie(this,et,[]),this.apply();var s=ms=[],a=[],n=la=[];for(const h of t)try{we(this,ke,Ga).call(this,h,s,a)}catch(f){throw tn(h),f}if(ue=null,n.length>0){var i=wa.ensure();for(const h of n)i.schedule(h)}if(ms=null,la=null,we(this,ke,Ua).call(this)){we(this,ke,oa).call(this,a),we(this,ke,oa).call(this,s);for(const[h,f]of g(this,Et))en(h,f);n.length>0&&we(o=ue,ke,Vs).call(o);return}const l=we(this,ke,Zr).call(this);if(l){we(v=l,ke,Jr).call(v,this);return}g(this,Bt).clear(),g(this,St).clear();for(const h of g(this,xs))h(this);g(this,xs).clear(),Na=this,gr(a),gr(s),Na=null,g(this,Ns)?.resolve();var d=ue;if(this.linked&&g(this,Ss)===0&&we(this,ke,gs).call(this),g(this,et).length>0){d===null&&(d=this,we(this,ke,Wa).call(this));const h=d;g(h,et).push(...g(this,et).filter(f=>!g(h,et).includes(f)))}d!==null&&we(p=d,ke,Vs).call(p)},Ga=function(t,s,a){t.f^=Ie;for(var n=t.first;n!==null;){var i=n.f,l=(i&(xt|Ht))!==0,d=l&&(i&Ie)!==0,o=d||(i&We)!==0||g(this,Et).has(n);if(!o&&n.fn!==null){l?n.f^=Ie:(i&Cs)!==0?s.push(n):Zs(n)&&((i&mt)!==0&&g(this,St).add(n),$s(n));var v=n.first;if(v!==null){n=v;continue}}for(;n!==null;){var p=n.next;if(p!==null){n=p;break}n=n.parent}}},Zr=function(){for(var t=g(this,It);t!==null;){if(!t.is_fork){for(const[s,[,a]]of this.current)if(t.current.has(s)&&!a)return t}t=g(t,It)}return null},Jr=function(t){var a;for(const[n,i]of t.current)!this.previous.has(n)&&t.previous.has(n)&&this.previous.set(n,t.previous.get(n)),this.current.set(n,i);for(const[n,i]of t.async_deriveds){const l=this.async_deriveds.get(n);l&&i.promise.then(l.resolve)}const s=n=>{var i=n.reactions;if(i!==null)for(const o of i){var l=o.f;if((l&He)!==0)s(o);else{var d=o;l&(ys|mt)&&!this.async_deriveds.has(d)&&(g(this,St).delete(d),ze(d,Ne),this.schedule(d))}}};for(const n of this.current.keys())s(n);this.oncommit(()=>t.discard()),we(a=t,ke,gs).call(a),ue=this,we(this,ke,Vs).call(this)},oa=function(t){for(var s=0;s<t.length;s+=1)Yr(t[s],g(this,Bt),g(this,St))},wi=function(){var p;we(this,ke,gs).call(this);for(let h=Ra;h!==null;h=g(h,Zt)){var t=h.id<this.id,s=[];for(const[f,[m,b]]of this.current){if(h.current.has(f)){var a=h.current.get(f)[0];if(t&&m!==a)h.current.set(f,[m,b]);else continue}s.push(f)}if(t)for(const[f,m]of this.async_deriveds){const b=h.async_deriveds.get(f);b&&m.promise.then(b.resolve)}if(g(h,ws)){var n=[...h.current.keys()].filter(f=>!this.current.has(f));if(n.length===0)t&&h.discard();else if(s.length>0){if(t)for(const f of g(this,Es))h.unskip_effect(f,m=>{var b;(m.f&(mt|ys))!==0?h.schedule(m):we(b=h,ke,oa).call(b,[m])});h.activate();var i=new Set,l=new Map;for(var d of s)Qr(d,n,i,l);l=new Map;var o=[...h.current.keys()].filter(f=>this.current.has(f)?this.current.get(f)[0]!==f.v:!0);if(o.length>0)for(const f of g(this,Hs))(f.f&(dt|We|va))===0&&ar(f,o,l)&&((f.f&(ys|mt))!==0?(ze(f,Ne),h.schedule(f)):g(h,Bt).add(f));if(g(h,et).length>0&&!g(h,Qt)){h.apply();for(var v of g(h,et))we(p=h,ke,Ga).call(p,v,[],[]);ie(h,et,[])}h.deactivate()}}}},Wa=function(){hs===null?Ra=hs=this:(ie(hs,Zt,this),ie(this,It,hs)),hs=this},gs=function(){var t=g(this,It),s=g(this,Zt);t===null?Ra=s:ie(t,Zt,s),s===null?hs=t:ie(s,It,t),this.linked=!1};let us=wa;function xi(e){var t=Ls;Ls=!0;try{for(var s;;){if(gi(),ue===null)return s;ue.flush()}}finally{Ls=t}}function ki(){try{Zn()}catch(e){Kt(e,Ha)}}let zt=null;function gr(e){var t=e.length;if(t!==0){for(var s=0;s<t;){var a=e[s++];if((a.f&(dt|We))===0&&Zs(a)&&(zt=new Set,$s(a),a.deps===null&&a.first===null&&a.nodes===null&&a.teardown===null&&a.ac===null&&gn(a),zt?.size>0)){is.clear();for(const n of zt){if((n.f&(dt|We))!==0)continue;const i=[n];let l=n.parent;for(;l!==null;)zt.has(l)&&(zt.delete(l),i.push(l)),l=l.parent;for(let d=i.length-1;d>=0;d--){const o=i[d];(o.f&(dt|We))===0&&$s(o)}}zt.clear()}}zt=null}}function Qr(e,t,s,a){if(!s.has(e)&&(s.add(e),e.reactions!==null))for(const n of e.reactions){const i=n.f;(i&He)!==0?Qr(n,t,s,a):(i&(ys|mt))!==0&&(i&Ne)===0&&ar(n,t,a)&&(ze(n,Ne),rr(n))}}function ar(e,t,s){const a=s.get(e);if(a!==void 0)return a;if(e.deps!==null)for(const n of e.deps){if(as.call(t,n))return!0;if((n.f&He)!==0&&ar(n,t,s))return s.set(n,!0),!0}return s.set(e,!1),!1}function rr(e){ue.schedule(e)}function en(e,t){if(!((e.f&xt)!==0&&(e.f&Ie)!==0)){(e.f&Ne)!==0?t.d.push(e):(e.f&Tt)!==0&&t.m.push(e),ze(e,Ie);for(var s=e.first;s!==null;)en(s,t),s=s.next}}function tn(e){ze(e,Ie);for(var t=e.first;t!==null;)tn(t),t=t.next}function Si(e){let t=0,s=vs(0),a;return()=>{or()&&(r(s),Ca(()=>(t===0&&(a=Js(()=>e(()=>Ps(s)))),t+=1,()=>{ns(()=>{t-=1,t===0&&(a?.(),a=void 0,Ps(s))})})))}}var Ei=cs|zs;function Ai(e,t,s,a){new Ci(e,t,s,a)}var nt,er,it,es,Ye,lt,Ge,tt,Rt,ts,qt,As,Us,Gs,Mt,xa,Re,Ti,ji,$i,Xa,ca,da,Ya,Za;class Ci{constructor(t,s,a,n){de(this,Re);Xe(this,"parent");Xe(this,"is_pending",!1);Xe(this,"transform_error");de(this,nt);de(this,er,null);de(this,it);de(this,es);de(this,Ye);de(this,lt,null);de(this,Ge,null);de(this,tt,null);de(this,Rt,null);de(this,ts,0);de(this,qt,0);de(this,As,!1);de(this,Us,new Set);de(this,Gs,new Set);de(this,Mt,null);de(this,xa,Si(()=>(ie(this,Mt,vs(g(this,ts))),()=>{ie(this,Mt,null)})));ie(this,nt,t),ie(this,it,s),ie(this,es,i=>{var l=be;l.b=this,l.f|=Ia,a(i)}),this.parent=be.b,this.transform_error=n??this.parent?.transform_error??(i=>i),ie(this,Ye,Ta(()=>{we(this,Re,Xa).call(this)},Ei))}defer_effect(t){Yr(t,g(this,Us),g(this,Gs))}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!g(this,it).pending}update_pending_count(t,s){we(this,Re,Ya).call(this,t,s),ie(this,ts,g(this,ts)+t),!(!g(this,Mt)||g(this,As))&&(ie(this,As,!0),ns(()=>{ie(this,As,!1),g(this,Mt)&&js(g(this,Mt),g(this,ts))}))}get_effect_pending(){return g(this,xa).call(this),r(g(this,Mt))}error(t){if(!g(this,it).onerror&&!g(this,it).failed)throw t;ue?.is_fork?(g(this,lt)&&ue.skip_effect(g(this,lt)),g(this,Ge)&&ue.skip_effect(g(this,Ge)),g(this,tt)&&ue.skip_effect(g(this,tt)),ue.on_fork_commit(()=>{we(this,Re,Za).call(this,t)})):we(this,Re,Za).call(this,t)}}nt=new WeakMap,er=new WeakMap,it=new WeakMap,es=new WeakMap,Ye=new WeakMap,lt=new WeakMap,Ge=new WeakMap,tt=new WeakMap,Rt=new WeakMap,ts=new WeakMap,qt=new WeakMap,As=new WeakMap,Us=new WeakMap,Gs=new WeakMap,Mt=new WeakMap,xa=new WeakMap,Re=new WeakSet,Ti=function(){try{ie(this,lt,ot(()=>g(this,es).call(this,g(this,nt))))}catch(t){this.error(t)}},ji=function(t){const s=g(this,it).failed;s&&ie(this,tt,ot(()=>{s(g(this,nt),()=>t,()=>()=>{})}))},$i=function(){const t=g(this,it).pending;t&&(this.is_pending=!0,ie(this,Ge,ot(()=>t(g(this,nt)))),ns(()=>{var s=ie(this,Rt,document.createDocumentFragment()),a=Vt();s.append(a),ie(this,lt,we(this,Re,da).call(this,()=>ot(()=>g(this,es).call(this,a)))),g(this,qt)===0&&(g(this,nt).before(s),ie(this,Rt,null),ls(g(this,Ge),()=>{ie(this,Ge,null)}),we(this,Re,ca).call(this,ue))}))},Xa=function(){try{if(this.is_pending=this.has_pending_snippet(),ie(this,qt,0),ie(this,ts,0),ie(this,lt,ot(()=>{g(this,es).call(this,g(this,nt))})),g(this,qt)>0){var t=ie(this,Rt,document.createDocumentFragment());ur(g(this,lt),t);const s=g(this,it).pending;ie(this,Ge,ot(()=>s(g(this,nt))))}else we(this,Re,ca).call(this,ue)}catch(s){this.error(s)}},ca=function(t){this.is_pending=!1,t.transfer_effects(g(this,Us),g(this,Gs))},da=function(t){var s=be,a=me,n=at;jt(g(this,Ye)),ft(g(this,Ye)),Ts(g(this,Ye).ctx);try{return us.ensure(),t()}catch(i){return Wr(i),null}finally{jt(s),ft(a),Ts(n)}},Ya=function(t,s){var a;if(!this.has_pending_snippet()){this.parent&&we(a=this.parent,Re,Ya).call(a,t,s);return}ie(this,qt,g(this,qt)+t),g(this,qt)===0&&(we(this,Re,ca).call(this,s),g(this,Ge)&&ls(g(this,Ge),()=>{ie(this,Ge,null)}),g(this,Rt)&&(g(this,nt).before(g(this,Rt)),ie(this,Rt,null)))},Za=function(t){g(this,lt)&&(Je(g(this,lt)),ie(this,lt,null)),g(this,Ge)&&(Je(g(this,Ge)),ie(this,Ge,null)),g(this,tt)&&(Je(g(this,tt)),ie(this,tt,null));var s=g(this,it).onerror;let a=g(this,it).failed;var n=!1,i=!1;const l=()=>{if(n){hi();return}n=!0,i&&si(),g(this,tt)!==null&&ls(g(this,tt),()=>{ie(this,tt,null)}),we(this,Re,da).call(this,()=>{we(this,Re,Xa).call(this)})},d=o=>{try{i=!0,s?.(o,l),i=!1}catch(v){Kt(v,g(this,Ye)&&g(this,Ye).parent)}a&&ie(this,tt,we(this,Re,da).call(this,()=>{try{return ot(()=>{var v=be;v.b=this,v.f|=Ia,a(g(this,nt),()=>o,()=>l)})}catch(v){return Kt(v,g(this,Ye).parent),null}}))};ns(()=>{var o;try{o=this.transform_error(t)}catch(v){Kt(v,g(this,Ye)&&g(this,Ye).parent);return}o!==null&&typeof o=="object"&&typeof o.then=="function"?o.then(d,v=>Kt(v,g(this,Ye)&&g(this,Ye).parent)):d(o)})};function zi(e,t,s,a){const n=Is;var i=e.filter(f=>!f.settled);if(s.length===0&&i.length===0){a(t.map(n));return}var l=be,d=Fi(),o=i.length===1?i[0].promise:i.length>1?Promise.all(i.map(f=>f.promise)):null;function v(f){if((l.f&dt)===0){d();try{a(f)}catch(m){Kt(m,l)}pa()}}var p=sn();if(s.length===0){o.then(()=>v(t.map(n))).finally(p);return}function h(){Promise.all(s.map(f=>Ri(f))).then(f=>v([...t.map(n),...f])).catch(f=>Kt(f,l)).finally(p)}o?o.then(()=>{d(),h(),pa()}):h()}function Fi(){var e=be,t=me,s=at,a=ue;return function(i=!0){jt(e),ft(t),Ts(s),i&&(e.f&dt)===0&&(a?.activate(),a?.apply())}}function pa(e=!0){jt(null),ft(null),Ts(null),e&&ue?.deactivate()}function sn(){var e=be,t=e.b,s=ue,a=t.is_rendered();return t.update_pending_count(1,s),s.increment(a,e),()=>{t.update_pending_count(-1,s),s.decrement(a,e)}}function Is(e){var t=He|Ne;return be!==null&&(be.f|=zs),{ctx:at,deps:null,effects:null,equals:Nr,f:t,fn:e,reactions:null,rv:0,v:Oe,wv:0,parent:be,ac:null}}const sa=Symbol("obsolete");function Ri(e,t,s){let a=be;a===null&&Un();var n=void 0,i=vs(Oe),l=!me,d=new Set;return Ui(()=>{var o=be,v=Ir();n=v.promise;try{Promise.resolve(e()).then(v.resolve,m=>{m!==Aa&&v.reject(m)}).finally(pa)}catch(m){v.reject(m),pa()}var p=ue;if(l){if((o.f&fs)!==0)var h=sn();if(a.b.is_rendered())p.async_deriveds.get(o)?.reject(sa);else for(const m of d.values())m.reject(sa);d.add(v),p.async_deriveds.set(o,v)}const f=(m,b=void 0)=>{h?.(),d.delete(v),b!==sa&&(p.activate(),b?(i.f|=Nt,js(i,b)):((i.f&Nt)!==0&&(i.f^=Nt),js(i,m)),p.deactivate())};v.promise.then(f,m=>f(null,m||"unknown"))}),fn(()=>{for(const o of d)o.reject(sa)}),new Promise(o=>{function v(p){function h(){p===n?o(i):v(n)}p.then(h,h)}v(n)})}function x(e){const t=Is(e);return yn(t),t}function an(e){const t=Is(e);return t.equals=Hr,t}function Mi(e){var t=e.effects;if(t!==null){e.effects=null;for(var s=0;s<t.length;s+=1)Je(t[s])}}function nr(e){var t,s=be,a=e.parent;if(!Lt&&a!==null&&e.v!==Oe&&(a.f&(dt|We))!==0)return fi(),e.v;jt(a);try{e.f&=~ds,Mi(e),t=Sn(e)}finally{jt(s)}return t}function rn(e){var t=nr(e);if(!e.equals(t)&&(e.wv=xn(),(!ue?.is_fork||e.deps===null)&&(ue!==null?(ue.capture(e,t,!0),Na?.capture(e,t,!0)):e.v=t,e.deps===null))){ze(e,Ie);return}Lt||(bt!==null?(or()||ue?.is_fork)&&bt.set(e,t):sr(e))}function Vi(e){if(e.effects!==null)for(const t of e.effects)(t.teardown||t.ac)&&(t.teardown?.(),t.ac?.abort(Aa),t.fn!==null&&(t.teardown=Or),t.ac=null,Bs(t,0),cr(t))}function nn(e){if(e.effects!==null)for(const t of e.effects)t.teardown&&t.fn!==null&&$s(t)}let ha=new Set;const is=new Map;let ln=!1;function vs(e,t){var s={f:0,v:e,reactions:null,equals:Nr,rv:0,wv:0};return s}function le(e,t){const s=vs(e);return yn(s),s}function Di(e,t=!1,s=!0){const a=vs(e);return t||(a.equals=Hr),a}function W(e,t,s=!1){me!==null&&(!yt||(me.f&va)!==0)&&Ur()&&(me.f&(He|mt|ys|va))!==0&&(ut===null||!as.call(ut,e))&&ti();let a=s?Be(t):t;return js(e,a,la)}function js(e,t,s=null){if(!e.equals(t)){is.set(e,Lt?t:e.v);var a=us.ensure();if(a.capture(e,t),(e.f&He)!==0){const n=e;(e.f&Ne)!==0&&nr(n),bt===null&&sr(n)}e.wv=xn(),on(e,Ne,s),be!==null&&(be.f&Ie)!==0&&(be.f&(xt|Ht))===0&&(rt===null?Xi([e]):rt.push(e)),!a.is_fork&&ha.size>0&&!ln&&Li()}return t}function Li(){ln=!1;for(const e of ha){(e.f&Ie)!==0&&ze(e,Tt);let t;try{t=Zs(e)}catch{t=!0}t&&$s(e)}ha.clear()}function Ps(e){W(e,e.v+1)}function on(e,t,s){var a=e.reactions;if(a!==null)for(var n=a.length,i=0;i<n;i++){var l=a[i],d=l.f,o=(d&Ne)===0;if(o&&ze(l,t),(d&va)!==0)ha.add(l);else if((d&He)!==0){var v=l;bt?.delete(v),(d&ds)===0&&(d&ct&&(be===null||(be.f&fa)===0)&&(l.f|=ds),on(v,Tt,s))}else if(o){var p=l;(d&mt)!==0&&zt!==null&&zt.add(p),s!==null?s.push(p):rr(p)}}}function Be(e){if(typeof e!="object"||e===null||rs in e)return e;const t=Pr(e);if(t!==Pn&&t!==On)return e;var s=new Map,a=tr(e),n=le(0),i=os,l=d=>{if(os===i)return d();var o=me,v=os;ft(null),xr(i);var p=d();return ft(o),xr(v),p};return a&&s.set("length",le(e.length)),new Proxy(e,{defineProperty(d,o,v){(!("value"in v)||v.configurable===!1||v.enumerable===!1||v.writable===!1)&&Qn();var p=s.get(o);return p===void 0?l(()=>{var h=le(v.value);return s.set(o,h),h}):W(p,v.value,!0),!0},deleteProperty(d,o){var v=s.get(o);if(v===void 0){if(o in d){const p=l(()=>le(Oe));s.set(o,p),Ps(n)}}else W(v,Oe),Ps(n);return!0},get(d,o,v){if(o===rs)return e;var p=s.get(o),h=o in d;if(p===void 0&&(!h||bs(d,o)?.writable)&&(p=l(()=>{var m=Be(h?d[o]:Oe),b=le(m);return b}),s.set(o,p)),p!==void 0){var f=r(p);return f===Oe?void 0:f}return Reflect.get(d,o,v)},getOwnPropertyDescriptor(d,o){var v=Reflect.getOwnPropertyDescriptor(d,o);if(v&&"value"in v){var p=s.get(o);p&&(v.value=r(p))}else if(v===void 0){var h=s.get(o),f=h?.v;if(h!==void 0&&f!==Oe)return{enumerable:!0,configurable:!0,value:f,writable:!0}}return v},has(d,o){if(o===rs)return!0;var v=s.get(o),p=v!==void 0&&v.v!==Oe||Reflect.has(d,o);if(v!==void 0||be!==null&&(!p||bs(d,o)?.writable)){v===void 0&&(v=l(()=>{var f=p?Be(d[o]):Oe,m=le(f);return m}),s.set(o,v));var h=r(v);if(h===Oe)return!1}return p},set(d,o,v,p){var h=s.get(o),f=o in d;if(a&&o==="length")for(var m=v;m<h.v;m+=1){var b=s.get(m+"");b!==void 0?W(b,Oe):m in d&&(b=l(()=>le(Oe)),s.set(m+"",b))}if(h===void 0)(!f||bs(d,o)?.writable)&&(h=l(()=>le(void 0)),W(h,Be(v)),s.set(o,h));else{f=h.v!==Oe;var w=l(()=>Be(v));W(h,w)}var _=Reflect.getOwnPropertyDescriptor(d,o);if(_?.set&&_.set.call(p,v),!f){if(a&&typeof o=="string"){var y=s.get("length"),E=Number(o);Number.isInteger(E)&&E>=y.v&&W(y,E+1)}Ps(n)}return!0},ownKeys(d){r(n);var o=Reflect.ownKeys(d).filter(h=>{var f=s.get(h);return f===void 0||f.v!==Oe});for(var[v,p]of s)p.v!==Oe&&!(v in d)&&o.push(v);return o},setPrototypeOf(){ei()}})}function mr(e){try{if(e!==null&&typeof e=="object"&&rs in e)return e[rs]}catch{}return e}function Pi(e,t){return Object.is(mr(e),mr(t))}var br,cn,dn,un;function Oi(){if(br===void 0){br=window,cn=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,s=Text.prototype;dn=bs(t,"firstChild").get,un=bs(t,"nextSibling").get,hr(e)&&(e[qa]=void 0,e[na]=null,e[Ka]=void 0,e.__e=void 0),hr(s)&&(s[Ms]=void 0)}}function Vt(e=""){return document.createTextNode(e)}function _a(e){return dn.call(e)}function Ys(e){return un.call(e)}function c(e,t){return _a(e)}function vt(e,t=!1){{var s=_a(e);return s instanceof Comment&&s.data===""?Ys(s):s}}function u(e,t=1,s=!1){let a=e;for(;t--;)a=Ys(a);return a}function Ii(e){e.textContent=""}function vn(){return!1}function Bi(e,t,s){return document.createElementNS(Kr,e,void 0)}let yr=!1;function qi(){yr||(yr=!0,document.addEventListener("reset",e=>{Promise.resolve().then(()=>{if(!e.defaultPrevented)for(const t of e.target.elements)t[ia]?.()})},{capture:!0}))}function ir(e){var t=me,s=be;ft(null),jt(null);try{return e()}finally{ft(t),jt(s)}}function lr(e,t,s,a=s){e.addEventListener(t,()=>ir(s));const n=e[ia];n?e[ia]=()=>{n(),a(!0)}:e[ia]=()=>a(!0),qi()}function Ki(e){be===null&&(me===null&&Yn(),Xn()),Lt&&Wn()}function Ni(e,t){var s=t.last;s===null?t.last=t.first=e:(s.next=e,e.prev=s,t.last=e)}function Pt(e,t){var s=be;s!==null&&(s.f&We)!==0&&(e|=We);var a={ctx:at,deps:null,nodes:null,f:e|Ne|ct,first:null,fn:t,last:null,next:null,parent:s,b:s&&s.b,prev:null,teardown:null,wv:0,ac:null};ue?.register_created_effect(a);var n=a;if((e&Cs)!==0)ms!==null?ms.push(a):us.ensure().schedule(a);else if(t!==null){try{$s(a)}catch(l){throw Je(a),l}n.deps===null&&n.teardown===null&&n.nodes===null&&n.first===n.last&&(n.f&zs)===0&&(n=n.first,(e&mt)!==0&&(e&cs)!==0&&n!==null&&(n.f|=cs))}if(n!==null&&(n.parent=s,s!==null&&Ni(n,s),me!==null&&(me.f&He)!==0&&(e&Ht)===0)){var i=me;(i.effects??(i.effects=[])).push(n)}return a}function or(){return me!==null&&!yt}function fn(e){const t=Pt(Ea,null);return ze(t,Ie),t.teardown=e,t}function ga(e){Ki();var t=be.f,s=!me&&(t&xt)!==0&&(t&fs)===0;if(s){var a=at;(a.e??(a.e=[])).push(e)}else return pn(e)}function pn(e){return Pt(Cs|qn,e)}function Hi(e){us.ensure();const t=Pt(Ht|zs,e);return(s={})=>new Promise(a=>{s.outro?ls(t,()=>{Je(t),a(void 0)}):(Je(t),a(void 0))})}function hn(e){return Pt(Cs,e)}function Ui(e){return Pt(ys|zs,e)}function Ca(e,t=0){return Pt(Ea|t,e)}function B(e,t=[],s=[],a=[]){zi(a,t,s,n=>{Pt(Ea,()=>e(...n.map(r)))})}function Ta(e,t=0){var s=Pt(mt|t,e);return s}function ot(e){return Pt(xt|zs,e)}function _n(e){var t=e.teardown;if(t!==null){const s=Lt,a=me;wr(!0),ft(null);try{t.call(null)}finally{wr(s),ft(a)}}}function cr(e,t=!1){var s=e.first;for(e.first=e.last=null;s!==null;){const n=s.ac;n!==null&&ir(()=>{n.abort(Aa)});var a=s.next;(s.f&Ht)!==0?s.parent=null:Je(s,t),s=a}}function Gi(e){for(var t=e.first;t!==null;){var s=t.next;(t.f&xt)===0&&Je(t),t=s}}function Je(e,t=!0){var s=!1;(t||(e.f&Bn)!==0)&&e.nodes!==null&&e.nodes.end!==null&&(Wi(e.nodes.start,e.nodes.end),s=!0),ze(e,Ba),cr(e,t&&!s),Bs(e,0);var a=e.nodes&&e.nodes.t;if(a!==null)for(const i of a)i.stop();_n(e),e.f^=Ba,e.f|=dt;var n=e.parent;n!==null&&n.first!==null&&gn(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=e.b=null}function Wi(e,t){for(;e!==null;){var s=e===t?null:Ys(e);e.remove(),e=s}}function gn(e){var t=e.parent,s=e.prev,a=e.next;s!==null&&(s.next=a),a!==null&&(a.prev=s),t!==null&&(t.first===e&&(t.first=a),t.last===e&&(t.last=s))}function ls(e,t,s=!0){var a=[];mn(e,a,!0);var n=()=>{s&&Je(e),t&&t()},i=a.length;if(i>0){var l=()=>--i||n();for(var d of a)d.out(l)}else n()}function mn(e,t,s){if((e.f&We)===0){e.f^=We;var a=e.nodes&&e.nodes.t;if(a!==null)for(const d of a)(d.is_global||s)&&t.push(d);for(var n=e.first;n!==null;){var i=n.next;if((n.f&Ht)===0){var l=(n.f&cs)!==0||(n.f&xt)!==0&&(e.f&mt)!==0;mn(n,t,l?s:!1)}n=i}}}function dr(e){bn(e,!0)}function bn(e,t){if((e.f&We)!==0){e.f^=We,(e.f&Ie)===0&&(ze(e,Ne),us.ensure().schedule(e));for(var s=e.first;s!==null;){var a=s.next,n=(s.f&cs)!==0||(s.f&xt)!==0;bn(s,n?t:!1),s=a}var i=e.nodes&&e.nodes.t;if(i!==null)for(const l of i)(l.is_global||t)&&l.in()}}function ur(e,t){if(e.nodes)for(var s=e.nodes.start,a=e.nodes.end;s!==null;){var n=s===a?null:Ys(s);t.append(s),s=n}}let ua=!1,Lt=!1;function wr(e){Lt=e}let me=null,yt=!1;function ft(e){me=e}let be=null;function jt(e){be=e}let ut=null;function yn(e){me!==null&&(ut===null?ut=[e]:ut.push(e))}let Ze=null,Qe=0,rt=null;function Xi(e){rt=e}let wn=1,Xt=0,os=Xt;function xr(e){os=e}function xn(){return++wn}function Zs(e){var t=e.f;if((t&Ne)!==0)return!0;if(t&He&&(e.f&=~ds),(t&Tt)!==0){for(var s=e.deps,a=s.length,n=0;n<a;n++){var i=s[n];if(Zs(i)&&rn(i),i.wv>e.wv)return!0}(t&ct)!==0&&bt===null&&ze(e,Ie)}return!1}function kn(e,t,s=!0){var a=e.reactions;if(a!==null&&!(ut!==null&&as.call(ut,e)))for(var n=0;n<a.length;n++){var i=a[n];(i.f&He)!==0?kn(i,t,!1):t===i&&(s?ze(i,Ne):(i.f&Ie)!==0&&ze(i,Tt),rr(i))}}function Sn(e){var w;var t=Ze,s=Qe,a=rt,n=me,i=ut,l=at,d=yt,o=os,v=e.f;Ze=null,Qe=0,rt=null,me=(v&(xt|Ht))===0?e:null,ut=null,Ts(e.ctx),yt=!1,os=++Xt,e.ac!==null&&(ir(()=>{e.ac.abort(Aa)}),e.ac=null);try{e.f|=fa;var p=e.fn,h=p();e.f|=fs;var f=e.deps,m=ue?.is_fork;if(Ze!==null){var b;if(m||Bs(e,Qe),f!==null&&Qe>0)for(f.length=Qe+Ze.length,b=0;b<Ze.length;b++)f[Qe+b]=Ze[b];else e.deps=f=Ze;if(or()&&(e.f&ct)!==0)for(b=Qe;b<f.length;b++)((w=f[b]).reactions??(w.reactions=[])).push(e)}else!m&&f!==null&&Qe<f.length&&(Bs(e,Qe),f.length=Qe);if(Ur()&&rt!==null&&!yt&&f!==null&&(e.f&(He|Tt|Ne))===0)for(b=0;b<rt.length;b++)kn(rt[b],e);if(n!==null&&n!==e){if(Xt++,n.deps!==null)for(let _=0;_<s;_+=1)n.deps[_].rv=Xt;if(t!==null)for(const _ of t)_.rv=Xt;rt!==null&&(a===null?a=rt:a.push(...rt))}return(e.f&Nt)!==0&&(e.f^=Nt),h}catch(_){return Wr(_)}finally{e.f^=fa,Ze=t,Qe=s,rt=a,me=n,ut=i,Ts(l),yt=d,os=o}}function Yi(e,t){let s=t.reactions;if(s!==null){var a=Vn.call(s,e);if(a!==-1){var n=s.length-1;n===0?s=t.reactions=null:(s[a]=s[n],s.pop())}}if(s===null&&(t.f&He)!==0&&(Ze===null||!as.call(Ze,t))){var i=t;(i.f&ct)!==0&&(i.f^=ct,i.f&=~ds),i.v!==Oe&&sr(i),Vi(i),Bs(i,0)}}function Bs(e,t){var s=e.deps;if(s!==null)for(var a=t;a<s.length;a++)Yi(e,s[a])}function $s(e){var t=e.f;if((t&dt)===0){ze(e,Ie);var s=be,a=ua;be=e,ua=!0;try{(t&(mt|Br))!==0?Gi(e):cr(e),_n(e);var n=Sn(e);e.teardown=typeof n=="function"?n:null,e.wv=wn;var i}finally{ua=a,be=s}}}async function Zi(){await Promise.resolve(),xi()}function r(e){var t=e.f,s=(t&He)!==0;if(me!==null&&!yt){var a=be!==null&&(be.f&dt)!==0;if(!a&&(ut===null||!as.call(ut,e))){var n=me.deps;if((me.f&fa)!==0)e.rv<Xt&&(e.rv=Xt,Ze===null&&n!==null&&n[Qe]===e?Qe++:Ze===null?Ze=[e]:Ze.push(e));else{me.deps??(me.deps=[]),as.call(me.deps,e)||me.deps.push(e);var i=e.reactions;i===null?e.reactions=[me]:as.call(i,me)||i.push(me)}}}if(Lt&&is.has(e))return is.get(e);if(s){var l=e;if(Lt){var d=l.v;return((l.f&Ie)===0&&l.reactions!==null||An(l))&&(d=nr(l)),is.set(l,d),d}var o=(l.f&ct)===0&&!yt&&me!==null&&(ua||(me.f&ct)!==0),v=(l.f&fs)===0;Zs(l)&&(o&&(l.f|=ct),rn(l)),o&&!v&&(nn(l),En(l))}if(bt?.has(e))return bt.get(e);if((e.f&Nt)!==0)throw e.v;return e.v}function En(e){if(e.f|=ct,e.deps!==null)for(const t of e.deps)(t.reactions??(t.reactions=[])).push(e),(t.f&He)!==0&&(t.f&ct)===0&&(nn(t),En(t))}function An(e){if(e.v===Oe)return!0;if(e.deps===null)return!1;for(const t of e.deps)if(is.has(t)||(t.f&He)!==0&&An(t))return!0;return!1}function Js(e){var t=yt;try{return yt=!0,e()}finally{yt=t}}const Ji=["touchstart","touchmove"];function Qi(e){return Ji.includes(e)}const Yt=Symbol("events"),Cn=new Set,Ja=new Set;function _e(e,t,s){(t[Yt]??(t[Yt]={}))[e]=s}function Ke(e){for(var t=0;t<e.length;t++)Cn.add(e[t]);for(var s of Ja)s(e)}let kr=null;function Sr(e){var t=this,s=t.ownerDocument,a=e.type,n=e.composedPath?.()||[],i=n[0]||e.target;kr=e;var l=0,d=kr===e&&e[Yt];if(d){var o=n.indexOf(d);if(o!==-1&&(t===document||t===window)){e[Yt]=t;return}var v=n.indexOf(t);if(v===-1)return;o<=v&&(l=o)}if(i=n[l]||e.target,i!==t){Dn(e,"currentTarget",{configurable:!0,get(){return i||s}});var p=me,h=be;ft(null),jt(null);try{for(var f,m=[];i!==null;){var b=i.assignedSlot||i.parentNode||i.host||null;try{var w=i[Yt]?.[a];w!=null&&(!i.disabled||e.target===i)&&w.call(i,e)}catch(_){f?m.push(_):f=_}if(e.cancelBubble||b===t||b===null)break;i=b}if(f){for(let _ of m)queueMicrotask(()=>{throw _});throw f}}finally{e[Yt]=t,delete e.currentTarget,ft(p),jt(h)}}}const el=globalThis?.window?.trustedTypes&&globalThis.window.trustedTypes.createPolicy("svelte-trusted-html",{createHTML:e=>e});function tl(e){return el?.createHTML(e)??e}function sl(e){var t=Bi("template");return t.innerHTML=tl(e.replaceAll("<!>","<!---->")),t.content}function ma(e,t){var s=be;s.nodes===null&&(s.nodes={start:e,end:t,a:null,t:null})}function j(e,t){var s=(t&ui)!==0,a=(t&vi)!==0,n,i=!e.startsWith("<!>");return()=>{n===void 0&&(n=sl(i?e:"<!>"+e),s||(n=_a(n)));var l=a||cn?document.importNode(n,!0):n.cloneNode(!0);if(s){var d=_a(l),o=l.lastChild;ma(d,o)}else ma(l,l);return l}}function al(e=""){{var t=Vt(e+"");return ma(t,t),t}}function Er(){var e=document.createDocumentFragment(),t=document.createComment(""),s=Vt();return e.append(t,s),ma(t,s),e}function C(e,t){e!==null&&e.before(t)}function V(e,t){var s=t==null?"":typeof t=="object"?`${t}`:t;s!==(e[Ms]??(e[Ms]=e.nodeValue))&&(e[Ms]=s,e.nodeValue=`${s}`)}function rl(e,t){return nl(e,t)}const aa=new Map;function nl(e,{target:t,anchor:s,props:a={},events:n,context:i,intro:l=!0,transformError:d}){Oi();var o=void 0,v=Hi(()=>{var p=s??t.appendChild(Vt());Ai(p,{pending:()=>{}},m=>{Ce({});var b=at;i&&(b.c=i),n&&(a.$$events=n),o=e(m,a)||{},Te()},d);var h=new Set,f=m=>{for(var b=0;b<m.length;b++){var w=m[b];if(!h.has(w)){h.add(w);var _=Qi(w);for(const $ of[t,document]){var y=aa.get($);y===void 0&&(y=new Map,aa.set($,y));var E=y.get(w);E===void 0?($.addEventListener(w,Sr,{passive:_}),y.set(w,1)):y.set(w,E+1)}}}};return f(Sa(Cn)),Ja.add(f),()=>{for(var m of h)for(const _ of[t,document]){var b=aa.get(_),w=b.get(m);--w==0?(_.removeEventListener(m,Sr),b.delete(m),b.size===0&&aa.delete(_)):b.set(m,w)}Ja.delete(f),p!==s&&p.parentNode?.removeChild(p)}});return il.set(o,v),o}let il=new WeakMap;var ht,At,st,ss,Ws,Xs,ka;class Tn{constructor(t,s=!0){Xe(this,"anchor");de(this,ht,new Map);de(this,At,new Map);de(this,st,new Map);de(this,ss,new Set);de(this,Ws,!0);de(this,Xs,t=>{if(g(this,ht).has(t)){var s=g(this,ht).get(t),a=g(this,At).get(s);if(a)dr(a),g(this,ss).delete(s);else{var n=g(this,st).get(s);n&&(g(this,At).set(s,n.effect),g(this,st).delete(s),n.fragment.lastChild.remove(),this.anchor.before(n.fragment),a=n.effect)}for(const[i,l]of g(this,ht)){if(g(this,ht).delete(i),i===t)break;const d=g(this,st).get(l);d&&(Je(d.effect),g(this,st).delete(l))}for(const[i,l]of g(this,At)){if(i===s||g(this,ss).has(i))continue;const d=()=>{if(Array.from(g(this,ht).values()).includes(i)){var v=document.createDocumentFragment();ur(l,v),v.append(Vt()),g(this,st).set(i,{effect:l,fragment:v})}else Je(l);g(this,ss).delete(i),g(this,At).delete(i)};g(this,Ws)||!a?(g(this,ss).add(i),ls(l,d,!1)):d()}}});de(this,ka,t=>{g(this,ht).delete(t);const s=Array.from(g(this,ht).values());for(const[a,n]of g(this,st))s.includes(a)||(Je(n.effect),g(this,st).delete(a))});this.anchor=t,ie(this,Ws,s)}ensure(t,s){var a=ue,n=vn();if(s&&!g(this,At).has(t)&&!g(this,st).has(t))if(n){var i=document.createDocumentFragment(),l=Vt();i.append(l),g(this,st).set(t,{effect:ot(()=>s(l)),fragment:i})}else g(this,At).set(t,ot(()=>s(this.anchor)));if(g(this,ht).set(a,t),n){for(const[d,o]of g(this,At))d===t?a.unskip_effect(o):a.skip_effect(o);for(const[d,o]of g(this,st))d===t?a.unskip_effect(o.effect):a.skip_effect(o.effect);a.oncommit(g(this,Xs)),a.ondiscard(g(this,ka))}else g(this,Xs).call(this,a)}}ht=new WeakMap,At=new WeakMap,st=new WeakMap,ss=new WeakMap,Ws=new WeakMap,Xs=new WeakMap,ka=new WeakMap;function ye(e,t,s=!1){var a=new Tn(e),n=s?cs:0;function i(l,d){a.ensure(l,d)}Ta(()=>{var l=!1;t((d,o=0)=>{l=!0,i(o,d)}),l||i(-1,null)},n)}function Fs(e,t){return t}function ll(e,t,s){for(var a=[],n=t.length,i,l=t.length,d=0;d<n;d++){let h=t[d];ls(h,()=>{if(i){if(i.pending.delete(h),i.done.add(h),i.pending.size===0){var f=e.outrogroups;Qa(e,Sa(i.done)),f.delete(i),f.size===0&&(e.outrogroups=null)}}else l-=1},!1)}if(l===0){var o=a.length===0&&s!==null;if(o){var v=s,p=v.parentNode;Ii(p),p.append(v),e.items.clear()}Qa(e,t,!o)}else i={pending:new Set(t),done:new Set},(e.outrogroups??(e.outrogroups=new Set)).add(i)}function Qa(e,t,s=!0){var a;if(e.pending.size>0){a=new Set;for(const l of e.pending.values())for(const d of l)a.add(e.items.get(d).e)}for(var n=0;n<t.length;n++){var i=t[n];if(a?.has(i)){i.f|=Ct;const l=document.createDocumentFragment();ur(i,l)}else Je(t[n],s)}}var Ar;function ve(e,t,s,a,n,i=null){var l=e,d=new Map,o=(t&qr)!==0;if(o){var v=e;l=v.appendChild(Vt())}var p=null,h=an(()=>{var $=s();return tr($)?$:$==null?[]:Sa($)}),f,m=new Map,b=!0;function w($){(E.effect.f&dt)===0&&(E.pending.delete($),E.fallback=p,ol(E,f,l,t,a),p!==null&&(f.length===0?(p.f&Ct)===0?dr(p):(p.f^=Ct,Ds(p,null,l)):ls(p,()=>{p=null})))}function _($){E.pending.delete($)}var y=Ta(()=>{f=r(h);for(var $=f.length,z=new Set,N=ue,S=vn(),F=0;F<$;F+=1){var P=f[F],A=a(P,F),R=b?null:d.get(A);R?(R.v&&js(R.v,P),R.i&&js(R.i,F),S&&N.unskip_effect(R.e)):(R=cl(d,b?l:Ar??(Ar=Vt()),P,A,F,n,t,s),b||(R.e.f|=Ct),d.set(A,R)),z.add(A)}if($===0&&i&&!p&&(b?p=ot(()=>i(l)):(p=ot(()=>i(Ar??(Ar=Vt()))),p.f|=Ct)),$>z.size&&Gn(),!b)if(m.set(N,z),S){for(const[O,I]of d)z.has(O)||N.skip_effect(I.e);N.oncommit(w),N.ondiscard(_)}else w(N);r(h)}),E={effect:y,items:d,pending:m,outrogroups:null,fallback:p};b=!1}function Rs(e){for(;e!==null&&(e.f&xt)===0;)e=e.next;return e}function ol(e,t,s,a,n){var i=(a&ni)!==0,l=t.length,d=e.items,o=Rs(e.effect.first),v,p=null,h,f=[],m=[],b,w,_,y;if(i)for(y=0;y<l;y+=1)b=t[y],w=n(b,y),_=d.get(w).e,(_.f&Ct)===0&&(_.nodes?.a?.measure(),(h??(h=new Set)).add(_));for(y=0;y<l;y+=1){if(b=t[y],w=n(b,y),_=d.get(w).e,e.outrogroups!==null)for(const R of e.outrogroups)R.pending.delete(_),R.done.delete(_);if((_.f&We)!==0&&(dr(_),i&&(_.nodes?.a?.unfix(),(h??(h=new Set)).delete(_))),(_.f&Ct)!==0)if(_.f^=Ct,_===o)Ds(_,null,s);else{var E=p?p.next:o;_===e.effect.last&&(e.effect.last=_.prev),_.prev&&(_.prev.next=_.next),_.next&&(_.next.prev=_.prev),Ot(e,p,_),Ot(e,_,E),Ds(_,E,s),p=_,f=[],m=[],o=Rs(p.next);continue}if(_!==o){if(v!==void 0&&v.has(_)){if(f.length<m.length){var $=m[0],z;p=$.prev;var N=f[0],S=f[f.length-1];for(z=0;z<f.length;z+=1)Ds(f[z],$,s);for(z=0;z<m.length;z+=1)v.delete(m[z]);Ot(e,N.prev,S.next),Ot(e,p,N),Ot(e,S,$),o=$,p=S,y-=1,f=[],m=[]}else v.delete(_),Ds(_,o,s),Ot(e,_.prev,_.next),Ot(e,_,p===null?e.effect.first:p.next),Ot(e,p,_),p=_;continue}for(f=[],m=[];o!==null&&o!==_;)(v??(v=new Set)).add(o),m.push(o),o=Rs(o.next);if(o===null)continue}(_.f&Ct)===0&&f.push(_),p=_,o=Rs(_.next)}if(e.outrogroups!==null){for(const R of e.outrogroups)R.pending.size===0&&(Qa(e,Sa(R.done)),e.outrogroups?.delete(R));e.outrogroups.size===0&&(e.outrogroups=null)}if(o!==null||v!==void 0){var F=[];if(v!==void 0)for(_ of v)(_.f&We)===0&&F.push(_);for(;o!==null;)(o.f&We)===0&&o!==e.fallback&&F.push(o),o=Rs(o.next);var P=F.length;if(P>0){var A=(a&qr)!==0&&l===0?s:null;if(i){for(y=0;y<P;y+=1)F[y].nodes?.a?.measure();for(y=0;y<P;y+=1)F[y].nodes?.a?.fix()}ll(e,F,A)}}i&&ns(()=>{if(h!==void 0)for(_ of h)_.nodes?.a?.apply()})}function cl(e,t,s,a,n,i,l,d){var o=(l&ai)!==0?(l&ii)===0?Di(s,!1,!1):vs(s):null,v=(l&ri)!==0?vs(n):null;return{v:o,i:v,e:ot(()=>(i(t,o??s,v??n,d),()=>{e.delete(a)}))}}function Ds(e,t,s){if(e.nodes)for(var a=e.nodes.start,n=e.nodes.end,i=t&&(t.f&Ct)===0?t.nodes.start:s;a!==null;){var l=Ys(a);if(i.before(a),a===n)return;a=l}}function Ot(e,t,s){t===null?e.effect.first=s:t.next=s,s===null?e.effect.last=t:s.prev=t}function jn(e,t,...s){var a=new Tn(e);Ta(()=>{const n=t()??null;a.ensure(n,n&&(i=>n(i,...s)))},cs)}const Cr=[...` 	
-\r\f \v\uFEFF`];function dl(e,t,s){var a=e==null?"":""+e;if(t&&(a=a?a+" "+t:t),s){for(var n of Object.keys(s))if(s[n])a=a?a+" "+n:n;else if(a.length)for(var i=n.length,l=0;(l=a.indexOf(n,l))>=0;){var d=l+i;(l===0||Cr.includes(a[l-1]))&&(d===a.length||Cr.includes(a[d]))?a=(l===0?"":a.substring(0,l))+a.substring(d+1):l=d}}return a===""?null:a}function Tr(e,t=!1){var s=t?" !important;":";",a="";for(var n of Object.keys(e)){var i=e[n];i!=null&&i!==""&&(a+=" "+n+": "+i+s)}return a}function Va(e){return e[0]!=="-"||e[1]!=="-"?e.toLowerCase():e}function ul(e,t){if(t){var s="",a,n;if(Array.isArray(t)?(a=t[0],n=t[1]):a=t,e){e=String(e).replaceAll(/\s*\/\*.*?\*\/\s*/g,"").trim();var i=!1,l=0,d=!1,o=[];a&&o.push(...Object.keys(a).map(Va)),n&&o.push(...Object.keys(n).map(Va));var v=0,p=-1;const w=e.length;for(var h=0;h<w;h++){var f=e[h];if(d?f==="/"&&e[h-1]==="*"&&(d=!1):i?i===f&&(i=!1):f==="/"&&e[h+1]==="*"?d=!0:f==='"'||f==="'"?i=f:f==="("?l++:f===")"&&l--,!d&&i===!1&&l===0){if(f===":"&&p===-1)p=h;else if(f===";"||h===w-1){if(p!==-1){var m=Va(e.substring(v,p).trim());if(!o.includes(m)){f!==";"&&h++;var b=e.substring(v,h).trim();s+=" "+b+";"}}v=h+1,p=-1}}}}return a&&(s+=Tr(a)),n&&(s+=Tr(n,!0)),s=s.trim(),s===""?null:s}return e==null?null:String(e)}function Le(e,t,s,a,n,i){var l=e[qa];if(l!==s||l===void 0){var d=dl(s,a,i);d==null?e.removeAttribute("class"):e.className=d,e[qa]=s}else if(i&&n!==i)for(var o in i){var v=!!i[o];(n==null||v!==!!n[o])&&e.classList.toggle(o,v)}return i}function Da(e,t={},s,a){for(var n in s){var i=s[n];t[n]!==i&&(s[n]==null?e.style.removeProperty(n):e.style.setProperty(n,i,a))}}function he(e,t,s,a){var n=e[Ka];if(n!==t){var i=ul(t,a);i==null?e.removeAttribute("style"):e.style.cssText=i,e[Ka]=t}else a&&(Array.isArray(a)?(Da(e,s?.[0],a[0]),Da(e,s?.[1],a[1],"important")):Da(e,s,a));return a}function qs(e,t,s=!1){if(e.multiple){if(t==null)return;if(!tr(t))return pi();for(var a of e.options)a.selected=t.includes(Os(a));return}for(a of e.options){var n=Os(a);if(Pi(n,t)){a.selected=!0;return}}(!s||t!==void 0)&&(e.selectedIndex=-1)}function ba(e){var t=new MutationObserver(()=>{qs(e,e.__value)});t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),fn(()=>{t.disconnect()})}function ya(e,t,s=t){var a=new WeakSet,n=!0;lr(e,"change",i=>{var l=i?"[selected]":":checked",d;if(e.multiple)d=[].map.call(e.querySelectorAll(l),Os);else{var o=e.querySelector(l)??e.querySelector("option:not([disabled])");d=o&&Os(o)}s(d),e.__value=d,ue!==null&&a.add(ue)}),hn(()=>{var i=t();if(e===document.activeElement){var l=ue;if(a.has(l))return}if(qs(e,i,n),n&&i===void 0){var d=e.querySelector(":checked");d!==null&&(i=Os(d),s(i))}e.__value=i,n=!1}),ba(e)}function Os(e){return"__value"in e?e.__value:e.value}const vl=Symbol("is custom element"),fl=Symbol("is html"),pl=Hn?"progress":"PROGRESS";function Ks(e,t){var s=$n(e);s.value===(s.value=t??void 0)||e.value===t&&(t!==0||e.nodeName!==pl)||(e.value=t??"")}function ee(e,t,s,a){var n=$n(e);n[t]!==(n[t]=s)&&(t==="loading"&&(e[Nn]=s),s==null?e.removeAttribute(t):typeof s!="string"&&hl(e).includes(t)?e[t]=s:e.setAttribute(t,s))}function $n(e){return e[na]??(e[na]={[vl]:e.nodeName.includes("-"),[fl]:e.namespaceURI===Kr})}var jr=new Map;function hl(e){var t=e.getAttribute("is")||e.nodeName,s=jr.get(t);if(s)return s;jr.set(t,s=[]);for(var a,n=e,i=Element.prototype;i!==n;){a=Ln(n);for(var l in a)a[l].set&&l!=="innerHTML"&&l!=="textContent"&&l!=="innerText"&&s.push(l);n=Pr(n)}return s}function Dt(e,t,s=t){var a=new WeakSet;lr(e,"input",async n=>{var i=n?e.defaultValue:e.value;if(i=La(e)?Pa(i):i,s(i),ue!==null&&a.add(ue),await Zi(),i!==(i=t())){var l=e.selectionStart,d=e.selectionEnd,o=e.value.length;if(e.value=i??"",d!==null){var v=e.value.length;l===d&&d===o&&v>o?(e.selectionStart=v,e.selectionEnd=v):(e.selectionStart=l,e.selectionEnd=Math.min(d,v))}}}),Js(t)==null&&e.value&&(s(La(e)?Pa(e.value):e.value),ue!==null&&a.add(ue)),Ca(()=>{var n=t();if(e===document.activeElement){var i=ue;if(a.has(i))return}La(e)&&n===Pa(e.value)||e.type==="date"&&!n&&!e.value||n!==e.value&&(e.value=n??"")})}function _l(e,t,s=t){lr(e,"change",a=>{var n=a?e.defaultChecked:e.checked;s(n)}),Js(t)==null&&s(e.checked),Ca(()=>{var a=t();e.checked=!!a})}function La(e){var t=e.type;return t==="number"||t==="range"}function Pa(e){return e===""?null:+e}function Oa(e,t){return e===t||e?.[rs]===t}function gl(e={},t,s,a){var n=at.r,i=be;return hn(()=>{var l,d;return Ca(()=>{l=d,d=[],Js(()=>{Oa(s(...d),e)||(t(e,...d),l&&Oa(s(...l),e)&&t(null,...l))})}),()=>{let o=i;for(;o!==n&&o.parent!==null&&o.parent.f&Ba;)o=o.parent;const v=()=>{d&&Oa(s(...d),e)&&t(null,...d)},p=o.teardown;o.teardown=()=>{v(),p?.()}}}),e}function Se(e,t,s,a){var n=!0,i=(s&ci)!==0,l=(s&di)!==0,d=a,o=!0,v=void 0,p=()=>l&&n?(v??(v=Is(a)),r(v)):(o&&(o=!1,d=l?Js(a):a),d);let h;if(i){var f=rs in e||Kn in e;h=bs(e,t)?.set??(f&&t in e?z=>e[t]=z:void 0)}var m,b=!1;i?[m,b]=bi(()=>e[t]):m=e[t],m===void 0&&a!==void 0&&(m=p(),h&&(Jn(),h(m)));var w;if(w=()=>{var z=e[t];return z===void 0?p():(o=!0,z)},(s&oi)===0)return w;if(h){var _=e.$$legacy;return(function(z,N){return arguments.length>0?((!N||_||b)&&h(N?w():z),z):w()})}var y=!1,E=((s&li)!==0?Is:an)(()=>(y=!1,w()));i&&r(E);var $=be;return(function(z,N){if(arguments.length>0){const S=N?r(E):i?Be(z):z;return W(E,S),y=!0,d!==void 0&&(d=S),z}return Lt&&y||($.f&dt)!==0?E.v:r(E)})}const ml="5";var Lr;typeof window<"u"&&((Lr=window.__svelte??(window.__svelte={})).v??(Lr.v=new Set)).add(ml);const Gt=typeof window<"u"&&window.slashedBricksApp?window.slashedBricksApp:{defaults:{},settings:{},tabs:{},rest:{url:"",nonce:""}},pe={defaults:Gt.defaults||{},tabs:Gt.tabs||{},rest:Gt.rest||{url:"",nonce:""},inventory:Gt.inventory||{variables:[],sf_classes:[],is_classes:[]},pluginSettings:Gt.pluginSettings||{},versions:Gt.versions||{plugin:"",framework:""}},Z=Be(structuredClone(Gt.settings||{})),te=Be({activeTab:bl(pe.tabs)||"colors",dirty:!1,saving:!1,lastSavedAt:null,error:""});function bl(e){for(const t in e)return t;return null}function vr(){te.dirty=!0,te.error=""}function $r(e){Z[e]&&delete Z[e]}function yl(e,t){const s=Z[e];if(!s)return"";const a=s[t];return a==null?"":String(a)}function _t(e,t,s){Z[e]||(Z[e]={}),s===""||s===null||s===void 0||typeof s=="string"&&s.trim()===""?delete Z[e][t]:Z[e][t]=String(s),vr()}var wl=j('<button type="button"> </button>'),xl=j('<nav class="tab-nav svelte-yyiz68" aria-label="Settings sections"></nav>');function kl(e,t){Ce(t,!0);var s=xl();ve(s,21,()=>Object.entries(pe.tabs),([a,n])=>a,(a,n)=>{var i=x(()=>gt(r(n),2));let l=()=>r(i)[0],d=()=>r(i)[1];var o=wl();let v;var p=c(o);B(()=>{v=Le(o,1,"tab-nav__btn svelte-yyiz68",null,v,{active:te.activeTab===l()}),V(p,d())}),_e("click",o,()=>te.activeTab=l()),C(a,o)}),C(e,s),Te()}Ke(["click"]);var Sl=j('<code class="row__var svelte-1es83p3"> </code>'),El=j('<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),Al=j('<input type="text" spellcheck="false" class="row__raw svelte-1es83p3" aria-label="Advanced color value"/>'),Cl=j('<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 ra(e,t){Ce(t,!0);let s=Se(t,"hexHint",3,""),a=Se(t,"rawHint",3,""),n=Se(t,"cssVar",3,"");const i=/^#([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/,l=(()=>{const O=(Z.colors?.[t.storeKey]??"").trim(),I=O===""||i.test(O);return{mode:I?"hex":"raw",hex:I?O:"",raw:I?"":O}})();let d=le(Be(l.mode)),o=le(Be(l.hex)),v=le(Be(l.raw));function p(){Z.colors||(Z.colors={});const O=r(v).trim(),I=r(o).trim(),T=r(d)==="raw"?O:I;T===""?delete Z.colors[t.storeKey]:Z.colors[t.storeKey]=T,vr()}function h(){r(d)==="hex"?(W(d,"raw"),W(o,"")):(W(d,"hex"),W(v,"")),p()}const f=x(()=>(r(d)==="raw"?r(v):r(o))||s()||"transparent");var m=Cl(),b=c(m),w=c(b),_=c(w),y=u(w,2);{var E=O=>{var I=Sl(),T=c(I);B(()=>V(T,n())),C(O,I)};ye(y,O=>{n()&&O(E)})}var $=u(b,2),z=c($);let N;var S=u(z,2);{var F=O=>{var I=El(),T=vt(I),k=u(T,2);B(()=>{ee(T,"id",t.storeKey),ee(k,"placeholder",s())}),_e("input",T,p),Dt(T,()=>r(o),M=>W(o,M)),_e("input",k,p),Dt(k,()=>r(o),M=>W(o,M)),C(O,I)},P=O=>{var I=Al();B(()=>{ee(I,"id",t.storeKey),ee(I,"placeholder",a())}),_e("input",I,p),Dt(I,()=>r(v),T=>W(v,T)),C(O,I)};ye(S,O=>{r(d)==="hex"?O(F):O(P,-1)})}var A=u(S,2),R=c(A);B(()=>{ee(w,"for",t.storeKey),V(_,t.label),N=he(z,"",N,{background:r(f)}),V(R,r(d)==="hex"?"Advanced (oklch / raw)":"Use HEX picker")}),_e("click",A,h),C(e,m),Te()}Ke(["input","click"]);var Tl=j('<div class="advanced-section__body svelte-imklo1"><!></div>'),jl=j('<div class="advanced-section svelte-imklo1"><button type="button" class="advanced-section__toggle svelte-imklo1">Advanced settings <span> </span></button> <!></div>');function Qs(e,t){Ce(t,!0);let s=le(!1);const a=`adv-body-${Math.random().toString(36).slice(2,9)}`;var n=jl(),i=c(n),l=u(c(i));let d;var o=c(l),v=u(i,2);{var p=h=>{var f=Tl(),m=c(f);jn(m,()=>t.children),B(()=>ee(f,"id",a)),C(h,f)};ye(v,h=>{r(s)&&h(p)})}B(()=>{ee(i,"aria-expanded",r(s)),ee(i,"aria-controls",a),d=Le(l,1,"advanced-section__arrow",null,d,{open:r(s)}),V(o,r(s)?"▲":"▼")}),_e("click",i,()=>W(s,!r(s))),C(e,n),Te()}Ke(["click"]);var $l=j('<h2 class="dark-heading svelte-1vle0rm">Brand Colors — Dark Mode</h2> <div class="rows rows--dark svelte-1vle0rm"></div> <h2 class="dark-heading svelte-1vle0rm">Status Colors — Dark Mode</h2> <div class="rows rows--dark svelte-1vle0rm"></div>',1),zl=j(`<h2 class="status-heading svelte-1vle0rm">Status Colors — Light Mode</h2> <div class="rows svelte-1vle0rm"></div> <div class="dark-toggle-section svelte-1vle0rm"><div class="dark-toggle-row svelte-1vle0rm"><button type="button"><span class="dark-toggle-btn__track svelte-1vle0rm"><span class="dark-toggle-btn__thumb svelte-1vle0rm"></span></span> Custom dark mode colors</button> <span class="dark-toggle-status svelte-1vle0rm"> </span></div> <p class="hint svelte-1vle0rm">The framework auto-derives dark mode from light source colors using CSS relative color syntax
+var Rn=Object.defineProperty;var pr=e=>{throw TypeError(e)};var Mn=(e,t,s)=>t in e?Rn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var Xe=(e,t,s)=>Mn(e,typeof t!="symbol"?t+"":t,s),Fa=(e,t,s)=>t.has(e)||pr("Cannot "+s);var g=(e,t,s)=>(Fa(e,t,"read from private field"),s?s.call(e):t.get(e)),de=(e,t,s)=>t.has(e)?pr("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,s),ie=(e,t,s,a)=>(Fa(e,t,"write to private field"),a?a.call(e,s):t.set(e,s),s),we=(e,t,s)=>(Fa(e,t,"access private method"),s);var tr=Array.isArray,Vn=Array.prototype.indexOf,as=Array.prototype.includes,Sa=Array.from,Dn=Object.defineProperty,bs=Object.getOwnPropertyDescriptor,Ln=Object.getOwnPropertyDescriptors,Pn=Object.prototype,On=Array.prototype,Pr=Object.getPrototypeOf,hr=Object.isExtensible;const Or=()=>{};function In(e){for(var t=0;t<e.length;t++)e[t]()}function Ir(){var e,t,s=new Promise((a,n)=>{e=a,t=n});return{promise:s,resolve:e,reject:t}}function gt(e,t){if(Array.isArray(e))return e;if(t===void 0||!(Symbol.iterator in e))return Array.from(e);const s=[];for(const a of e)if(s.push(a),s.length===t)break;return s}const He=2,Cs=4,Ea=8,qr=1<<24,mt=16,xt=32,Ht=64,Ia=128,ct=512,Ie=1024,Ne=2048,Tt=4096,We=8192,dt=16384,fs=32768,qa=1<<25,cs=65536,va=1<<17,qn=1<<18,zs=1<<19,Bn=1<<20,Ct=1<<25,ds=65536,fa=1<<21,ys=1<<22,Nt=1<<23,rs=Symbol("$state"),Kn=Symbol("legacy props"),Nn=Symbol(""),na=Symbol("attributes"),Ba=Symbol("class"),Ka=Symbol("style"),Ms=Symbol("text"),ia=Symbol("form reset"),Aa=new class extends Error{constructor(){super(...arguments);Xe(this,"name","StaleReactionError");Xe(this,"message","The reaction that called `getAbortSignal()` was re-run or destroyed")}},Hn=!!globalThis.document?.contentType&&globalThis.document.contentType.includes("xml");function Un(){throw new Error("https://svelte.dev/e/async_derived_orphan")}function Gn(e,t,s){throw new Error("https://svelte.dev/e/each_key_duplicate")}function Wn(e){throw new Error("https://svelte.dev/e/effect_in_teardown")}function Xn(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}function Yn(e){throw new Error("https://svelte.dev/e/effect_orphan")}function Zn(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function Jn(e){throw new Error("https://svelte.dev/e/props_invalid_value")}function Qn(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function ei(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function ti(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}function si(){throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}const ai=1,ri=2,Br=4,ni=8,ii=16,li=1,oi=4,ci=8,di=16,ui=1,vi=2,Oe=Symbol("uninitialized"),Kr="http://www.w3.org/1999/xhtml";function fi(){console.warn("https://svelte.dev/e/derived_inert")}function pi(){console.warn("https://svelte.dev/e/select_multiple_invalid_value")}function hi(){console.warn("https://svelte.dev/e/svelte_boundary_reset_noop")}function Nr(e){return e===this.v}function _i(e,t){return e!=e?t==t:e!==t||e!==null&&typeof e=="object"||typeof e=="function"}function Hr(e){return!_i(e,this.v)}let at=null;function Ts(e){at=e}function Ce(e,t=!1,s){at={p:at,i:!1,c:null,e:null,s:e,x:null,r:be,l:null}}function Te(e){var t=at,s=t.e;if(s!==null){t.e=null;for(var a of s)pn(a)}return t.i=!0,at=t.p,{}}function Ur(){return!0}let Wt=[];function Gr(){var e=Wt;Wt=[],In(e)}function ns(e){if(Wt.length===0&&!Ls){var t=Wt;queueMicrotask(()=>{t===Wt&&Gr()})}Wt.push(e)}function gi(){for(;Wt.length>0;)Gr()}function Wr(e){var t=be;if(t===null)return me.f|=Nt,e;if((t.f&fs)===0&&(t.f&Cs)===0)throw e;Kt(e,t)}function Kt(e,t){for(;t!==null;){if((t.f&Ia)!==0){if((t.f&fs)===0)throw e;try{t.b.error(e);return}catch(s){e=s}}t=t.parent}throw e}const mi=-7169;function ze(e,t){e.f=e.f&mi|t}function sr(e){(e.f&ct)!==0||e.deps===null?ze(e,Ie):ze(e,Tt)}function Xr(e){if(e!==null)for(const t of e)(t.f&He)===0||(t.f&ds)===0||(t.f^=ds,Xr(t.deps))}function Yr(e,t,s){(e.f&Ne)!==0?t.add(e):(e.f&Tt)!==0&&s.add(e),Xr(e.deps),ze(e,Ie)}let ta=!1;function bi(e){var t=ta;try{return ta=!1,[e(),ta]}finally{ta=t}}let Ra=null,hs=null,ue=null,Na=null,bt=null,Ha=null,Ls=!1,Ma=!1,ms=null,la=null;var _r=0;let yi=1;var ws,It,Zt,xs,ks,Jt,Ss,Ft,Ns,et,Hs,qt,St,Et,Es,Qt,ke,Ua,Vs,Ga,Zr,Jr,oa,wi,Wa,gs;const wa=class wa{constructor(){de(this,ke);Xe(this,"id",yi++);de(this,ws,!1);Xe(this,"linked",!0);de(this,It,null);de(this,Zt,null);Xe(this,"async_deriveds",new Map);Xe(this,"current",new Map);Xe(this,"previous",new Map);Xe(this,"unblocked",new Set);de(this,xs,new Set);de(this,ks,new Set);de(this,Jt,new Set);de(this,Ss,0);de(this,Ft,new Map);de(this,Ns,null);de(this,et,[]);de(this,Hs,[]);de(this,qt,new Set);de(this,St,new Set);de(this,Et,new Map);de(this,Es,new Set);Xe(this,"is_fork",!1);de(this,Qt,!1)}skip_effect(t){g(this,Et).has(t)||g(this,Et).set(t,{d:[],m:[]}),g(this,Es).delete(t)}unskip_effect(t,s=a=>this.schedule(a)){var a=g(this,Et).get(t);if(a){g(this,Et).delete(t);for(var n of a.d)ze(n,Ne),s(n);for(n of a.m)ze(n,Tt),s(n)}g(this,Es).add(t)}capture(t,s,a=!1){t.v!==Oe&&!this.previous.has(t)&&this.previous.set(t,t.v),(t.f&Nt)===0&&(this.current.set(t,[s,a]),bt?.set(t,s)),this.is_fork||(t.v=s)}activate(){ue=this}deactivate(){ue=null,bt=null}flush(){try{Ma=!0,ue=this,we(this,ke,Vs).call(this)}finally{_r=0,Ha=null,ms=null,la=null,Ma=!1,ue=null,bt=null,is.clear()}}discard(){for(const t of g(this,ks))t(this);g(this,ks).clear(),g(this,Jt).clear(),we(this,ke,gs).call(this)}register_created_effect(t){g(this,Hs).push(t)}increment(t,s){if(ie(this,Ss,g(this,Ss)+1),t){let a=g(this,Ft).get(s)??0;g(this,Ft).set(s,a+1)}}decrement(t,s){if(ie(this,Ss,g(this,Ss)-1),t){let a=g(this,Ft).get(s)??0;a===1?g(this,Ft).delete(s):g(this,Ft).set(s,a-1)}g(this,Qt)||(ie(this,Qt,!0),ns(()=>{ie(this,Qt,!1),this.linked&&this.flush()}))}transfer_effects(t,s){for(const a of t)g(this,qt).add(a);for(const a of s)g(this,St).add(a);t.clear(),s.clear()}oncommit(t){g(this,xs).add(t)}ondiscard(t){g(this,ks).add(t)}on_fork_commit(t){g(this,Jt).add(t)}run_fork_commit_callbacks(){for(const t of g(this,Jt))t(this);g(this,Jt).clear()}settled(){return(g(this,Ns)??ie(this,Ns,Ir())).promise}static ensure(){var t;if(ue===null){const s=ue=new wa;we(t=s,ke,Wa).call(t),!Ma&&!Ls&&ns(()=>{g(s,ws)||s.flush()})}return ue}apply(){{bt=null;return}}schedule(t){if(Ha=t,t.b?.is_pending&&(t.f&(Cs|Ea|qr))!==0&&(t.f&fs)===0){t.b.defer_effect(t);return}for(var s=t;s.parent!==null;){s=s.parent;var a=s.f;if(ms!==null&&s===be&&(me===null||(me.f&He)===0))return;if((a&(Ht|xt))!==0){if((a&Ie)===0)return;s.f^=Ie}}g(this,et).push(s)}};ws=new WeakMap,It=new WeakMap,Zt=new WeakMap,xs=new WeakMap,ks=new WeakMap,Jt=new WeakMap,Ss=new WeakMap,Ft=new WeakMap,Ns=new WeakMap,et=new WeakMap,Hs=new WeakMap,qt=new WeakMap,St=new WeakMap,Et=new WeakMap,Es=new WeakMap,Qt=new WeakMap,ke=new WeakSet,Ua=function(){if(this.is_fork)return!0;for(const a of g(this,Ft).keys()){for(var t=a,s=!1;t.parent!==null;){if(g(this,Et).has(t)){s=!0;break}t=t.parent}if(!s)return!0}return!1},Vs=function(){var o,v,p;if(ie(this,ws,!0),_r++>1e3&&(we(this,ke,gs).call(this),ki()),!we(this,ke,Ua).call(this)){for(const h of g(this,qt))g(this,St).delete(h),ze(h,Ne),this.schedule(h);for(const h of g(this,St))ze(h,Tt),this.schedule(h)}const t=g(this,et);ie(this,et,[]),this.apply();var s=ms=[],a=[],n=la=[];for(const h of t)try{we(this,ke,Ga).call(this,h,s,a)}catch(f){throw tn(h),f}if(ue=null,n.length>0){var i=wa.ensure();for(const h of n)i.schedule(h)}if(ms=null,la=null,we(this,ke,Ua).call(this)){we(this,ke,oa).call(this,a),we(this,ke,oa).call(this,s);for(const[h,f]of g(this,Et))en(h,f);n.length>0&&we(o=ue,ke,Vs).call(o);return}const l=we(this,ke,Zr).call(this);if(l){we(v=l,ke,Jr).call(v,this);return}g(this,qt).clear(),g(this,St).clear();for(const h of g(this,xs))h(this);g(this,xs).clear(),Na=this,gr(a),gr(s),Na=null,g(this,Ns)?.resolve();var d=ue;if(this.linked&&g(this,Ss)===0&&we(this,ke,gs).call(this),g(this,et).length>0){d===null&&(d=this,we(this,ke,Wa).call(this));const h=d;g(h,et).push(...g(this,et).filter(f=>!g(h,et).includes(f)))}d!==null&&we(p=d,ke,Vs).call(p)},Ga=function(t,s,a){t.f^=Ie;for(var n=t.first;n!==null;){var i=n.f,l=(i&(xt|Ht))!==0,d=l&&(i&Ie)!==0,o=d||(i&We)!==0||g(this,Et).has(n);if(!o&&n.fn!==null){l?n.f^=Ie:(i&Cs)!==0?s.push(n):Zs(n)&&((i&mt)!==0&&g(this,St).add(n),$s(n));var v=n.first;if(v!==null){n=v;continue}}for(;n!==null;){var p=n.next;if(p!==null){n=p;break}n=n.parent}}},Zr=function(){for(var t=g(this,It);t!==null;){if(!t.is_fork){for(const[s,[,a]]of this.current)if(t.current.has(s)&&!a)return t}t=g(t,It)}return null},Jr=function(t){var a;for(const[n,i]of t.current)!this.previous.has(n)&&t.previous.has(n)&&this.previous.set(n,t.previous.get(n)),this.current.set(n,i);for(const[n,i]of t.async_deriveds){const l=this.async_deriveds.get(n);l&&i.promise.then(l.resolve)}const s=n=>{var i=n.reactions;if(i!==null)for(const o of i){var l=o.f;if((l&He)!==0)s(o);else{var d=o;l&(ys|mt)&&!this.async_deriveds.has(d)&&(g(this,St).delete(d),ze(d,Ne),this.schedule(d))}}};for(const n of this.current.keys())s(n);this.oncommit(()=>t.discard()),we(a=t,ke,gs).call(a),ue=this,we(this,ke,Vs).call(this)},oa=function(t){for(var s=0;s<t.length;s+=1)Yr(t[s],g(this,qt),g(this,St))},wi=function(){var p;we(this,ke,gs).call(this);for(let h=Ra;h!==null;h=g(h,Zt)){var t=h.id<this.id,s=[];for(const[f,[m,b]]of this.current){if(h.current.has(f)){var a=h.current.get(f)[0];if(t&&m!==a)h.current.set(f,[m,b]);else continue}s.push(f)}if(t)for(const[f,m]of this.async_deriveds){const b=h.async_deriveds.get(f);b&&m.promise.then(b.resolve)}if(g(h,ws)){var n=[...h.current.keys()].filter(f=>!this.current.has(f));if(n.length===0)t&&h.discard();else if(s.length>0){if(t)for(const f of g(this,Es))h.unskip_effect(f,m=>{var b;(m.f&(mt|ys))!==0?h.schedule(m):we(b=h,ke,oa).call(b,[m])});h.activate();var i=new Set,l=new Map;for(var d of s)Qr(d,n,i,l);l=new Map;var o=[...h.current.keys()].filter(f=>this.current.has(f)?this.current.get(f)[0]!==f.v:!0);if(o.length>0)for(const f of g(this,Hs))(f.f&(dt|We|va))===0&&ar(f,o,l)&&((f.f&(ys|mt))!==0?(ze(f,Ne),h.schedule(f)):g(h,qt).add(f));if(g(h,et).length>0&&!g(h,Qt)){h.apply();for(var v of g(h,et))we(p=h,ke,Ga).call(p,v,[],[]);ie(h,et,[])}h.deactivate()}}}},Wa=function(){hs===null?Ra=hs=this:(ie(hs,Zt,this),ie(this,It,hs)),hs=this},gs=function(){var t=g(this,It),s=g(this,Zt);t===null?Ra=s:ie(t,Zt,s),s===null?hs=t:ie(s,It,t),this.linked=!1};let us=wa;function xi(e){var t=Ls;Ls=!0;try{for(var s;;){if(gi(),ue===null)return s;ue.flush()}}finally{Ls=t}}function ki(){try{Zn()}catch(e){Kt(e,Ha)}}let zt=null;function gr(e){var t=e.length;if(t!==0){for(var s=0;s<t;){var a=e[s++];if((a.f&(dt|We))===0&&Zs(a)&&(zt=new Set,$s(a),a.deps===null&&a.first===null&&a.nodes===null&&a.teardown===null&&a.ac===null&&gn(a),zt?.size>0)){is.clear();for(const n of zt){if((n.f&(dt|We))!==0)continue;const i=[n];let l=n.parent;for(;l!==null;)zt.has(l)&&(zt.delete(l),i.push(l)),l=l.parent;for(let d=i.length-1;d>=0;d--){const o=i[d];(o.f&(dt|We))===0&&$s(o)}}zt.clear()}}zt=null}}function Qr(e,t,s,a){if(!s.has(e)&&(s.add(e),e.reactions!==null))for(const n of e.reactions){const i=n.f;(i&He)!==0?Qr(n,t,s,a):(i&(ys|mt))!==0&&(i&Ne)===0&&ar(n,t,a)&&(ze(n,Ne),rr(n))}}function ar(e,t,s){const a=s.get(e);if(a!==void 0)return a;if(e.deps!==null)for(const n of e.deps){if(as.call(t,n))return!0;if((n.f&He)!==0&&ar(n,t,s))return s.set(n,!0),!0}return s.set(e,!1),!1}function rr(e){ue.schedule(e)}function en(e,t){if(!((e.f&xt)!==0&&(e.f&Ie)!==0)){(e.f&Ne)!==0?t.d.push(e):(e.f&Tt)!==0&&t.m.push(e),ze(e,Ie);for(var s=e.first;s!==null;)en(s,t),s=s.next}}function tn(e){ze(e,Ie);for(var t=e.first;t!==null;)tn(t),t=t.next}function Si(e){let t=0,s=vs(0),a;return()=>{or()&&(r(s),Ca(()=>(t===0&&(a=Js(()=>e(()=>Ps(s)))),t+=1,()=>{ns(()=>{t-=1,t===0&&(a?.(),a=void 0,Ps(s))})})))}}var Ei=cs|zs;function Ai(e,t,s,a){new Ci(e,t,s,a)}var nt,er,it,es,Ye,lt,Ge,tt,Rt,ts,Bt,As,Us,Gs,Mt,xa,Re,Ti,ji,$i,Xa,ca,da,Ya,Za;class Ci{constructor(t,s,a,n){de(this,Re);Xe(this,"parent");Xe(this,"is_pending",!1);Xe(this,"transform_error");de(this,nt);de(this,er,null);de(this,it);de(this,es);de(this,Ye);de(this,lt,null);de(this,Ge,null);de(this,tt,null);de(this,Rt,null);de(this,ts,0);de(this,Bt,0);de(this,As,!1);de(this,Us,new Set);de(this,Gs,new Set);de(this,Mt,null);de(this,xa,Si(()=>(ie(this,Mt,vs(g(this,ts))),()=>{ie(this,Mt,null)})));ie(this,nt,t),ie(this,it,s),ie(this,es,i=>{var l=be;l.b=this,l.f|=Ia,a(i)}),this.parent=be.b,this.transform_error=n??this.parent?.transform_error??(i=>i),ie(this,Ye,Ta(()=>{we(this,Re,Xa).call(this)},Ei))}defer_effect(t){Yr(t,g(this,Us),g(this,Gs))}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!g(this,it).pending}update_pending_count(t,s){we(this,Re,Ya).call(this,t,s),ie(this,ts,g(this,ts)+t),!(!g(this,Mt)||g(this,As))&&(ie(this,As,!0),ns(()=>{ie(this,As,!1),g(this,Mt)&&js(g(this,Mt),g(this,ts))}))}get_effect_pending(){return g(this,xa).call(this),r(g(this,Mt))}error(t){if(!g(this,it).onerror&&!g(this,it).failed)throw t;ue?.is_fork?(g(this,lt)&&ue.skip_effect(g(this,lt)),g(this,Ge)&&ue.skip_effect(g(this,Ge)),g(this,tt)&&ue.skip_effect(g(this,tt)),ue.on_fork_commit(()=>{we(this,Re,Za).call(this,t)})):we(this,Re,Za).call(this,t)}}nt=new WeakMap,er=new WeakMap,it=new WeakMap,es=new WeakMap,Ye=new WeakMap,lt=new WeakMap,Ge=new WeakMap,tt=new WeakMap,Rt=new WeakMap,ts=new WeakMap,Bt=new WeakMap,As=new WeakMap,Us=new WeakMap,Gs=new WeakMap,Mt=new WeakMap,xa=new WeakMap,Re=new WeakSet,Ti=function(){try{ie(this,lt,ot(()=>g(this,es).call(this,g(this,nt))))}catch(t){this.error(t)}},ji=function(t){const s=g(this,it).failed;s&&ie(this,tt,ot(()=>{s(g(this,nt),()=>t,()=>()=>{})}))},$i=function(){const t=g(this,it).pending;t&&(this.is_pending=!0,ie(this,Ge,ot(()=>t(g(this,nt)))),ns(()=>{var s=ie(this,Rt,document.createDocumentFragment()),a=Vt();s.append(a),ie(this,lt,we(this,Re,da).call(this,()=>ot(()=>g(this,es).call(this,a)))),g(this,Bt)===0&&(g(this,nt).before(s),ie(this,Rt,null),ls(g(this,Ge),()=>{ie(this,Ge,null)}),we(this,Re,ca).call(this,ue))}))},Xa=function(){try{if(this.is_pending=this.has_pending_snippet(),ie(this,Bt,0),ie(this,ts,0),ie(this,lt,ot(()=>{g(this,es).call(this,g(this,nt))})),g(this,Bt)>0){var t=ie(this,Rt,document.createDocumentFragment());ur(g(this,lt),t);const s=g(this,it).pending;ie(this,Ge,ot(()=>s(g(this,nt))))}else we(this,Re,ca).call(this,ue)}catch(s){this.error(s)}},ca=function(t){this.is_pending=!1,t.transfer_effects(g(this,Us),g(this,Gs))},da=function(t){var s=be,a=me,n=at;jt(g(this,Ye)),ft(g(this,Ye)),Ts(g(this,Ye).ctx);try{return us.ensure(),t()}catch(i){return Wr(i),null}finally{jt(s),ft(a),Ts(n)}},Ya=function(t,s){var a;if(!this.has_pending_snippet()){this.parent&&we(a=this.parent,Re,Ya).call(a,t,s);return}ie(this,Bt,g(this,Bt)+t),g(this,Bt)===0&&(we(this,Re,ca).call(this,s),g(this,Ge)&&ls(g(this,Ge),()=>{ie(this,Ge,null)}),g(this,Rt)&&(g(this,nt).before(g(this,Rt)),ie(this,Rt,null)))},Za=function(t){g(this,lt)&&(Je(g(this,lt)),ie(this,lt,null)),g(this,Ge)&&(Je(g(this,Ge)),ie(this,Ge,null)),g(this,tt)&&(Je(g(this,tt)),ie(this,tt,null));var s=g(this,it).onerror;let a=g(this,it).failed;var n=!1,i=!1;const l=()=>{if(n){hi();return}n=!0,i&&si(),g(this,tt)!==null&&ls(g(this,tt),()=>{ie(this,tt,null)}),we(this,Re,da).call(this,()=>{we(this,Re,Xa).call(this)})},d=o=>{try{i=!0,s?.(o,l),i=!1}catch(v){Kt(v,g(this,Ye)&&g(this,Ye).parent)}a&&ie(this,tt,we(this,Re,da).call(this,()=>{try{return ot(()=>{var v=be;v.b=this,v.f|=Ia,a(g(this,nt),()=>o,()=>l)})}catch(v){return Kt(v,g(this,Ye).parent),null}}))};ns(()=>{var o;try{o=this.transform_error(t)}catch(v){Kt(v,g(this,Ye)&&g(this,Ye).parent);return}o!==null&&typeof o=="object"&&typeof o.then=="function"?o.then(d,v=>Kt(v,g(this,Ye)&&g(this,Ye).parent)):d(o)})};function zi(e,t,s,a){const n=Is;var i=e.filter(f=>!f.settled);if(s.length===0&&i.length===0){a(t.map(n));return}var l=be,d=Fi(),o=i.length===1?i[0].promise:i.length>1?Promise.all(i.map(f=>f.promise)):null;function v(f){if((l.f&dt)===0){d();try{a(f)}catch(m){Kt(m,l)}pa()}}var p=sn();if(s.length===0){o.then(()=>v(t.map(n))).finally(p);return}function h(){Promise.all(s.map(f=>Ri(f))).then(f=>v([...t.map(n),...f])).catch(f=>Kt(f,l)).finally(p)}o?o.then(()=>{d(),h(),pa()}):h()}function Fi(){var e=be,t=me,s=at,a=ue;return function(i=!0){jt(e),ft(t),Ts(s),i&&(e.f&dt)===0&&(a?.activate(),a?.apply())}}function pa(e=!0){jt(null),ft(null),Ts(null),e&&ue?.deactivate()}function sn(){var e=be,t=e.b,s=ue,a=t.is_rendered();return t.update_pending_count(1,s),s.increment(a,e),()=>{t.update_pending_count(-1,s),s.decrement(a,e)}}function Is(e){var t=He|Ne;return be!==null&&(be.f|=zs),{ctx:at,deps:null,effects:null,equals:Nr,f:t,fn:e,reactions:null,rv:0,v:Oe,wv:0,parent:be,ac:null}}const sa=Symbol("obsolete");function Ri(e,t,s){let a=be;a===null&&Un();var n=void 0,i=vs(Oe),l=!me,d=new Set;return Ui(()=>{var o=be,v=Ir();n=v.promise;try{Promise.resolve(e()).then(v.resolve,m=>{m!==Aa&&v.reject(m)}).finally(pa)}catch(m){v.reject(m),pa()}var p=ue;if(l){if((o.f&fs)!==0)var h=sn();if(a.b.is_rendered())p.async_deriveds.get(o)?.reject(sa);else for(const m of d.values())m.reject(sa);d.add(v),p.async_deriveds.set(o,v)}const f=(m,b=void 0)=>{h?.(),d.delete(v),b!==sa&&(p.activate(),b?(i.f|=Nt,js(i,b)):((i.f&Nt)!==0&&(i.f^=Nt),js(i,m)),p.deactivate())};v.promise.then(f,m=>f(null,m||"unknown"))}),fn(()=>{for(const o of d)o.reject(sa)}),new Promise(o=>{function v(p){function h(){p===n?o(i):v(n)}p.then(h,h)}v(n)})}function x(e){const t=Is(e);return yn(t),t}function an(e){const t=Is(e);return t.equals=Hr,t}function Mi(e){var t=e.effects;if(t!==null){e.effects=null;for(var s=0;s<t.length;s+=1)Je(t[s])}}function nr(e){var t,s=be,a=e.parent;if(!Lt&&a!==null&&e.v!==Oe&&(a.f&(dt|We))!==0)return fi(),e.v;jt(a);try{e.f&=~ds,Mi(e),t=Sn(e)}finally{jt(s)}return t}function rn(e){var t=nr(e);if(!e.equals(t)&&(e.wv=xn(),(!ue?.is_fork||e.deps===null)&&(ue!==null?(ue.capture(e,t,!0),Na?.capture(e,t,!0)):e.v=t,e.deps===null))){ze(e,Ie);return}Lt||(bt!==null?(or()||ue?.is_fork)&&bt.set(e,t):sr(e))}function Vi(e){if(e.effects!==null)for(const t of e.effects)(t.teardown||t.ac)&&(t.teardown?.(),t.ac?.abort(Aa),t.fn!==null&&(t.teardown=Or),t.ac=null,qs(t,0),cr(t))}function nn(e){if(e.effects!==null)for(const t of e.effects)t.teardown&&t.fn!==null&&$s(t)}let ha=new Set;const is=new Map;let ln=!1;function vs(e,t){var s={f:0,v:e,reactions:null,equals:Nr,rv:0,wv:0};return s}function le(e,t){const s=vs(e);return yn(s),s}function Di(e,t=!1,s=!0){const a=vs(e);return t||(a.equals=Hr),a}function W(e,t,s=!1){me!==null&&(!yt||(me.f&va)!==0)&&Ur()&&(me.f&(He|mt|ys|va))!==0&&(ut===null||!as.call(ut,e))&&ti();let a=s?qe(t):t;return js(e,a,la)}function js(e,t,s=null){if(!e.equals(t)){is.set(e,Lt?t:e.v);var a=us.ensure();if(a.capture(e,t),(e.f&He)!==0){const n=e;(e.f&Ne)!==0&&nr(n),bt===null&&sr(n)}e.wv=xn(),on(e,Ne,s),be!==null&&(be.f&Ie)!==0&&(be.f&(xt|Ht))===0&&(rt===null?Xi([e]):rt.push(e)),!a.is_fork&&ha.size>0&&!ln&&Li()}return t}function Li(){ln=!1;for(const e of ha){(e.f&Ie)!==0&&ze(e,Tt);let t;try{t=Zs(e)}catch{t=!0}t&&$s(e)}ha.clear()}function Ps(e){W(e,e.v+1)}function on(e,t,s){var a=e.reactions;if(a!==null)for(var n=a.length,i=0;i<n;i++){var l=a[i],d=l.f,o=(d&Ne)===0;if(o&&ze(l,t),(d&va)!==0)ha.add(l);else if((d&He)!==0){var v=l;bt?.delete(v),(d&ds)===0&&(d&ct&&(be===null||(be.f&fa)===0)&&(l.f|=ds),on(v,Tt,s))}else if(o){var p=l;(d&mt)!==0&&zt!==null&&zt.add(p),s!==null?s.push(p):rr(p)}}}function qe(e){if(typeof e!="object"||e===null||rs in e)return e;const t=Pr(e);if(t!==Pn&&t!==On)return e;var s=new Map,a=tr(e),n=le(0),i=os,l=d=>{if(os===i)return d();var o=me,v=os;ft(null),xr(i);var p=d();return ft(o),xr(v),p};return a&&s.set("length",le(e.length)),new Proxy(e,{defineProperty(d,o,v){(!("value"in v)||v.configurable===!1||v.enumerable===!1||v.writable===!1)&&Qn();var p=s.get(o);return p===void 0?l(()=>{var h=le(v.value);return s.set(o,h),h}):W(p,v.value,!0),!0},deleteProperty(d,o){var v=s.get(o);if(v===void 0){if(o in d){const p=l(()=>le(Oe));s.set(o,p),Ps(n)}}else W(v,Oe),Ps(n);return!0},get(d,o,v){if(o===rs)return e;var p=s.get(o),h=o in d;if(p===void 0&&(!h||bs(d,o)?.writable)&&(p=l(()=>{var m=qe(h?d[o]:Oe),b=le(m);return b}),s.set(o,p)),p!==void 0){var f=r(p);return f===Oe?void 0:f}return Reflect.get(d,o,v)},getOwnPropertyDescriptor(d,o){var v=Reflect.getOwnPropertyDescriptor(d,o);if(v&&"value"in v){var p=s.get(o);p&&(v.value=r(p))}else if(v===void 0){var h=s.get(o),f=h?.v;if(h!==void 0&&f!==Oe)return{enumerable:!0,configurable:!0,value:f,writable:!0}}return v},has(d,o){if(o===rs)return!0;var v=s.get(o),p=v!==void 0&&v.v!==Oe||Reflect.has(d,o);if(v!==void 0||be!==null&&(!p||bs(d,o)?.writable)){v===void 0&&(v=l(()=>{var f=p?qe(d[o]):Oe,m=le(f);return m}),s.set(o,v));var h=r(v);if(h===Oe)return!1}return p},set(d,o,v,p){var h=s.get(o),f=o in d;if(a&&o==="length")for(var m=v;m<h.v;m+=1){var b=s.get(m+"");b!==void 0?W(b,Oe):m in d&&(b=l(()=>le(Oe)),s.set(m+"",b))}if(h===void 0)(!f||bs(d,o)?.writable)&&(h=l(()=>le(void 0)),W(h,qe(v)),s.set(o,h));else{f=h.v!==Oe;var w=l(()=>qe(v));W(h,w)}var _=Reflect.getOwnPropertyDescriptor(d,o);if(_?.set&&_.set.call(p,v),!f){if(a&&typeof o=="string"){var y=s.get("length"),E=Number(o);Number.isInteger(E)&&E>=y.v&&W(y,E+1)}Ps(n)}return!0},ownKeys(d){r(n);var o=Reflect.ownKeys(d).filter(h=>{var f=s.get(h);return f===void 0||f.v!==Oe});for(var[v,p]of s)p.v!==Oe&&!(v in d)&&o.push(v);return o},setPrototypeOf(){ei()}})}function mr(e){try{if(e!==null&&typeof e=="object"&&rs in e)return e[rs]}catch{}return e}function Pi(e,t){return Object.is(mr(e),mr(t))}var br,cn,dn,un;function Oi(){if(br===void 0){br=window,cn=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,s=Text.prototype;dn=bs(t,"firstChild").get,un=bs(t,"nextSibling").get,hr(e)&&(e[Ba]=void 0,e[na]=null,e[Ka]=void 0,e.__e=void 0),hr(s)&&(s[Ms]=void 0)}}function Vt(e=""){return document.createTextNode(e)}function _a(e){return dn.call(e)}function Ys(e){return un.call(e)}function c(e,t){return _a(e)}function vt(e,t=!1){{var s=_a(e);return s instanceof Comment&&s.data===""?Ys(s):s}}function u(e,t=1,s=!1){let a=e;for(;t--;)a=Ys(a);return a}function Ii(e){e.textContent=""}function vn(){return!1}function qi(e,t,s){return document.createElementNS(Kr,e,void 0)}let yr=!1;function Bi(){yr||(yr=!0,document.addEventListener("reset",e=>{Promise.resolve().then(()=>{if(!e.defaultPrevented)for(const t of e.target.elements)t[ia]?.()})},{capture:!0}))}function ir(e){var t=me,s=be;ft(null),jt(null);try{return e()}finally{ft(t),jt(s)}}function lr(e,t,s,a=s){e.addEventListener(t,()=>ir(s));const n=e[ia];n?e[ia]=()=>{n(),a(!0)}:e[ia]=()=>a(!0),Bi()}function Ki(e){be===null&&(me===null&&Yn(),Xn()),Lt&&Wn()}function Ni(e,t){var s=t.last;s===null?t.last=t.first=e:(s.next=e,e.prev=s,t.last=e)}function Pt(e,t){var s=be;s!==null&&(s.f&We)!==0&&(e|=We);var a={ctx:at,deps:null,nodes:null,f:e|Ne|ct,first:null,fn:t,last:null,next:null,parent:s,b:s&&s.b,prev:null,teardown:null,wv:0,ac:null};ue?.register_created_effect(a);var n=a;if((e&Cs)!==0)ms!==null?ms.push(a):us.ensure().schedule(a);else if(t!==null){try{$s(a)}catch(l){throw Je(a),l}n.deps===null&&n.teardown===null&&n.nodes===null&&n.first===n.last&&(n.f&zs)===0&&(n=n.first,(e&mt)!==0&&(e&cs)!==0&&n!==null&&(n.f|=cs))}if(n!==null&&(n.parent=s,s!==null&&Ni(n,s),me!==null&&(me.f&He)!==0&&(e&Ht)===0)){var i=me;(i.effects??(i.effects=[])).push(n)}return a}function or(){return me!==null&&!yt}function fn(e){const t=Pt(Ea,null);return ze(t,Ie),t.teardown=e,t}function ga(e){Ki();var t=be.f,s=!me&&(t&xt)!==0&&(t&fs)===0;if(s){var a=at;(a.e??(a.e=[])).push(e)}else return pn(e)}function pn(e){return Pt(Cs|Bn,e)}function Hi(e){us.ensure();const t=Pt(Ht|zs,e);return(s={})=>new Promise(a=>{s.outro?ls(t,()=>{Je(t),a(void 0)}):(Je(t),a(void 0))})}function hn(e){return Pt(Cs,e)}function Ui(e){return Pt(ys|zs,e)}function Ca(e,t=0){return Pt(Ea|t,e)}function q(e,t=[],s=[],a=[]){zi(a,t,s,n=>{Pt(Ea,()=>e(...n.map(r)))})}function Ta(e,t=0){var s=Pt(mt|t,e);return s}function ot(e){return Pt(xt|zs,e)}function _n(e){var t=e.teardown;if(t!==null){const s=Lt,a=me;wr(!0),ft(null);try{t.call(null)}finally{wr(s),ft(a)}}}function cr(e,t=!1){var s=e.first;for(e.first=e.last=null;s!==null;){const n=s.ac;n!==null&&ir(()=>{n.abort(Aa)});var a=s.next;(s.f&Ht)!==0?s.parent=null:Je(s,t),s=a}}function Gi(e){for(var t=e.first;t!==null;){var s=t.next;(t.f&xt)===0&&Je(t),t=s}}function Je(e,t=!0){var s=!1;(t||(e.f&qn)!==0)&&e.nodes!==null&&e.nodes.end!==null&&(Wi(e.nodes.start,e.nodes.end),s=!0),ze(e,qa),cr(e,t&&!s),qs(e,0);var a=e.nodes&&e.nodes.t;if(a!==null)for(const i of a)i.stop();_n(e),e.f^=qa,e.f|=dt;var n=e.parent;n!==null&&n.first!==null&&gn(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=e.b=null}function Wi(e,t){for(;e!==null;){var s=e===t?null:Ys(e);e.remove(),e=s}}function gn(e){var t=e.parent,s=e.prev,a=e.next;s!==null&&(s.next=a),a!==null&&(a.prev=s),t!==null&&(t.first===e&&(t.first=a),t.last===e&&(t.last=s))}function ls(e,t,s=!0){var a=[];mn(e,a,!0);var n=()=>{s&&Je(e),t&&t()},i=a.length;if(i>0){var l=()=>--i||n();for(var d of a)d.out(l)}else n()}function mn(e,t,s){if((e.f&We)===0){e.f^=We;var a=e.nodes&&e.nodes.t;if(a!==null)for(const d of a)(d.is_global||s)&&t.push(d);for(var n=e.first;n!==null;){var i=n.next;if((n.f&Ht)===0){var l=(n.f&cs)!==0||(n.f&xt)!==0&&(e.f&mt)!==0;mn(n,t,l?s:!1)}n=i}}}function dr(e){bn(e,!0)}function bn(e,t){if((e.f&We)!==0){e.f^=We,(e.f&Ie)===0&&(ze(e,Ne),us.ensure().schedule(e));for(var s=e.first;s!==null;){var a=s.next,n=(s.f&cs)!==0||(s.f&xt)!==0;bn(s,n?t:!1),s=a}var i=e.nodes&&e.nodes.t;if(i!==null)for(const l of i)(l.is_global||t)&&l.in()}}function ur(e,t){if(e.nodes)for(var s=e.nodes.start,a=e.nodes.end;s!==null;){var n=s===a?null:Ys(s);t.append(s),s=n}}let ua=!1,Lt=!1;function wr(e){Lt=e}let me=null,yt=!1;function ft(e){me=e}let be=null;function jt(e){be=e}let ut=null;function yn(e){me!==null&&(ut===null?ut=[e]:ut.push(e))}let Ze=null,Qe=0,rt=null;function Xi(e){rt=e}let wn=1,Xt=0,os=Xt;function xr(e){os=e}function xn(){return++wn}function Zs(e){var t=e.f;if((t&Ne)!==0)return!0;if(t&He&&(e.f&=~ds),(t&Tt)!==0){for(var s=e.deps,a=s.length,n=0;n<a;n++){var i=s[n];if(Zs(i)&&rn(i),i.wv>e.wv)return!0}(t&ct)!==0&&bt===null&&ze(e,Ie)}return!1}function kn(e,t,s=!0){var a=e.reactions;if(a!==null&&!(ut!==null&&as.call(ut,e)))for(var n=0;n<a.length;n++){var i=a[n];(i.f&He)!==0?kn(i,t,!1):t===i&&(s?ze(i,Ne):(i.f&Ie)!==0&&ze(i,Tt),rr(i))}}function Sn(e){var w;var t=Ze,s=Qe,a=rt,n=me,i=ut,l=at,d=yt,o=os,v=e.f;Ze=null,Qe=0,rt=null,me=(v&(xt|Ht))===0?e:null,ut=null,Ts(e.ctx),yt=!1,os=++Xt,e.ac!==null&&(ir(()=>{e.ac.abort(Aa)}),e.ac=null);try{e.f|=fa;var p=e.fn,h=p();e.f|=fs;var f=e.deps,m=ue?.is_fork;if(Ze!==null){var b;if(m||qs(e,Qe),f!==null&&Qe>0)for(f.length=Qe+Ze.length,b=0;b<Ze.length;b++)f[Qe+b]=Ze[b];else e.deps=f=Ze;if(or()&&(e.f&ct)!==0)for(b=Qe;b<f.length;b++)((w=f[b]).reactions??(w.reactions=[])).push(e)}else!m&&f!==null&&Qe<f.length&&(qs(e,Qe),f.length=Qe);if(Ur()&&rt!==null&&!yt&&f!==null&&(e.f&(He|Tt|Ne))===0)for(b=0;b<rt.length;b++)kn(rt[b],e);if(n!==null&&n!==e){if(Xt++,n.deps!==null)for(let _=0;_<s;_+=1)n.deps[_].rv=Xt;if(t!==null)for(const _ of t)_.rv=Xt;rt!==null&&(a===null?a=rt:a.push(...rt))}return(e.f&Nt)!==0&&(e.f^=Nt),h}catch(_){return Wr(_)}finally{e.f^=fa,Ze=t,Qe=s,rt=a,me=n,ut=i,Ts(l),yt=d,os=o}}function Yi(e,t){let s=t.reactions;if(s!==null){var a=Vn.call(s,e);if(a!==-1){var n=s.length-1;n===0?s=t.reactions=null:(s[a]=s[n],s.pop())}}if(s===null&&(t.f&He)!==0&&(Ze===null||!as.call(Ze,t))){var i=t;(i.f&ct)!==0&&(i.f^=ct,i.f&=~ds),i.v!==Oe&&sr(i),Vi(i),qs(i,0)}}function qs(e,t){var s=e.deps;if(s!==null)for(var a=t;a<s.length;a++)Yi(e,s[a])}function $s(e){var t=e.f;if((t&dt)===0){ze(e,Ie);var s=be,a=ua;be=e,ua=!0;try{(t&(mt|qr))!==0?Gi(e):cr(e),_n(e);var n=Sn(e);e.teardown=typeof n=="function"?n:null,e.wv=wn;var i}finally{ua=a,be=s}}}async function Zi(){await Promise.resolve(),xi()}function r(e){var t=e.f,s=(t&He)!==0;if(me!==null&&!yt){var a=be!==null&&(be.f&dt)!==0;if(!a&&(ut===null||!as.call(ut,e))){var n=me.deps;if((me.f&fa)!==0)e.rv<Xt&&(e.rv=Xt,Ze===null&&n!==null&&n[Qe]===e?Qe++:Ze===null?Ze=[e]:Ze.push(e));else{me.deps??(me.deps=[]),as.call(me.deps,e)||me.deps.push(e);var i=e.reactions;i===null?e.reactions=[me]:as.call(i,me)||i.push(me)}}}if(Lt&&is.has(e))return is.get(e);if(s){var l=e;if(Lt){var d=l.v;return((l.f&Ie)===0&&l.reactions!==null||An(l))&&(d=nr(l)),is.set(l,d),d}var o=(l.f&ct)===0&&!yt&&me!==null&&(ua||(me.f&ct)!==0),v=(l.f&fs)===0;Zs(l)&&(o&&(l.f|=ct),rn(l)),o&&!v&&(nn(l),En(l))}if(bt?.has(e))return bt.get(e);if((e.f&Nt)!==0)throw e.v;return e.v}function En(e){if(e.f|=ct,e.deps!==null)for(const t of e.deps)(t.reactions??(t.reactions=[])).push(e),(t.f&He)!==0&&(t.f&ct)===0&&(nn(t),En(t))}function An(e){if(e.v===Oe)return!0;if(e.deps===null)return!1;for(const t of e.deps)if(is.has(t)||(t.f&He)!==0&&An(t))return!0;return!1}function Js(e){var t=yt;try{return yt=!0,e()}finally{yt=t}}const Ji=["touchstart","touchmove"];function Qi(e){return Ji.includes(e)}const Yt=Symbol("events"),Cn=new Set,Ja=new Set;function _e(e,t,s){(t[Yt]??(t[Yt]={}))[e]=s}function Ke(e){for(var t=0;t<e.length;t++)Cn.add(e[t]);for(var s of Ja)s(e)}let kr=null;function Sr(e){var t=this,s=t.ownerDocument,a=e.type,n=e.composedPath?.()||[],i=n[0]||e.target;kr=e;var l=0,d=kr===e&&e[Yt];if(d){var o=n.indexOf(d);if(o!==-1&&(t===document||t===window)){e[Yt]=t;return}var v=n.indexOf(t);if(v===-1)return;o<=v&&(l=o)}if(i=n[l]||e.target,i!==t){Dn(e,"currentTarget",{configurable:!0,get(){return i||s}});var p=me,h=be;ft(null),jt(null);try{for(var f,m=[];i!==null;){var b=i.assignedSlot||i.parentNode||i.host||null;try{var w=i[Yt]?.[a];w!=null&&(!i.disabled||e.target===i)&&w.call(i,e)}catch(_){f?m.push(_):f=_}if(e.cancelBubble||b===t||b===null)break;i=b}if(f){for(let _ of m)queueMicrotask(()=>{throw _});throw f}}finally{e[Yt]=t,delete e.currentTarget,ft(p),jt(h)}}}const el=globalThis?.window?.trustedTypes&&globalThis.window.trustedTypes.createPolicy("svelte-trusted-html",{createHTML:e=>e});function tl(e){return el?.createHTML(e)??e}function sl(e){var t=qi("template");return t.innerHTML=tl(e.replaceAll("<!>","<!---->")),t.content}function ma(e,t){var s=be;s.nodes===null&&(s.nodes={start:e,end:t,a:null,t:null})}function j(e,t){var s=(t&ui)!==0,a=(t&vi)!==0,n,i=!e.startsWith("<!>");return()=>{n===void 0&&(n=sl(i?e:"<!>"+e),s||(n=_a(n)));var l=a||cn?document.importNode(n,!0):n.cloneNode(!0);if(s){var d=_a(l),o=l.lastChild;ma(d,o)}else ma(l,l);return l}}function al(e=""){{var t=Vt(e+"");return ma(t,t),t}}function Er(){var e=document.createDocumentFragment(),t=document.createComment(""),s=Vt();return e.append(t,s),ma(t,s),e}function C(e,t){e!==null&&e.before(t)}function V(e,t){var s=t==null?"":typeof t=="object"?`${t}`:t;s!==(e[Ms]??(e[Ms]=e.nodeValue))&&(e[Ms]=s,e.nodeValue=`${s}`)}function rl(e,t){return nl(e,t)}const aa=new Map;function nl(e,{target:t,anchor:s,props:a={},events:n,context:i,intro:l=!0,transformError:d}){Oi();var o=void 0,v=Hi(()=>{var p=s??t.appendChild(Vt());Ai(p,{pending:()=>{}},m=>{Ce({});var b=at;i&&(b.c=i),n&&(a.$$events=n),o=e(m,a)||{},Te()},d);var h=new Set,f=m=>{for(var b=0;b<m.length;b++){var w=m[b];if(!h.has(w)){h.add(w);var _=Qi(w);for(const $ of[t,document]){var y=aa.get($);y===void 0&&(y=new Map,aa.set($,y));var E=y.get(w);E===void 0?($.addEventListener(w,Sr,{passive:_}),y.set(w,1)):y.set(w,E+1)}}}};return f(Sa(Cn)),Ja.add(f),()=>{for(var m of h)for(const _ of[t,document]){var b=aa.get(_),w=b.get(m);--w==0?(_.removeEventListener(m,Sr),b.delete(m),b.size===0&&aa.delete(_)):b.set(m,w)}Ja.delete(f),p!==s&&p.parentNode?.removeChild(p)}});return il.set(o,v),o}let il=new WeakMap;var ht,At,st,ss,Ws,Xs,ka;class Tn{constructor(t,s=!0){Xe(this,"anchor");de(this,ht,new Map);de(this,At,new Map);de(this,st,new Map);de(this,ss,new Set);de(this,Ws,!0);de(this,Xs,t=>{if(g(this,ht).has(t)){var s=g(this,ht).get(t),a=g(this,At).get(s);if(a)dr(a),g(this,ss).delete(s);else{var n=g(this,st).get(s);n&&(g(this,At).set(s,n.effect),g(this,st).delete(s),n.fragment.lastChild.remove(),this.anchor.before(n.fragment),a=n.effect)}for(const[i,l]of g(this,ht)){if(g(this,ht).delete(i),i===t)break;const d=g(this,st).get(l);d&&(Je(d.effect),g(this,st).delete(l))}for(const[i,l]of g(this,At)){if(i===s||g(this,ss).has(i))continue;const d=()=>{if(Array.from(g(this,ht).values()).includes(i)){var v=document.createDocumentFragment();ur(l,v),v.append(Vt()),g(this,st).set(i,{effect:l,fragment:v})}else Je(l);g(this,ss).delete(i),g(this,At).delete(i)};g(this,Ws)||!a?(g(this,ss).add(i),ls(l,d,!1)):d()}}});de(this,ka,t=>{g(this,ht).delete(t);const s=Array.from(g(this,ht).values());for(const[a,n]of g(this,st))s.includes(a)||(Je(n.effect),g(this,st).delete(a))});this.anchor=t,ie(this,Ws,s)}ensure(t,s){var a=ue,n=vn();if(s&&!g(this,At).has(t)&&!g(this,st).has(t))if(n){var i=document.createDocumentFragment(),l=Vt();i.append(l),g(this,st).set(t,{effect:ot(()=>s(l)),fragment:i})}else g(this,At).set(t,ot(()=>s(this.anchor)));if(g(this,ht).set(a,t),n){for(const[d,o]of g(this,At))d===t?a.unskip_effect(o):a.skip_effect(o);for(const[d,o]of g(this,st))d===t?a.unskip_effect(o.effect):a.skip_effect(o.effect);a.oncommit(g(this,Xs)),a.ondiscard(g(this,ka))}else g(this,Xs).call(this,a)}}ht=new WeakMap,At=new WeakMap,st=new WeakMap,ss=new WeakMap,Ws=new WeakMap,Xs=new WeakMap,ka=new WeakMap;function ye(e,t,s=!1){var a=new Tn(e),n=s?cs:0;function i(l,d){a.ensure(l,d)}Ta(()=>{var l=!1;t((d,o=0)=>{l=!0,i(o,d)}),l||i(-1,null)},n)}function Fs(e,t){return t}function ll(e,t,s){for(var a=[],n=t.length,i,l=t.length,d=0;d<n;d++){let h=t[d];ls(h,()=>{if(i){if(i.pending.delete(h),i.done.add(h),i.pending.size===0){var f=e.outrogroups;Qa(e,Sa(i.done)),f.delete(i),f.size===0&&(e.outrogroups=null)}}else l-=1},!1)}if(l===0){var o=a.length===0&&s!==null;if(o){var v=s,p=v.parentNode;Ii(p),p.append(v),e.items.clear()}Qa(e,t,!o)}else i={pending:new Set(t),done:new Set},(e.outrogroups??(e.outrogroups=new Set)).add(i)}function Qa(e,t,s=!0){var a;if(e.pending.size>0){a=new Set;for(const l of e.pending.values())for(const d of l)a.add(e.items.get(d).e)}for(var n=0;n<t.length;n++){var i=t[n];if(a?.has(i)){i.f|=Ct;const l=document.createDocumentFragment();ur(i,l)}else Je(t[n],s)}}var Ar;function ve(e,t,s,a,n,i=null){var l=e,d=new Map,o=(t&Br)!==0;if(o){var v=e;l=v.appendChild(Vt())}var p=null,h=an(()=>{var $=s();return tr($)?$:$==null?[]:Sa($)}),f,m=new Map,b=!0;function w($){(E.effect.f&dt)===0&&(E.pending.delete($),E.fallback=p,ol(E,f,l,t,a),p!==null&&(f.length===0?(p.f&Ct)===0?dr(p):(p.f^=Ct,Ds(p,null,l)):ls(p,()=>{p=null})))}function _($){E.pending.delete($)}var y=Ta(()=>{f=r(h);for(var $=f.length,z=new Set,N=ue,S=vn(),F=0;F<$;F+=1){var P=f[F],A=a(P,F),R=b?null:d.get(A);R?(R.v&&js(R.v,P),R.i&&js(R.i,F),S&&N.unskip_effect(R.e)):(R=cl(d,b?l:Ar??(Ar=Vt()),P,A,F,n,t,s),b||(R.e.f|=Ct),d.set(A,R)),z.add(A)}if($===0&&i&&!p&&(b?p=ot(()=>i(l)):(p=ot(()=>i(Ar??(Ar=Vt()))),p.f|=Ct)),$>z.size&&Gn(),!b)if(m.set(N,z),S){for(const[O,I]of d)z.has(O)||N.skip_effect(I.e);N.oncommit(w),N.ondiscard(_)}else w(N);r(h)}),E={effect:y,items:d,pending:m,outrogroups:null,fallback:p};b=!1}function Rs(e){for(;e!==null&&(e.f&xt)===0;)e=e.next;return e}function ol(e,t,s,a,n){var i=(a&ni)!==0,l=t.length,d=e.items,o=Rs(e.effect.first),v,p=null,h,f=[],m=[],b,w,_,y;if(i)for(y=0;y<l;y+=1)b=t[y],w=n(b,y),_=d.get(w).e,(_.f&Ct)===0&&(_.nodes?.a?.measure(),(h??(h=new Set)).add(_));for(y=0;y<l;y+=1){if(b=t[y],w=n(b,y),_=d.get(w).e,e.outrogroups!==null)for(const R of e.outrogroups)R.pending.delete(_),R.done.delete(_);if((_.f&We)!==0&&(dr(_),i&&(_.nodes?.a?.unfix(),(h??(h=new Set)).delete(_))),(_.f&Ct)!==0)if(_.f^=Ct,_===o)Ds(_,null,s);else{var E=p?p.next:o;_===e.effect.last&&(e.effect.last=_.prev),_.prev&&(_.prev.next=_.next),_.next&&(_.next.prev=_.prev),Ot(e,p,_),Ot(e,_,E),Ds(_,E,s),p=_,f=[],m=[],o=Rs(p.next);continue}if(_!==o){if(v!==void 0&&v.has(_)){if(f.length<m.length){var $=m[0],z;p=$.prev;var N=f[0],S=f[f.length-1];for(z=0;z<f.length;z+=1)Ds(f[z],$,s);for(z=0;z<m.length;z+=1)v.delete(m[z]);Ot(e,N.prev,S.next),Ot(e,p,N),Ot(e,S,$),o=$,p=S,y-=1,f=[],m=[]}else v.delete(_),Ds(_,o,s),Ot(e,_.prev,_.next),Ot(e,_,p===null?e.effect.first:p.next),Ot(e,p,_),p=_;continue}for(f=[],m=[];o!==null&&o!==_;)(v??(v=new Set)).add(o),m.push(o),o=Rs(o.next);if(o===null)continue}(_.f&Ct)===0&&f.push(_),p=_,o=Rs(_.next)}if(e.outrogroups!==null){for(const R of e.outrogroups)R.pending.size===0&&(Qa(e,Sa(R.done)),e.outrogroups?.delete(R));e.outrogroups.size===0&&(e.outrogroups=null)}if(o!==null||v!==void 0){var F=[];if(v!==void 0)for(_ of v)(_.f&We)===0&&F.push(_);for(;o!==null;)(o.f&We)===0&&o!==e.fallback&&F.push(o),o=Rs(o.next);var P=F.length;if(P>0){var A=(a&Br)!==0&&l===0?s:null;if(i){for(y=0;y<P;y+=1)F[y].nodes?.a?.measure();for(y=0;y<P;y+=1)F[y].nodes?.a?.fix()}ll(e,F,A)}}i&&ns(()=>{if(h!==void 0)for(_ of h)_.nodes?.a?.apply()})}function cl(e,t,s,a,n,i,l,d){var o=(l&ai)!==0?(l&ii)===0?Di(s,!1,!1):vs(s):null,v=(l&ri)!==0?vs(n):null;return{v:o,i:v,e:ot(()=>(i(t,o??s,v??n,d),()=>{e.delete(a)}))}}function Ds(e,t,s){if(e.nodes)for(var a=e.nodes.start,n=e.nodes.end,i=t&&(t.f&Ct)===0?t.nodes.start:s;a!==null;){var l=Ys(a);if(i.before(a),a===n)return;a=l}}function Ot(e,t,s){t===null?e.effect.first=s:t.next=s,s===null?e.effect.last=t:s.prev=t}function jn(e,t,...s){var a=new Tn(e);Ta(()=>{const n=t()??null;a.ensure(n,n&&(i=>n(i,...s)))},cs)}const Cr=[...` 	
+\r\f \v\uFEFF`];function dl(e,t,s){var a=e==null?"":""+e;if(t&&(a=a?a+" "+t:t),s){for(var n of Object.keys(s))if(s[n])a=a?a+" "+n:n;else if(a.length)for(var i=n.length,l=0;(l=a.indexOf(n,l))>=0;){var d=l+i;(l===0||Cr.includes(a[l-1]))&&(d===a.length||Cr.includes(a[d]))?a=(l===0?"":a.substring(0,l))+a.substring(d+1):l=d}}return a===""?null:a}function Tr(e,t=!1){var s=t?" !important;":";",a="";for(var n of Object.keys(e)){var i=e[n];i!=null&&i!==""&&(a+=" "+n+": "+i+s)}return a}function Va(e){return e[0]!=="-"||e[1]!=="-"?e.toLowerCase():e}function ul(e,t){if(t){var s="",a,n;if(Array.isArray(t)?(a=t[0],n=t[1]):a=t,e){e=String(e).replaceAll(/\s*\/\*.*?\*\/\s*/g,"").trim();var i=!1,l=0,d=!1,o=[];a&&o.push(...Object.keys(a).map(Va)),n&&o.push(...Object.keys(n).map(Va));var v=0,p=-1;const w=e.length;for(var h=0;h<w;h++){var f=e[h];if(d?f==="/"&&e[h-1]==="*"&&(d=!1):i?i===f&&(i=!1):f==="/"&&e[h+1]==="*"?d=!0:f==='"'||f==="'"?i=f:f==="("?l++:f===")"&&l--,!d&&i===!1&&l===0){if(f===":"&&p===-1)p=h;else if(f===";"||h===w-1){if(p!==-1){var m=Va(e.substring(v,p).trim());if(!o.includes(m)){f!==";"&&h++;var b=e.substring(v,h).trim();s+=" "+b+";"}}v=h+1,p=-1}}}}return a&&(s+=Tr(a)),n&&(s+=Tr(n,!0)),s=s.trim(),s===""?null:s}return e==null?null:String(e)}function Le(e,t,s,a,n,i){var l=e[Ba];if(l!==s||l===void 0){var d=dl(s,a,i);d==null?e.removeAttribute("class"):e.className=d,e[Ba]=s}else if(i&&n!==i)for(var o in i){var v=!!i[o];(n==null||v!==!!n[o])&&e.classList.toggle(o,v)}return i}function Da(e,t={},s,a){for(var n in s){var i=s[n];t[n]!==i&&(s[n]==null?e.style.removeProperty(n):e.style.setProperty(n,i,a))}}function he(e,t,s,a){var n=e[Ka];if(n!==t){var i=ul(t,a);i==null?e.removeAttribute("style"):e.style.cssText=i,e[Ka]=t}else a&&(Array.isArray(a)?(Da(e,s?.[0],a[0]),Da(e,s?.[1],a[1],"important")):Da(e,s,a));return a}function Bs(e,t,s=!1){if(e.multiple){if(t==null)return;if(!tr(t))return pi();for(var a of e.options)a.selected=t.includes(Os(a));return}for(a of e.options){var n=Os(a);if(Pi(n,t)){a.selected=!0;return}}(!s||t!==void 0)&&(e.selectedIndex=-1)}function ba(e){var t=new MutationObserver(()=>{Bs(e,e.__value)});t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),fn(()=>{t.disconnect()})}function ya(e,t,s=t){var a=new WeakSet,n=!0;lr(e,"change",i=>{var l=i?"[selected]":":checked",d;if(e.multiple)d=[].map.call(e.querySelectorAll(l),Os);else{var o=e.querySelector(l)??e.querySelector("option:not([disabled])");d=o&&Os(o)}s(d),e.__value=d,ue!==null&&a.add(ue)}),hn(()=>{var i=t();if(e===document.activeElement){var l=ue;if(a.has(l))return}if(Bs(e,i,n),n&&i===void 0){var d=e.querySelector(":checked");d!==null&&(i=Os(d),s(i))}e.__value=i,n=!1}),ba(e)}function Os(e){return"__value"in e?e.__value:e.value}const vl=Symbol("is custom element"),fl=Symbol("is html"),pl=Hn?"progress":"PROGRESS";function Ks(e,t){var s=$n(e);s.value===(s.value=t??void 0)||e.value===t&&(t!==0||e.nodeName!==pl)||(e.value=t??"")}function ee(e,t,s,a){var n=$n(e);n[t]!==(n[t]=s)&&(t==="loading"&&(e[Nn]=s),s==null?e.removeAttribute(t):typeof s!="string"&&hl(e).includes(t)?e[t]=s:e.setAttribute(t,s))}function $n(e){return e[na]??(e[na]={[vl]:e.nodeName.includes("-"),[fl]:e.namespaceURI===Kr})}var jr=new Map;function hl(e){var t=e.getAttribute("is")||e.nodeName,s=jr.get(t);if(s)return s;jr.set(t,s=[]);for(var a,n=e,i=Element.prototype;i!==n;){a=Ln(n);for(var l in a)a[l].set&&l!=="innerHTML"&&l!=="textContent"&&l!=="innerText"&&s.push(l);n=Pr(n)}return s}function Dt(e,t,s=t){var a=new WeakSet;lr(e,"input",async n=>{var i=n?e.defaultValue:e.value;if(i=La(e)?Pa(i):i,s(i),ue!==null&&a.add(ue),await Zi(),i!==(i=t())){var l=e.selectionStart,d=e.selectionEnd,o=e.value.length;if(e.value=i??"",d!==null){var v=e.value.length;l===d&&d===o&&v>o?(e.selectionStart=v,e.selectionEnd=v):(e.selectionStart=l,e.selectionEnd=Math.min(d,v))}}}),Js(t)==null&&e.value&&(s(La(e)?Pa(e.value):e.value),ue!==null&&a.add(ue)),Ca(()=>{var n=t();if(e===document.activeElement){var i=ue;if(a.has(i))return}La(e)&&n===Pa(e.value)||e.type==="date"&&!n&&!e.value||n!==e.value&&(e.value=n??"")})}function _l(e,t,s=t){lr(e,"change",a=>{var n=a?e.defaultChecked:e.checked;s(n)}),Js(t)==null&&s(e.checked),Ca(()=>{var a=t();e.checked=!!a})}function La(e){var t=e.type;return t==="number"||t==="range"}function Pa(e){return e===""?null:+e}function Oa(e,t){return e===t||e?.[rs]===t}function gl(e={},t,s,a){var n=at.r,i=be;return hn(()=>{var l,d;return Ca(()=>{l=d,d=[],Js(()=>{Oa(s(...d),e)||(t(e,...d),l&&Oa(s(...l),e)&&t(null,...l))})}),()=>{let o=i;for(;o!==n&&o.parent!==null&&o.parent.f&qa;)o=o.parent;const v=()=>{d&&Oa(s(...d),e)&&t(null,...d)},p=o.teardown;o.teardown=()=>{v(),p?.()}}}),e}function Se(e,t,s,a){var n=!0,i=(s&ci)!==0,l=(s&di)!==0,d=a,o=!0,v=void 0,p=()=>l&&n?(v??(v=Is(a)),r(v)):(o&&(o=!1,d=l?Js(a):a),d);let h;if(i){var f=rs in e||Kn in e;h=bs(e,t)?.set??(f&&t in e?z=>e[t]=z:void 0)}var m,b=!1;i?[m,b]=bi(()=>e[t]):m=e[t],m===void 0&&a!==void 0&&(m=p(),h&&(Jn(),h(m)));var w;if(w=()=>{var z=e[t];return z===void 0?p():(o=!0,z)},(s&oi)===0)return w;if(h){var _=e.$$legacy;return(function(z,N){return arguments.length>0?((!N||_||b)&&h(N?w():z),z):w()})}var y=!1,E=((s&li)!==0?Is:an)(()=>(y=!1,w()));i&&r(E);var $=be;return(function(z,N){if(arguments.length>0){const S=N?r(E):i?qe(z):z;return W(E,S),y=!0,d!==void 0&&(d=S),z}return Lt&&y||($.f&dt)!==0?E.v:r(E)})}const ml="5";var Lr;typeof window<"u"&&((Lr=window.__svelte??(window.__svelte={})).v??(Lr.v=new Set)).add(ml);const Gt=typeof window<"u"&&window.slashedApp?window.slashedApp:{defaults:{},settings:{},tabs:{},rest:{url:"",nonce:""}},pe={defaults:Gt.defaults||{},tabs:Gt.tabs||{},rest:Gt.rest||{url:"",nonce:""},inventory:Gt.inventory||{variables:[],sf_classes:[],is_classes:[]},pluginSettings:Gt.pluginSettings||{},versions:Gt.versions||{plugin:"",framework:""}},Z=qe(structuredClone(Gt.settings||{})),te=qe({activeTab:bl(pe.tabs)||"colors",dirty:!1,saving:!1,lastSavedAt:null,error:""});function bl(e){for(const t in e)return t;return null}function vr(){te.dirty=!0,te.error=""}function $r(e){Z[e]&&delete Z[e]}function yl(e,t){const s=Z[e];if(!s)return"";const a=s[t];return a==null?"":String(a)}function _t(e,t,s){Z[e]||(Z[e]={}),s===""||s===null||s===void 0||typeof s=="string"&&s.trim()===""?delete Z[e][t]:Z[e][t]=String(s),vr()}var wl=j('<button type="button"> </button>'),xl=j('<nav class="tab-nav svelte-yyiz68" aria-label="Settings sections"></nav>');function kl(e,t){Ce(t,!0);var s=xl();ve(s,21,()=>Object.entries(pe.tabs),([a,n])=>a,(a,n)=>{var i=x(()=>gt(r(n),2));let l=()=>r(i)[0],d=()=>r(i)[1];var o=wl();let v;var p=c(o);q(()=>{v=Le(o,1,"tab-nav__btn svelte-yyiz68",null,v,{active:te.activeTab===l()}),V(p,d())}),_e("click",o,()=>te.activeTab=l()),C(a,o)}),C(e,s),Te()}Ke(["click"]);var Sl=j('<code class="row__var svelte-1es83p3"> </code>'),El=j('<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),Al=j('<input type="text" spellcheck="false" class="row__raw svelte-1es83p3" aria-label="Advanced color value"/>'),Cl=j('<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 ra(e,t){Ce(t,!0);let s=Se(t,"hexHint",3,""),a=Se(t,"rawHint",3,""),n=Se(t,"cssVar",3,"");const i=/^#([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/,l=(()=>{const O=(Z.colors?.[t.storeKey]??"").trim(),I=O===""||i.test(O);return{mode:I?"hex":"raw",hex:I?O:"",raw:I?"":O}})();let d=le(qe(l.mode)),o=le(qe(l.hex)),v=le(qe(l.raw));function p(){Z.colors||(Z.colors={});const O=r(v).trim(),I=r(o).trim(),T=r(d)==="raw"?O:I;T===""?delete Z.colors[t.storeKey]:Z.colors[t.storeKey]=T,vr()}function h(){r(d)==="hex"?(W(d,"raw"),W(o,"")):(W(d,"hex"),W(v,"")),p()}const f=x(()=>(r(d)==="raw"?r(v):r(o))||s()||"transparent");var m=Cl(),b=c(m),w=c(b),_=c(w),y=u(w,2);{var E=O=>{var I=Sl(),T=c(I);q(()=>V(T,n())),C(O,I)};ye(y,O=>{n()&&O(E)})}var $=u(b,2),z=c($);let N;var S=u(z,2);{var F=O=>{var I=El(),T=vt(I),k=u(T,2);q(()=>{ee(T,"id",t.storeKey),ee(k,"placeholder",s())}),_e("input",T,p),Dt(T,()=>r(o),M=>W(o,M)),_e("input",k,p),Dt(k,()=>r(o),M=>W(o,M)),C(O,I)},P=O=>{var I=Al();q(()=>{ee(I,"id",t.storeKey),ee(I,"placeholder",a())}),_e("input",I,p),Dt(I,()=>r(v),T=>W(v,T)),C(O,I)};ye(S,O=>{r(d)==="hex"?O(F):O(P,-1)})}var A=u(S,2),R=c(A);q(()=>{ee(w,"for",t.storeKey),V(_,t.label),N=he(z,"",N,{background:r(f)}),V(R,r(d)==="hex"?"Advanced (oklch / raw)":"Use HEX picker")}),_e("click",A,h),C(e,m),Te()}Ke(["input","click"]);var Tl=j('<div class="advanced-section__body svelte-imklo1"><!></div>'),jl=j('<div class="advanced-section svelte-imklo1"><button type="button" class="advanced-section__toggle svelte-imklo1">Advanced settings <span> </span></button> <!></div>');function Qs(e,t){Ce(t,!0);let s=le(!1);const a=`adv-body-${Math.random().toString(36).slice(2,9)}`;var n=jl(),i=c(n),l=u(c(i));let d;var o=c(l),v=u(i,2);{var p=h=>{var f=Tl(),m=c(f);jn(m,()=>t.children),q(()=>ee(f,"id",a)),C(h,f)};ye(v,h=>{r(s)&&h(p)})}q(()=>{ee(i,"aria-expanded",r(s)),ee(i,"aria-controls",a),d=Le(l,1,"advanced-section__arrow",null,d,{open:r(s)}),V(o,r(s)?"▲":"▼")}),_e("click",i,()=>W(s,!r(s))),C(e,n),Te()}Ke(["click"]);var $l=j('<h2 class="dark-heading svelte-1vle0rm">Brand Colors — Dark Mode</h2> <div class="rows rows--dark svelte-1vle0rm"></div> <h2 class="dark-heading svelte-1vle0rm">Status Colors — Dark Mode</h2> <div class="rows rows--dark svelte-1vle0rm"></div>',1),zl=j(`<h2 class="status-heading svelte-1vle0rm">Status Colors — Light Mode</h2> <div class="rows svelte-1vle0rm"></div> <div class="dark-toggle-section svelte-1vle0rm"><div class="dark-toggle-row svelte-1vle0rm"><button type="button"><span class="dark-toggle-btn__track svelte-1vle0rm"><span class="dark-toggle-btn__thumb svelte-1vle0rm"></span></span> Custom dark mode colors</button> <span class="dark-toggle-status svelte-1vle0rm"> </span></div> <p class="hint svelte-1vle0rm">The framework auto-derives dark mode from light source colors using CSS relative color syntax
         (<code class="svelte-1vle0rm">oklch(from light clamp(0.65, 0.95−l·0.5, 0.88) c·0.9 h)</code>). Turn this on only
         when you need precise per-color dark overrides; auto-derivation is usually good enough.</p></div> <!>`,1),Fl=j(`<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> <!></section>`);function Rl(e,t){Ce(t,!0);const s=pe.defaults?.colors??{},a=p=>p.charAt(0).toUpperCase()+p.slice(1),n=Object.entries(s.brand??{}),i=x(()=>yl("colors","dark_overrides_enabled")!=="0");function l(){_t("colors","dark_overrides_enabled",r(i)?"0":"1")}var d=Fl(),o=u(c(d),4);ve(o,21,()=>n,([p,h])=>p,(p,h)=>{var f=x(()=>gt(r(h),2));let m=()=>r(f)[0],b=()=>r(f)[1];{let w=x(()=>`brand_${m()}`),_=x(()=>a(m())),y=x(()=>s.brand_hex_hints?.[m()]??""),E=x(()=>`--sf-color-${m()}-light`);ra(p,{get storeKey(){return r(w)},get label(){return r(_)},get hexHint(){return r(y)},get rawHint(){return b()},get cssVar(){return r(E)}})}});var v=u(o,2);Qs(v,{children:(p,h)=>{var f=zl(),m=u(vt(f),2);ve(m,21,()=>Object.entries(s.status??{}),([S,F])=>S,(S,F)=>{var P=x(()=>gt(r(F),2));let A=()=>r(P)[0],R=()=>r(P)[1];{let O=x(()=>`status_${A()}`),I=x(()=>a(A())),T=x(()=>s.status_hex_hints?.[A()]??""),k=x(()=>`--sf-color-${A()}-light`);ra(S,{get storeKey(){return r(O)},get label(){return r(I)},get hexHint(){return r(T)},get rawHint(){return R()},get cssVar(){return r(k)}})}});var b=u(m,2),w=c(b),_=c(w);let y;var E=u(_,2),$=c(E),z=u(b,2);{var N=S=>{var F=$l(),P=u(vt(F),2);ve(P,21,()=>Object.entries(s.brand_dark??s.brand??{}),([R])=>R,(R,O)=>{var I=x(()=>gt(r(O),1));let T=()=>r(I)[0];{let k=x(()=>`brand_dark_${T()}`),M=x(()=>a(T())),H=x(()=>s.brand_dark_hex_hints?.[T()]??""),Q=x(()=>s.brand_dark?.[T()]??""),q=x(()=>`--sf-color-${T()}-dark`);ra(R,{get storeKey(){return r(k)},get label(){return r(M)},get hexHint(){return r(H)},get rawHint(){return r(Q)},get cssVar(){return r(q)}})}});var A=u(P,4);ve(A,21,()=>Object.entries(s.status_dark??s.status??{}),([R])=>R,(R,O)=>{var I=x(()=>gt(r(O),1));let T=()=>r(I)[0];{let k=x(()=>`status_dark_${T()}`),M=x(()=>a(T())),H=x(()=>s.status_dark_hex_hints?.[T()]??""),Q=x(()=>s.status_dark?.[T()]??""),q=x(()=>`--sf-color-${T()}-dark`);ra(R,{get storeKey(){return r(k)},get label(){return r(M)},get hexHint(){return r(H)},get rawHint(){return r(Q)},get cssVar(){return r(q)}})}}),C(S,F)};ye(z,S=>{r(i)&&S(N)})}B(()=>{y=Le(_,1,"dark-toggle-btn svelte-1vle0rm",null,y,{on:r(i)}),ee(_,"aria-pressed",r(i)),V($,r(i)?"Active — custom values override auto-derivation":"Off — dark mode auto-derived from light source colors")}),_e("click",_,l),C(p,f)},$$slots:{default:!0}}),C(e,d),Te()}Ke(["click"]);var Ml=j('<label class="svelte-miyob8"> </label>'),Vl=j('<span class="row__label-text svelte-miyob8"> </span>'),Dl=j('<code class="row__var svelte-miyob8"> </code>'),Ll=j('<p class="row__desc svelte-miyob8"> </p>'),Pl=j('<div class="row svelte-miyob8"><div class="row__label svelte-miyob8"><!> <!></div> <div class="row__inputs svelte-miyob8"><!> <!></div></div>');function ea(e,t){let s=Se(t,"cssVar",3,""),a=Se(t,"fieldId",3,""),n=Se(t,"description",3,"");var i=Pl(),l=c(i),d=c(l);{var o=_=>{var y=Ml(),E=c(y);B(()=>{ee(y,"for",a()),V(E,t.label)}),C(_,y)},v=_=>{var y=Vl(),E=c(y);B(()=>V(E,t.label)),C(_,y)};ye(d,_=>{a()?_(o):_(v,-1)})}var p=u(d,2);{var h=_=>{var y=Dl(),E=c(y);B(()=>V(E,s())),C(_,y)};ye(p,_=>{s()&&_(h)})}var f=u(l,2),m=c(f);jn(m,()=>t.children??Or);var b=u(m,2);{var w=_=>{var y=Ll(),E=c(y);B(()=>V(E,n())),C(_,y)};ye(b,_=>{n()&&_(w)})}C(e,i)}var Ol=j('<input type="text" spellcheck="false"/>');function Ae(e,t){Ce(t,!0);let s=Se(t,"default",3,""),a=Se(t,"cssVar",3,""),n=Se(t,"description",3,""),i=Se(t,"mono",3,!1),l=Se(t,"width",3,"320px");const d=x(()=>Z[t.section]?.[t.fieldKey]===void 0||Z[t.section]?.[t.fieldKey]===null?"":String(Z[t.section][t.fieldKey]));function o(v){_t(t.section,t.fieldKey,v.currentTarget.value)}ea(e,{get label(){return t.label},get cssVar(){return a()},get fieldId(){return t.fieldKey},get description(){return n()},children:(v,p)=>{var h=Ol();let f,m;B(b=>{ee(h,"id",t.fieldKey),f=Le(h,1,"text svelte-j8yw6l",null,f,{mono:i()}),Ks(h,r(d)),ee(h,"placeholder",b),m=he(h,"",m,{width:l()})},[()=>String(s())]),_e("input",h,o),C(v,h)},$$slots:{default:!0}}),Te()}Ke(["input"]);var Il=j('<button type="button">Bricks</button>'),Bl=j("<option> </option>"),ql=j('<select class="font-select svelte-ow2kvz"></select>'),Kl=j("<option> </option>"),Nl=j('<select class="font-select svelte-ow2kvz"></select>'),Hl=j('<input type="text" class="font-text svelte-ow2kvz" spellcheck="false"/>'),Ul=j('<span class="font-preview svelte-ow2kvz">The quick brown fox</span>'),Gl=j('<div class="font-field svelte-ow2kvz"><div class="source-tabs svelte-ow2kvz" role="group" aria-label="Font source"><button type="button">System</button> <!> <button type="button">Manual</button></div> <!> <!></div>');function zr(e,t){Ce(t,!0);let s=Se(t,"default",3,""),a=Se(t,"cssVar",3,""),n=Se(t,"description",3,"");const i=[{label:"System UI",value:"system-ui, sans-serif"},{label:"Neo-Grotesque",value:"Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif"},{label:"Geometric Humanist",value:"Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif"},{label:"Classical Humanist",value:"Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif"},{label:"Humanist Sans",value:"Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif"},{label:"Industrial Sans",value:"'Bahnschrift', 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif"},{label:"Rounded Sans",value:"ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif"},{label:"Transitional Serif",value:"Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif"},{label:"Old Style Serif",value:"'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif"},{label:"Slab Serif",value:"Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif"},{label:"Antique Serif",value:"Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif"},{label:"Didone Serif",value:"Didact Gothic, 'Bodoni MT', 'Bodoni 72', Didot, 'Playfair Display', serif"},{label:"Monospace",value:"ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace"},{label:"Handwritten",value:"'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive"}];let l=le(Be([])),d=le(!1);async function o(){try{const z=`${pe.rest.url}bricks-fonts`,N=await fetch(z,{headers:{"X-WP-Nonce":pe.rest.nonce}});if(!N.ok)return;const S=await N.json();W(l,Array.isArray(S?.fonts)?S.fonts:[],!0)}catch{}finally{W(d,!0)}}ga(()=>{o()});const v=x(()=>Z[t.section]?.[t.fieldKey]===void 0||Z[t.section]?.[t.fieldKey]===null?"":String(Z[t.section][t.fieldKey])),p=x(()=>r(v)||String(s()));function h(z){const N=(z||String(s())).trim().toLowerCase();return r(l).some(S=>N===S.family.toLowerCase())?"bricks":i.some(S=>N===S.value.toLowerCase())?"system":"manual"}let f=le(Be(h(r(p))));ga(()=>{r(d)&&W(f,h(r(p)),!0)});function m(z){W(f,z,!0),z==="system"?i.find(S=>S.value.toLowerCase()===r(p).toLowerCase())||_t(t.section,t.fieldKey,i[0].value):z==="bricks"&&!r(l).find(S=>S.family.toLowerCase()===r(p).toLowerCase())&&r(l).length>0&&_t(t.section,t.fieldKey,r(l)[0].family)}function b(z){_t(t.section,t.fieldKey,z.currentTarget.value)}function w(z){_t(t.section,t.fieldKey,z.currentTarget.value)}function _(z){_t(t.section,t.fieldKey,z.currentTarget.value)}const y=x(()=>r(d)&&r(l).length>0),E={adobe:" (Adobe)",google:" (Google)"},$=z=>E[z]??"";ea(e,{get label(){return t.label},get cssVar(){return a()},get fieldId(){return t.fieldKey},get description(){return n()},children:(z,N)=>{var S=Gl(),F=c(S),P=c(F);let A;var R=u(P,2);{var O=D=>{var K=Il();let ae;B(()=>ae=Le(K,1,"source-tab svelte-ow2kvz",null,ae,{"source-tab--active":r(f)==="bricks"})),_e("click",K,()=>m("bricks")),C(D,K)};ye(R,D=>{r(y)&&D(O)})}var I=u(R,2);let T;var k=u(F,2);{var M=D=>{var K=ql();ve(K,21,()=>i,re=>re.value,(re,oe)=>{var fe=Bl(),G=c(fe),ce={};B(()=>{V(G,r(oe).label),ce!==(ce=r(oe).value)&&(fe.value=(fe.__value=r(oe).value)??"")}),C(re,fe)});var ae;ba(K),B(()=>{ee(K,"id",t.fieldKey),ae!==(ae=r(p))&&(K.value=(K.__value=r(p))??"",qs(K,r(p)))}),_e("change",K,b),C(D,K)},H=D=>{var K=Nl();ve(K,21,()=>r(l),re=>re.family,(re,oe)=>{var fe=Kl(),G=c(fe),ce={};B(xe=>{V(G,`${r(oe).label??""}${xe??""}`),ce!==(ce=r(oe).family)&&(fe.value=(fe.__value=r(oe).family)??"")},[()=>$(r(oe).source)]),C(re,fe)});var ae;ba(K),B(()=>{ee(K,"id",t.fieldKey),ae!==(ae=r(p))&&(K.value=(K.__value=r(p))??"",qs(K,r(p)))}),_e("change",K,w),C(D,K)},Q=D=>{var K=Hl();B(ae=>{ee(K,"id",t.fieldKey),Ks(K,r(v)),ee(K,"placeholder",ae)},[()=>String(s())]),_e("input",K,_),C(D,K)};ye(k,D=>{r(f)==="system"?D(M):r(f)==="bricks"&&r(y)?D(H,1):D(Q,-1)})}var q=u(k,2);{var Y=D=>{var K=Ul();B(()=>he(K,`font-family: ${r(p)??""}`)),C(D,K)};ye(q,D=>{r(p)&&D(Y)})}B(()=>{A=Le(P,1,"source-tab svelte-ow2kvz",null,A,{"source-tab--active":r(f)==="system"}),T=Le(I,1,"source-tab svelte-ow2kvz",null,T,{"source-tab--active":r(f)==="manual"})}),_e("click",P,()=>m("system")),_e("click",I,()=>m("manual")),C(z,S)},$$slots:{default:!0}}),Te()}Ke(["click","change","input"]);var Wl=j('<span class="unit svelte-1pjh3bn"> </span>'),Xl=j('<input type="number" class="number svelte-1pjh3bn"/> <!>',1);function wt(e,t){Ce(t,!0);let s=Se(t,"min",3,void 0),a=Se(t,"max",3,void 0),n=Se(t,"step",3,void 0),i=Se(t,"default",3,""),l=Se(t,"cssVar",3,""),d=Se(t,"unit",3,""),o=Se(t,"description",3,""),v=Se(t,"width",3,"120px");const p=x(()=>Z[t.section]?.[t.fieldKey]===void 0||Z[t.section]?.[t.fieldKey]===null?"":String(Z[t.section][t.fieldKey]));function h(f){_t(t.section,t.fieldKey,f.currentTarget.value)}ea(e,{get label(){return t.label},get cssVar(){return l()},get fieldId(){return t.fieldKey},get description(){return o()},children:(f,m)=>{var b=Xl(),w=vt(b);let _;var y=u(w,2);{var E=$=>{var z=Wl(),N=c(z);B(()=>V(N,d())),C($,z)};ye(y,$=>{d()&&$(E)})}B($=>{ee(w,"id",t.fieldKey),ee(w,"min",s()),ee(w,"max",a()),ee(w,"step",n()),Ks(w,r(p)),ee(w,"placeholder",$),_=he(w,"",_,{width:v()})},[()=>String(i())]),_e("input",w,h),C(f,b)},$$slots:{default:!0}}),Te()}Ke(["input"]);var Yl=j('<div class="typo-preview__row svelte-10qc8pz"><span class="typo-preview__step-name svelte-10qc8pz"> </span> <span class="typo-preview__sample svelte-10qc8pz"> </span> <span class="typo-preview__meta svelte-10qc8pz"> </span></div>'),Zl=j('<div class="typo-preview__row svelte-10qc8pz"><span class="typo-preview__step-name svelte-10qc8pz"> </span> <span class="typo-preview__sample svelte-10qc8pz"> </span> <span class="typo-preview__meta svelte-10qc8pz"> </span></div>'),Jl=j('<div class="typo-preview__rows typo-preview__rows--display svelte-10qc8pz"><p class="typo-preview__group-heading svelte-10qc8pz">Display Scale</p> <!></div>'),Ql=j('<div class="typo-preview svelte-10qc8pz"><div class="typo-preview__header svelte-10qc8pz"><p class="typo-preview__title svelte-10qc8pz">Live Scale Preview</p> <div class="typo-preview__slider-wrap svelte-10qc8pz"><span></span> <input class="typo-preview__slider svelte-10qc8pz" type="range" step="1" aria-label="Preview viewport width"/> <span></span> <span class="typo-preview__vw-label svelte-10qc8pz"> </span></div></div> <div class="typo-preview__rows svelte-10qc8pz"><p class="typo-preview__group-heading svelte-10qc8pz">Text Scale</p> <!></div> <!></div>');function eo(e,t){Ce(t,!0);const s=16,a=360,n=1520;let i=le(n);const d=(pe.defaults?.typography??{}).font_sizes??{};function o(R){const O=Z.typography??{},I=d[R]??{},T=O[`size_${R}_min`],k=O[`size_${R}_max`],M=T!==void 0&&T!==""?parseFloat(T):I.min??.75,H=k!==void 0&&k!==""?parseFloat(k):I.max??1;return{min:M,max:H}}const v=x(()=>{const R=Math.max(0,Math.min(1,(r(i)-a)/(n-a))),O={};for(const I of Object.keys(d)){const{min:T,max:k}=o(I),M=T+(k-T)*R,H=M*s;O[I]={sizePx:H,sizeRem:M.toFixed(3)}}return O}),p=["2xs","xs","s","m","l","xl","2xl","3xl","4xl"],h=["display-s","display-m","display-l"],f=x(()=>p.filter(R=>d[R])),m=x(()=>h.filter(R=>d[R]));var b=Ql(),w=c(b),_=u(c(w),2),y=c(_);y.textContent="360px";var E=u(y,2);ee(E,"min",a),ee(E,"max",n);var $=u(E,2);$.textContent="1520px";var z=u($,2),N=c(z),S=u(w,2),F=u(c(S),2);ve(F,16,()=>r(f),R=>R,(R,O)=>{const I=x(()=>r(v)[O]);var T=Er(),k=vt(T);{var M=H=>{var Q=Yl(),q=c(Q),Y=c(q),D=u(q,2);let K;var ae=c(D),re=u(D,2),oe=c(re);B((fe,G)=>{V(Y,O),K=he(D,"",K,fe),V(ae,O),V(oe,`${r(I).sizeRem??""}rem / ${G??""}px`)},[()=>({"font-size":`${r(I).sizePx.toFixed(1)??""}px`}),()=>r(I).sizePx.toFixed(1)]),C(H,Q)};ye(k,H=>{r(I)&&H(M)})}C(R,T)});var P=u(S,2);{var A=R=>{var O=Jl(),I=u(c(O),2);ve(I,16,()=>r(m),T=>T,(T,k)=>{const M=x(()=>r(v)[k]);var H=Er(),Q=vt(H);{var q=Y=>{var D=Zl(),K=c(D),ae=c(K),re=u(K,2);let oe;var fe=c(re),G=u(re,2),ce=c(G);B((xe,Ee)=>{V(ae,k),oe=he(re,"",oe,xe),V(fe,k),V(ce,`${r(M).sizeRem??""}rem / ${Ee??""}px`)},[()=>({"font-size":`${r(M).sizePx.toFixed(1)??""}px`}),()=>r(M).sizePx.toFixed(1)]),C(Y,D)};ye(Q,Y=>{r(M)&&Y(q)})}C(T,H)}),C(R,O)};ye(P,R=>{r(m).length>0&&R(A)})}B(()=>V(N,`${r(i)??""}px`)),Dt(E,()=>r(i),R=>W(i,R)),C(e,b),Te()}var to=j("<option> </option>"),so=j("<option> </option>"),ao=j('<div><span class="scale-gen__step-name svelte-1y8fkhh"> </span> <span class="scale-gen__step-val svelte-1y8fkhh"> </span></div>'),ro=j('<div class="scale-gen svelte-1y8fkhh"><div class="scale-gen__header svelte-1y8fkhh"><span class="scale-gen__title svelte-1y8fkhh">Scale Generator</span> <span class="scale-gen__hint svelte-1y8fkhh">Computes all step min/max values from a modular scale. Click Apply to write them to the fields below.</span></div> <div class="scale-gen__controls svelte-1y8fkhh"><label class="scale-gen__field svelte-1y8fkhh"><span class="scale-gen__label svelte-1y8fkhh">Base min</span> <div class="scale-gen__input-wrap svelte-1y8fkhh"><input type="number" min="0.5" max="2" step="0.01" class="svelte-1y8fkhh"/> <span class="scale-gen__unit svelte-1y8fkhh">rem</span></div></label> <label class="scale-gen__field svelte-1y8fkhh"><span class="scale-gen__label svelte-1y8fkhh">Base max</span> <div class="scale-gen__input-wrap svelte-1y8fkhh"><input type="number" min="0.5" max="3" step="0.01" class="svelte-1y8fkhh"/> <span class="scale-gen__unit svelte-1y8fkhh">rem</span></div></label> <label class="scale-gen__field svelte-1y8fkhh"><span class="scale-gen__label svelte-1y8fkhh">Ratio (mobile)</span> <select class="svelte-1y8fkhh"></select></label> <label class="scale-gen__field svelte-1y8fkhh"><span class="scale-gen__label svelte-1y8fkhh">Ratio (desktop)</span> <select class="svelte-1y8fkhh"></select></label> <label class="scale-gen__field svelte-1y8fkhh"><span class="scale-gen__label svelte-1y8fkhh">Display offset</span> <div class="scale-gen__input-wrap svelte-1y8fkhh"><input type="number" min="0.5" max="1.5" step="0.05" class="svelte-1y8fkhh"/> <span class="scale-gen__unit svelte-1y8fkhh">×</span></div></label></div> <div class="scale-gen__preview svelte-1y8fkhh"></div> <div class="scale-gen__footer svelte-1y8fkhh"><button type="button" class="scale-gen__apply svelte-1y8fkhh">Apply to scale</button></div></div>');function no(e,t){Ce(t,!0);const s=[{label:"Minor Second  (1.067)",value:1.067},{label:"Major Second  (1.125)",value:1.125},{label:"Minor Third   (1.200)",value:1.2},{label:"Major Third   (1.250)",value:1.25},{label:"Perfect Fourth (1.333)",value:1.333},{label:"Aug. Fourth   (1.414)",value:1.414},{label:"Perfect Fifth (1.500)",value:1.5},{label:"Golden Ratio  (1.618)",value:1.618},{label:"Major Sixth   (1.667)",value:1.667},{label:"Octave        (2.000)",value:2}],a=[{name:"2xs",idx:-4},{name:"xs",idx:-3},{name:"s",idx:-2},{name:"m",idx:0},{name:"l",idx:1},{name:"xl",idx:2},{name:"2xl",idx:3},{name:"3xl",idx:4},{name:"4xl",idx:5},{name:"display-s",idx:5},{name:"display-m",idx:6},{name:"display-l",idx:7}];let n=le(1),i=le(1.25),l=le(1.25),d=le(1.333),o=le(.85);const v=x(()=>a.map(({name:T,idx:k})=>{const H=T.startsWith("display")?r(o):1,Q=+(r(n)*H*Math.pow(r(l),k)).toFixed(4),q=+(r(i)*H*Math.pow(r(d),k)).toFixed(4);return{name:T,min:Q,max:q}}));function p(){Z.typography||(Z.typography={});for(const{name:T,min:k,max:M}of r(v))Z.typography[`size_${T}_min`]=String(k),Z.typography[`size_${T}_max`]=String(M);vr()}var h=ro(),f=u(c(h),2),m=c(f),b=u(c(m),2),w=c(b),_=u(m,2),y=u(c(_),2),E=c(y),$=u(_,2),z=u(c($),2);ve(z,21,()=>s,T=>T.value,(T,k)=>{var M=to(),H=c(M),Q={};B(()=>{V(H,r(k).label),Q!==(Q=r(k).value)&&(M.value=(M.__value=r(k).value)??"")}),C(T,M)});var N=u($,2),S=u(c(N),2);ve(S,21,()=>s,T=>T.value,(T,k)=>{var M=so(),H=c(M),Q={};B(()=>{V(H,r(k).label),Q!==(Q=r(k).value)&&(M.value=(M.__value=r(k).value)??"")}),C(T,M)});var F=u(N,2),P=u(c(F),2),A=c(P),R=u(f,2);ve(R,21,()=>r(v),({name:T,min:k,max:M})=>T,(T,k)=>{let M=()=>r(k).name,H=()=>r(k).min,Q=()=>r(k).max;var q=ao();let Y;var D=c(q),K=c(D),ae=u(D,2),re=c(ae);B((oe,fe,G)=>{Y=Le(q,1,"scale-gen__step svelte-1y8fkhh",null,Y,oe),V(K,M()),V(re,`${fe??""} / ${G??""}`)},[()=>({display:M().startsWith("display")}),()=>H().toFixed(3),()=>Q().toFixed(3)]),C(T,q)});var O=u(R,2),I=c(O);Dt(w,()=>r(n),T=>W(n,T)),Dt(E,()=>r(i),T=>W(i,T)),ya(z,()=>r(l),T=>W(l,T)),ya(S,()=>r(d),T=>W(d,T)),Dt(A,()=>r(o),T=>W(o,T)),_e("click",I,p),C(e,h),Te()}Ke(["click"]);var io=j('<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>'),lo=j('<h2 class="group-heading svelte-743nsg">Additional Font Families</h2> <div class="rows svelte-743nsg"></div> <h2 class="group-heading svelte-743nsg">Scale Multipliers</h2> <div class="rows svelte-743nsg"><!> <!></div>',1),oo=j('<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> <!> <!></section>');function co(e,t){Ce(t,!0);const s="typography",a=pe.defaults?.[s]??{},n=a.font_families??{},i=a.font_sizes??{},l=_=>_.charAt(0).toUpperCase()+_.slice(1),d=["body","heading"],o=Object.fromEntries(Object.entries(n).filter(([_])=>d.includes(_))),v=Object.fromEntries(Object.entries(n).filter(([_])=>!d.includes(_)));var p=oo(),h=u(c(p),2);ve(h,21,()=>Object.entries(o),([_,y])=>_,(_,y)=>{var E=x(()=>gt(r(y),2));let $=()=>r(E)[0],z=()=>r(E)[1];{let N=x(()=>`font_${$()}`),S=x(()=>l($())),F=x(()=>`--sf-font-${$()}`);zr(_,{section:s,get fieldKey(){return r(N)},get label(){return r(S)},get default(){return z()},get cssVar(){return r(F)}})}});var f=u(h,6);no(f,{});var m=u(f,2);ve(m,21,()=>Object.entries(i),([_,y])=>_,(_,y)=>{var E=x(()=>gt(r(y),2));let $=()=>r(E)[0],z=()=>r(E)[1];var N=io(),S=c(N),F=c(S),P=c(F),A=u(F,2),R=c(A),O=u(S,2),I=c(O);{let k=x(()=>`size_${$()}_min`);wt(I,{section:s,get fieldKey(){return r(k)},label:"Min",min:0,step:.01,get default(){return z().min},width:"80px"})}var T=u(I,2);{let k=x(()=>`size_${$()}_max`);wt(T,{section:s,get fieldKey(){return r(k)},label:"Max",min:0,step:.01,get default(){return z().max},width:"80px"})}B(()=>{V(P,$()),V(R,`--sf-text-${$()??""}`)}),C(_,N)});var b=u(m,2);eo(b,{});var w=u(b,2);Qs(w,{children:(_,y)=>{var E=lo(),$=u(vt(E),2);ve($,21,()=>Object.entries(v),([F,P])=>F,(F,P)=>{var A=x(()=>gt(r(P),2));let R=()=>r(A)[0],O=()=>r(A)[1];{let I=x(()=>`font_${R()}`),T=x(()=>l(R())),k=x(()=>`--sf-font-${R()}`);zr(F,{section:s,get fieldKey(){return r(I)},get label(){return r(T)},get default(){return O()},get cssVar(){return r(k)}})}});var z=u($,4),N=c(z);{let F=x(()=>a.scale_multipliers?.text_scale??1);wt(N,{section:s,fieldKey:"text_scale",label:"Text Scale",min:0,step:.05,get default(){return r(F)},cssVar:"--sf-text-scale"})}var S=u(N,2);{let F=x(()=>a.scale_multipliers?.text_display_scale??1);wt(S,{section:s,fieldKey:"text_display_scale",label:"Display Scale",min:0,step:.05,get default(){return r(F)},cssVar:"--sf-text-display-scale"})}C(_,E)},$$slots:{default:!0}}),C(e,p),Te()}var uo=j('<div class="spacing-preview__row svelte-11lwg9t"><span class="spacing-preview__token svelte-11lwg9t"> </span> <div class="spacing-preview__bar-wrap svelte-11lwg9t"><div class="spacing-preview__bar svelte-11lwg9t"></div></div> <span class="spacing-preview__value svelte-11lwg9t"> </span></div>'),vo=j('<div class="spacing-preview svelte-11lwg9t"><div class="spacing-preview__header svelte-11lwg9t"><p class="spacing-preview__title svelte-11lwg9t">Live Scale Preview</p> <div class="spacing-preview__slider-wrap svelte-11lwg9t"><span></span> <input class="spacing-preview__slider svelte-11lwg9t" type="range" step="1" aria-label="Preview viewport width"/> <span></span> <span class="spacing-preview__vw-label svelte-11lwg9t"> </span></div></div> <div class="spacing-preview__rows svelte-11lwg9t"></div> <div class="spacing-preview__card-section svelte-11lwg9t"><p class="spacing-preview__card-label svelte-11lwg9t"> </p> <div class="spacing-preview__card svelte-11lwg9t"><div class="spacing-preview__card-row svelte-11lwg9t"><div class="spacing-preview__card-avatar svelte-11lwg9t"></div> <div class="spacing-preview__card-meta svelte-11lwg9t"><div class="spacing-preview__card-title svelte-11lwg9t">Card heading</div> <div class="spacing-preview__card-sub svelte-11lwg9t"> </div></div></div> <div class="spacing-preview__card-body svelte-11lwg9t"> </div> <div class="spacing-preview__card-footer svelte-11lwg9t"><div class="spacing-preview__card-tag svelte-11lwg9t">tag</div> <div class="spacing-preview__card-tag svelte-11lwg9t">tag 2</div> <div class="spacing-preview__card-cta svelte-11lwg9t">Action</div></div></div></div></div>');function fo(e,t){Ce(t,!0);const s=360,a=1440;let n=le(a);const i=pe.defaults?.spacing??{},l=i.space_sizes??{};function d(q){const Y=Z.spacing??{},D=l[q]??{},K=Y[`space_${q}_min`],ae=Y[`space_${q}_max`],re=K!==void 0&&K!==""?parseFloat(K):D.min??1,oe=ae!==void 0&&ae!==""?parseFloat(ae):D.max??1;return{min:re,max:oe}}const o=x(()=>{const q=parseFloat(Z.spacing?.space_scale??i.space_scale??1)||1,Y=Math.max(0,Math.min(1,(r(n)-s)/(a-s))),D=["2xs","xs","s","m","l","xl","2xl","3xl","4xl"],K=d("4xl").max*q;return D.map(ae=>{const{min:re,max:oe}=d(ae),fe=(re+(oe-re)*Y)*q,G=fe/K*100;return{name:ae,sizeRem:fe.toFixed(3),barPct:Math.min(G,100)}})}),v=x(()=>{const q=parseFloat(Z.spacing?.space_scale??i.space_scale??1)||1,Y=Math.max(0,Math.min(1,(r(n)-s)/(a-s))),D=K=>{const{min:ae,max:re}=d(K);return((ae+(re-ae)*Y)*q).toFixed(3)};return{xs:D("xs"),s:D("s"),m:D("m"),l:D("l")}});var p=vo(),h=c(p),f=u(c(h),2),m=c(f);m.textContent="360px";var b=u(m,2);ee(b,"min",s),ee(b,"max",a);var w=u(b,2);w.textContent="1440px";var _=u(w,2),y=c(_),E=u(h,2);ve(E,21,()=>r(o),q=>q.name,(q,Y)=>{var D=uo(),K=c(D),ae=c(K),re=u(K,2),oe=c(re);let fe;var G=u(re,2),ce=c(G);B(()=>{V(ae,`--sf-space-${r(Y).name??""}`),fe=he(oe,"",fe,{width:`${r(Y).barPct??""}%`}),V(ce,`${r(Y).sizeRem??""}rem`)}),C(q,D)});var $=u(E,2),z=c($),N=c(z),S=u(z,2);let F;var P=c(S);let A;var R=u(c(P),2),O=u(c(R),2),I=c(O),T=u(P,2),k=c(T),M=u(T,2);let H;var Q=u(c(M),2);he(Q,"",{},{width:"3rem"}),B(()=>{V(y,`${r(n)??""}px`),V(N,`Container context at ${r(n)??""}px`),F=he(S,"",F,{padding:`${r(v).m??""}rem`,gap:`${r(v).s??""}rem`}),A=he(P,"",A,{gap:`${r(v).s??""}rem`}),V(I,`padding: ${r(v).m??""}rem`),V(k,`Body section · gap between rows: ${r(v).s??""}rem`),H=he(M,"",H,{gap:`${r(v).xs??""}rem`,"padding-top":`${r(v).xs??""}rem`})}),Dt(b,()=>r(n),q=>W(n,q)),C(e,p),Te()}var po=j('<div class="size-row svelte-1sn1epc"><div class="size-row__label"><span class="size-row__name svelte-1sn1epc"> </span> <code class="size-row__var svelte-1sn1epc"> </code></div> <div class="size-row__inputs svelte-1sn1epc"><!> <!></div></div>'),ho=j('<h2 class="group-heading svelte-1sn1epc">Space Aliases</h2> <div class="rows svelte-1sn1epc"></div>',1),_o=j(`<section><h2 class="svelte-1sn1epc">Spacing</h2> <div class="rows svelte-1sn1epc"><!></div> <h2 class="group-heading svelte-1sn1epc">Space Scale Steps</h2> <p class="hint svelte-1sn1epc">Min and max values in <code class="svelte-1sn1epc">rem</code> for fluid spacing via <code class="svelte-1sn1epc">clamp()</code>.
-    Leave both fields blank to use the framework defaults.</p> <div class="rows svelte-1sn1epc"></div> <!> <!></section>`);function go(e,t){Ce(t,!0);const s="spacing",a=pe.defaults?.[s]??{},n=a.space_sizes??{},i=[{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 l=_o(),d=u(c(l),2),o=c(d);{let f=x(()=>a.space_scale??1);wt(o,{section:s,fieldKey:"space_scale",label:"Space Scale",min:0,step:.05,get default(){return r(f)},cssVar:"--sf-space-scale"})}var v=u(d,6);ve(v,21,()=>Object.entries(n),([f,m])=>f,(f,m)=>{var b=x(()=>gt(r(m),2));let w=()=>r(b)[0],_=()=>r(b)[1];var y=po(),E=c(y),$=c(E),z=c($),N=u($,2),S=c(N),F=u(E,2),P=c(F);{let R=x(()=>`space_${w()}_min`);wt(P,{section:s,get fieldKey(){return r(R)},label:"Min",min:0,step:.01,get default(){return _().min},width:"80px"})}var A=u(P,2);{let R=x(()=>`space_${w()}_max`);wt(A,{section:s,get fieldKey(){return r(R)},label:"Max",min:0,step:.01,get default(){return _().max},width:"80px"})}B(()=>{V(z,w()),V(S,`--sf-space-${w()??""}`)}),C(f,y)});var p=u(v,2);fo(p,{});var h=u(p,2);Qs(h,{children:(f,m)=>{var b=ho(),w=u(vt(b),2);ve(w,21,()=>i,_=>_.key,(_,y)=>{{let E=x(()=>a[r(y).key]??"");Ae(_,{section:s,get fieldKey(){return r(y).key},get label(){return r(y).label},get default(){return r(E)},get cssVar(){return r(y).cssVar},mono:!0})}}),C(f,b)},$$slots:{default:!0}}),C(e,l),Te()}var mo=j('<span class="unit svelte-cifrt1"> </span>'),bo=j('<input type="range" class="range svelte-cifrt1" aria-hidden="true" tabindex="-1"/> <input type="number" class="number svelte-cifrt1"/> <!>',1);function _s(e,t){Ce(t,!0);let s=Se(t,"cssVar",3,""),a=Se(t,"unit",3,""),n=Se(t,"description",3,"");const i=x(()=>Z[t.section]?.[t.fieldKey]===void 0||Z[t.section]?.[t.fieldKey]===null?"":String(Z[t.section][t.fieldKey])),l=x(()=>r(i)===""||Number.isNaN(Number(r(i)))?Number(t.default):Number(r(i)));function d(v){_t(t.section,t.fieldKey,v.currentTarget.value)}function o(v){_t(t.section,t.fieldKey,v.currentTarget.value)}ea(e,{get label(){return t.label},get cssVar(){return s()},get fieldId(){return t.fieldKey},get description(){return n()},children:(v,p)=>{var h=bo(),f=vt(h),m=u(f,2),b=u(m,2);{var w=_=>{var y=mo(),E=c(y);B(()=>V(E,a())),C(_,y)};ye(b,_=>{a()&&_(w)})}B(_=>{ee(f,"min",t.min),ee(f,"max",t.max),ee(f,"step",t.step),Ks(f,r(l)),ee(m,"id",t.fieldKey),ee(m,"min",t.min),ee(m,"max",t.max),ee(m,"step",t.step),Ks(m,r(i)),ee(m,"placeholder",_)},[()=>String(t.default)]),_e("input",f,d),_e("input",m,o),C(v,h)},$$slots:{default:!0}}),Te()}Ke(["input"]);var yo=j("<option> </option>"),wo=j('<select class="select svelte-r7dp44"><option> </option><!></select>');function xo(e,t){Ce(t,!0);let s=Se(t,"options",19,()=>[]),a=Se(t,"default",3,""),n=Se(t,"cssVar",3,""),i=Se(t,"description",3,"");const l=x(()=>s().map(v=>typeof v=="string"?{value:v,label:v}:v)),d=x(()=>Z[t.section]?.[t.fieldKey]===void 0||Z[t.section]?.[t.fieldKey]===null?"":String(Z[t.section][t.fieldKey]));function o(v){_t(t.section,t.fieldKey,v.currentTarget.value)}ea(e,{get label(){return t.label},get cssVar(){return n()},get fieldId(){return t.fieldKey},get description(){return i()},children:(v,p)=>{var h=wo(),f=c(h),m=c(f);f.value=f.__value="";var b=u(f);ve(b,17,()=>r(l),_=>_.value,(_,y)=>{var E=yo(),$=c(E),z={};B(()=>{V($,r(y).label),z!==(z=r(y).value)&&(E.value=(E.__value=r(y).value)??"")}),C(_,E)});var w;ba(h),B(()=>{ee(h,"id",t.fieldKey),V(m,`Default (${a()??""})`),w!==(w=r(d))&&(h.value=(h.__value=r(d))??"",qs(h,r(d)))}),_e("change",h,o),C(v,h)},$$slots:{default:!0}}),Te()}Ke(["change"]);var ko=j('<div class="radius-preview__item svelte-ieamrv"><div class="radius-preview__swatch svelte-ieamrv"></div> <span class="radius-preview__label svelte-ieamrv"> </span></div>'),So=j('<div class="shadow-preview__item svelte-ieamrv"><div class="shadow-preview__card svelte-ieamrv"> </div></div>'),Eo=j('<div class="motion-preview__item svelte-ieamrv"><span class="motion-preview__label svelte-ieamrv"> </span> <div class="motion-preview__track svelte-ieamrv"><div class="motion-preview__fill svelte-ieamrv"></div></div> <span class="motion-preview__ms svelte-ieamrv"> </span></div>'),Ao=j('<h2 class="group-heading svelte-ieamrv">Shadow</h2> <div class="rows svelte-ieamrv"><!></div> <h2 class="group-heading svelte-ieamrv">Motion — Durations</h2> <p class="hint svelte-ieamrv">Base duration values in milliseconds.</p> <div class="rows svelte-ieamrv"></div> <h2 class="group-heading svelte-ieamrv">Z-Index</h2> <p class="hint svelte-ieamrv">Z-index layer values for stacking context management.</p> <div class="rows svelte-ieamrv"></div> <h2 class="group-heading svelte-ieamrv">Contrast</h2> <div class="rows svelte-ieamrv"><!> <!> <!></div>',1),Co=j('<section class="svelte-ieamrv"><h2 class="svelte-ieamrv">Radius</h2> <div class="rows svelte-ieamrv"><!></div> <div class="radius-preview svelte-ieamrv"></div> <h2 class="group-heading svelte-ieamrv">Shadows</h2> <div class="rows svelte-ieamrv"><!></div> <div class="shadow-preview svelte-ieamrv"></div> <h2 class="group-heading svelte-ieamrv">Motion</h2> <div class="rows svelte-ieamrv"><!></div> <div class="motion-preview svelte-ieamrv"></div> <h2 class="group-heading svelte-ieamrv">Accessibility</h2> <div class="rows svelte-ieamrv"><!> <!> <!></div> <div class="focus-ring-preview svelte-ieamrv"><button class="focus-ring-preview__btn svelte-ieamrv">Tab to me</button> <span class="focus-ring-preview__desc svelte-ieamrv"> </span></div> <!></section>');function To(e,t){Ce(t,!0);const s=pe.defaults?.radius??{},a=pe.defaults?.shadows??{},n=pe.defaults?.motion??{},i=pe.defaults?.zindex??{},l=pe.defaults?.contrast??{},d=n.durations??{},o=G=>G.charAt(0).toUpperCase()+G.slice(1),v=[0,2,4,8,12,16,24,9999],p=["none","xs","s","m","l","xl","2xl","full"],h=x(()=>parseFloat(Z.radius?.radius_scale??pe.defaults?.radius?.radius_scale??1)),f=x(()=>v.map(G=>G*r(h))),m=x(()=>parseFloat(Z.shadows?.shadow_strength??a.shadow_strength??.08)),b=x(()=>parseFloat(Z.motion?.motion_scale??n.motion_scale??1)||1),w=["instant","fast","normal","slow","slower"],_=x(()=>w.map(G=>{const ce=Z.motion?.[`duration_${G}`],xe=parseFloat(ce!==void 0&&ce!==""?ce:d[G]??0);return{name:G,ms:Math.round(xe*r(b))}})),y=(G,ce)=>parseFloat(G!==void 0&&G!==""?G:ce),E=x(()=>y(Z.contrast?.focus_ring_width,l.focus_ring_width??2)),$=x(()=>y(Z.contrast?.focus_ring_offset,l.focus_ring_offset??2)),z=x(()=>Z.contrast?.focus_ring_style??l.focus_ring_style??"solid"),N=x(()=>[{label:"xs",shadow:`0 1px 2px 0 rgba(0,0,0,${(r(m)*.5).toFixed(4)})`},{label:"s",shadow:`0 1px 2px 0 rgba(0,0,0,${(r(m)*.5).toFixed(4)}), 0 2px 6px 0 rgba(0,0,0,${r(m).toFixed(4)})`},{label:"m",shadow:`0 1px 3px 0 rgba(0,0,0,${(r(m)*.5).toFixed(4)}), 0 4px 12px 0 rgba(0,0,0,${(r(m)*2).toFixed(4)})`},{label:"l",shadow:`0 2px 4px 0 rgba(0,0,0,${(r(m)*.5).toFixed(4)}), 0 8px 24px 0 rgba(0,0,0,${(r(m)*3).toFixed(4)})`},{label:"xl",shadow:`0 2px 8px 0 rgba(0,0,0,${(r(m)*.5).toFixed(4)}), 0 12px 36px 0 rgba(0,0,0,${(r(m)*3.5).toFixed(4)})`},{label:"glow",shadow:`0 0 15px 2px rgba(74,48,208,${Math.min(r(m)*2,.7).toFixed(4)})`}]);var S=Co(),F=u(c(S),2),P=c(F);{let G=x(()=>s.radius_scale??1);wt(P,{section:"radius",fieldKey:"radius_scale",label:"Radius Scale",min:0,step:.1,get default(){return r(G)},cssVar:"--sf-radius-scale"})}var A=u(F,2);ve(A,23,()=>r(f),(G,ce)=>p[ce],(G,ce,xe)=>{var Ee=ko(),ne=c(Ee);let Me;var Ve=u(ne,2),L=c(Ve);B(()=>{Me=he(ne,"",Me,{"border-radius":v[r(xe)]===9999?"9999px":`${r(ce)}px`}),V(L,p[r(xe)])}),C(G,Ee)});var R=u(A,4),O=c(R);{let G=x(()=>a.shadow_strength??.08);_s(O,{section:"shadows",fieldKey:"shadow_strength",label:"Shadow Strength",description:"Base opacity for shadow layers (0–1).",min:0,max:1,step:.01,get default(){return r(G)},cssVar:"--sf-shadow-strength"})}var I=u(R,2);ve(I,21,()=>r(N),G=>G.label,(G,ce)=>{var xe=So(),Ee=c(xe);let ne;var Me=c(Ee);B(()=>{ne=he(Ee,"",ne,{"box-shadow":r(ce).shadow}),V(Me,r(ce).label)}),C(G,xe)});var T=u(I,4),k=c(T);{let G=x(()=>n.motion_scale??1);wt(k,{section:"motion",fieldKey:"motion_scale",label:"Motion Scale",min:0,step:.1,get default(){return r(G)},cssVar:"--sf-motion-scale"})}var M=u(T,2);ve(M,21,()=>r(_),G=>G.name,(G,ce)=>{var xe=Eo(),Ee=c(xe),ne=c(Ee),Me=u(Ee,2),Ve=c(Me);let L;var U=u(Me,2),se=c(U);B(()=>{V(ne,r(ce).name),L=he(Ve,"",L,{"animation-duration":`${r(ce).ms??""}ms`}),V(se,`${r(ce).ms??""}ms`)}),C(G,xe)});var H=u(M,4),Q=c(H);{let G=x(()=>l.focus_ring_width??2);_s(Q,{section:"contrast",fieldKey:"focus_ring_width",label:"Focus Ring Width",min:0,max:8,step:.5,get default(){return r(G)},cssVar:"--sf-focus-ring-width",unit:"px"})}var q=u(Q,2);{let G=x(()=>l.focus_ring_offset??2);_s(q,{section:"contrast",fieldKey:"focus_ring_offset",label:"Focus Ring Offset",min:0,max:8,step:.5,get default(){return r(G)},cssVar:"--sf-focus-ring-offset",unit:"px"})}var Y=u(q,2);{let G=x(()=>l.focus_ring_style??"solid");xo(Y,{section:"contrast",fieldKey:"focus_ring_style",label:"Focus Ring Style",options:["solid","dashed","dotted","double","none"],get default(){return r(G)},cssVar:"--sf-focus-ring-style"})}var D=u(H,2),K=c(D);let ae;var re=u(K,2),oe=c(re),fe=u(D,2);Qs(fe,{children:(G,ce)=>{var xe=Ao(),Ee=u(vt(xe),2),ne=c(Ee);{let J=x(()=>a.glow_color??"");Ae(ne,{section:"shadows",fieldKey:"glow_color",label:"Glow Color",get default(){return r(J)},cssVar:"--sf-shadow-glow-color",mono:!0})}var Me=u(Ee,6);ve(Me,21,()=>Object.entries(d),([J,ge])=>J,(J,ge)=>{var je=x(()=>gt(r(ge),2));let $e=()=>r(je)[0],De=()=>r(je)[1];{let pt=x(()=>`duration_${$e()}`),Pe=x(()=>o($e())),Ue=x(()=>`--sf-duration-${$e()}`);wt(J,{section:"motion",get fieldKey(){return r(pt)},get label(){return r(Pe)},min:0,step:10,get default(){return De()},get cssVar(){return r(Ue)},unit:"ms"})}});var Ve=u(Me,6);ve(Ve,21,()=>Object.entries(i),([J,ge])=>J,(J,ge)=>{var je=x(()=>gt(r(ge),2));let $e=()=>r(je)[0],De=()=>r(je)[1];{let pt=x(()=>o($e())),Pe=x(()=>`--sf-z-${$e()}`);wt(J,{section:"zindex",get fieldKey(){return $e()},get label(){return r(pt)},step:1,get default(){return De()},get cssVar(){return r(Pe)}})}});var L=u(Ve,4),U=c(L);{let J=x(()=>l.contrast_bias??0);_s(U,{section:"contrast",fieldKey:"contrast_bias",label:"Contrast Bias",description:"Shifts derived shades up (positive) or down (negative).",min:-.2,max:.2,step:.01,get default(){return r(J)},cssVar:"--sf-contrast-bias"})}var se=u(U,2);{let J=x(()=>l.contrast_threshold??.6);_s(se,{section:"contrast",fieldKey:"contrast_threshold",label:"Contrast Threshold",description:"Lightness threshold for text-on-color (white vs. black).",min:0,max:1,step:.01,get default(){return r(J)},cssVar:"--sf-contrast-threshold"})}var X=u(se,2);{let J=x(()=>l.opacity_disabled??.45);_s(X,{section:"contrast",fieldKey:"opacity_disabled",label:"Disabled Opacity",min:0,max:1,step:.01,get default(){return r(J)},cssVar:"--sf-opacity-disabled"})}C(G,xe)},$$slots:{default:!0}}),B(()=>{ae=he(K,"",ae,{"--fp-width":`${r(E)??""}px`,"--fp-offset":`${r($)??""}px`,"--fp-style":r(z)}),V(oe,`${r(E)??""}px ${r(z)??""} · ${r($)??""}px offset`)}),C(e,S),Te()}var jo=j('<li class="svelte-1nfz83c"><code class="svelte-1nfz83c"> </code></li>'),$o=j('<ul class="category__list svelte-1nfz83c"></ul>'),zo=j('<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>'),Fo=j(`<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 Ro(e,t){Ce(t,!0);const s=pe.inventory?.variables??[],a={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 i(b){let w=b;w.startsWith("--sf-")&&(w=w.slice(5));const _=w.indexOf("-"),y=_===-1?w:w.slice(0,_);return a[y]||"Misc"}function l(b){const w={};for(const y of b){const E=i(y);w[E]||(w[E]=[]),w[E].push(y)}const _=[];for(const y of n)w[y]?.length&&(w[y].sort(),_.push({category:y,items:w[y]}));for(const y of Object.keys(w))!n.includes(y)&&w[y]?.length&&(w[y].sort(),_.push({category:y,items:w[y]}));return _}const d=l(s);let o=Be({});function v(b){o[b]=!o[b]}var p=Fo(),h=c(p),f=c(h),m=u(h,4);ve(m,17,()=>d,({category:b,items:w})=>b,(b,w)=>{let _=()=>r(w).category,y=()=>r(w).items;var E=zo(),$=c(E),z=c($),N=c(z),S=u(z,2),F=c(S),P=u(S,2),A=c(P),R=u($,2);{var O=I=>{var T=$o();ve(T,20,y,k=>k,(k,M)=>{var H=jo(),Q=c(H),q=c(Q);B(()=>V(q,M)),C(k,H)}),C(I,T)};ye(R,I=>{o[_()]&&I(O)})}B(()=>{ee($,"aria-expanded",o[_()]?"true":"false"),V(N,o[_()]?"▼":"▶"),V(F,_()),V(A,`(${y().length??""})`)}),_e("click",$,()=>v(_())),C(b,E)}),B(()=>V(f,`CSS Variables (${s.length??""})`)),C(e,p),Te()}Ke(["click"]);var Mo=j('<li class="svelte-1yljizh"><code class="svelte-1yljizh"> </code></li>'),Vo=j('<ul class="category__list svelte-1yljizh"></ul>'),Do=j('<li class="svelte-1yljizh"><code class="svelte-1yljizh"> </code></li>'),Lo=j('<ul class="category__list svelte-1yljizh"></ul>'),Po=j('<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 Oo(e,t){Ce(t,!0);const s=pe.inventory?.sf_classes??[],a=pe.inventory?.is_classes??[];let n=le(!1),i=le(!1);var l=Po(),d=c(l),o=c(d),v=u(d,4),p=c(v),h=c(p),f=c(h),m=u(h,4),b=c(m),w=u(p,2);{var _=A=>{var R=Vo();ve(R,20,()=>s,O=>O,(O,I)=>{var T=Mo(),k=c(T),M=c(k);B(()=>V(M,`.${I??""}`)),C(O,T)}),C(A,R)};ye(w,A=>{r(n)&&A(_)})}var y=u(v,2),E=c(y),$=c(E),z=c($),N=u($,4),S=c(N),F=u(E,2);{var P=A=>{var R=Lo();ve(R,20,()=>a,O=>O,(O,I)=>{var T=Do(),k=c(T),M=c(k);B(()=>V(M,`.${I??""}`)),C(O,T)}),C(A,R)};ye(F,A=>{r(i)&&A(P)})}B(()=>{V(o,`Registered Classes (${s.length+a.length})`),ee(p,"aria-expanded",r(n)?"true":"false"),V(f,r(n)?"▼":"▶"),V(b,`(${s.length??""})`),ee(E,"aria-expanded",r(i)?"true":"false"),V(z,r(i)?"▼":"▶"),V(S,`(${a.length??""})`)}),_e("click",p,()=>W(n,!r(n))),_e("click",E,()=>W(i,!r(i))),C(e,l),Te()}Ke(["click"]);async function ja(e,t){const{url:s,nonce:a}=pe.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":a},body:JSON.stringify(t)});if(!n.ok){const i=await n.text();throw new Error(i||`HTTP ${n.status}`)}return n.json()}function Fr(e,t){return ja("/tokens",{section:e,values:t})}function Rr(e){return ja("/tokens/reset",{section:e})}function Io(e){return ja("/settings",e)}async function Bo(){const{url:e,nonce:t}=pe.rest;if(!e)return console.info("[slashed-admin] (dev) would GET /tokens/export"),{schema_version:"1",tokens:{},plugin_settings:{},dev:!0};const s=await fetch(e+"/tokens/export",{credentials:"same-origin",headers:{"X-WP-Nonce":t}});if(!s.ok)throw new Error(await s.text()||`HTTP ${s.status}`);return s.json()}function qo(e){return ja("/tokens/import",e)}var Ko=j('<span class="status status--ok svelte-13231hj">Saved</span>'),No=j('<span class="status status--err svelte-13231hj"> </span>'),Ho=j(`<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
+    straight into the framework as the source of the brand scale.</p> <div class="rows svelte-1vle0rm"></div> <!></section>`);function Rl(e,t){Ce(t,!0);const s=pe.defaults?.colors??{},a=p=>p.charAt(0).toUpperCase()+p.slice(1),n=Object.entries(s.brand??{}),i=x(()=>yl("colors","dark_overrides_enabled")!=="0");function l(){_t("colors","dark_overrides_enabled",r(i)?"0":"1")}var d=Fl(),o=u(c(d),4);ve(o,21,()=>n,([p,h])=>p,(p,h)=>{var f=x(()=>gt(r(h),2));let m=()=>r(f)[0],b=()=>r(f)[1];{let w=x(()=>`brand_${m()}`),_=x(()=>a(m())),y=x(()=>s.brand_hex_hints?.[m()]??""),E=x(()=>`--sf-color-${m()}-light`);ra(p,{get storeKey(){return r(w)},get label(){return r(_)},get hexHint(){return r(y)},get rawHint(){return b()},get cssVar(){return r(E)}})}});var v=u(o,2);Qs(v,{children:(p,h)=>{var f=zl(),m=u(vt(f),2);ve(m,21,()=>Object.entries(s.status??{}),([S,F])=>S,(S,F)=>{var P=x(()=>gt(r(F),2));let A=()=>r(P)[0],R=()=>r(P)[1];{let O=x(()=>`status_${A()}`),I=x(()=>a(A())),T=x(()=>s.status_hex_hints?.[A()]??""),k=x(()=>`--sf-color-${A()}-light`);ra(S,{get storeKey(){return r(O)},get label(){return r(I)},get hexHint(){return r(T)},get rawHint(){return R()},get cssVar(){return r(k)}})}});var b=u(m,2),w=c(b),_=c(w);let y;var E=u(_,2),$=c(E),z=u(b,2);{var N=S=>{var F=$l(),P=u(vt(F),2);ve(P,21,()=>Object.entries(s.brand_dark??s.brand??{}),([R])=>R,(R,O)=>{var I=x(()=>gt(r(O),1));let T=()=>r(I)[0];{let k=x(()=>`brand_dark_${T()}`),M=x(()=>a(T())),H=x(()=>s.brand_dark_hex_hints?.[T()]??""),Q=x(()=>s.brand_dark?.[T()]??""),B=x(()=>`--sf-color-${T()}-dark`);ra(R,{get storeKey(){return r(k)},get label(){return r(M)},get hexHint(){return r(H)},get rawHint(){return r(Q)},get cssVar(){return r(B)}})}});var A=u(P,4);ve(A,21,()=>Object.entries(s.status_dark??s.status??{}),([R])=>R,(R,O)=>{var I=x(()=>gt(r(O),1));let T=()=>r(I)[0];{let k=x(()=>`status_dark_${T()}`),M=x(()=>a(T())),H=x(()=>s.status_dark_hex_hints?.[T()]??""),Q=x(()=>s.status_dark?.[T()]??""),B=x(()=>`--sf-color-${T()}-dark`);ra(R,{get storeKey(){return r(k)},get label(){return r(M)},get hexHint(){return r(H)},get rawHint(){return r(Q)},get cssVar(){return r(B)}})}}),C(S,F)};ye(z,S=>{r(i)&&S(N)})}q(()=>{y=Le(_,1,"dark-toggle-btn svelte-1vle0rm",null,y,{on:r(i)}),ee(_,"aria-pressed",r(i)),V($,r(i)?"Active — custom values override auto-derivation":"Off — dark mode auto-derived from light source colors")}),_e("click",_,l),C(p,f)},$$slots:{default:!0}}),C(e,d),Te()}Ke(["click"]);var Ml=j('<label class="svelte-miyob8"> </label>'),Vl=j('<span class="row__label-text svelte-miyob8"> </span>'),Dl=j('<code class="row__var svelte-miyob8"> </code>'),Ll=j('<p class="row__desc svelte-miyob8"> </p>'),Pl=j('<div class="row svelte-miyob8"><div class="row__label svelte-miyob8"><!> <!></div> <div class="row__inputs svelte-miyob8"><!> <!></div></div>');function ea(e,t){let s=Se(t,"cssVar",3,""),a=Se(t,"fieldId",3,""),n=Se(t,"description",3,"");var i=Pl(),l=c(i),d=c(l);{var o=_=>{var y=Ml(),E=c(y);q(()=>{ee(y,"for",a()),V(E,t.label)}),C(_,y)},v=_=>{var y=Vl(),E=c(y);q(()=>V(E,t.label)),C(_,y)};ye(d,_=>{a()?_(o):_(v,-1)})}var p=u(d,2);{var h=_=>{var y=Dl(),E=c(y);q(()=>V(E,s())),C(_,y)};ye(p,_=>{s()&&_(h)})}var f=u(l,2),m=c(f);jn(m,()=>t.children??Or);var b=u(m,2);{var w=_=>{var y=Ll(),E=c(y);q(()=>V(E,n())),C(_,y)};ye(b,_=>{n()&&_(w)})}C(e,i)}var Ol=j('<input type="text" spellcheck="false"/>');function Ae(e,t){Ce(t,!0);let s=Se(t,"default",3,""),a=Se(t,"cssVar",3,""),n=Se(t,"description",3,""),i=Se(t,"mono",3,!1),l=Se(t,"width",3,"320px");const d=x(()=>Z[t.section]?.[t.fieldKey]===void 0||Z[t.section]?.[t.fieldKey]===null?"":String(Z[t.section][t.fieldKey]));function o(v){_t(t.section,t.fieldKey,v.currentTarget.value)}ea(e,{get label(){return t.label},get cssVar(){return a()},get fieldId(){return t.fieldKey},get description(){return n()},children:(v,p)=>{var h=Ol();let f,m;q(b=>{ee(h,"id",t.fieldKey),f=Le(h,1,"text svelte-j8yw6l",null,f,{mono:i()}),Ks(h,r(d)),ee(h,"placeholder",b),m=he(h,"",m,{width:l()})},[()=>String(s())]),_e("input",h,o),C(v,h)},$$slots:{default:!0}}),Te()}Ke(["input"]);var Il=j('<button type="button">Bricks</button>'),ql=j("<option> </option>"),Bl=j('<select class="font-select svelte-ow2kvz"></select>'),Kl=j("<option> </option>"),Nl=j('<select class="font-select svelte-ow2kvz"></select>'),Hl=j('<input type="text" class="font-text svelte-ow2kvz" spellcheck="false"/>'),Ul=j('<span class="font-preview svelte-ow2kvz">The quick brown fox</span>'),Gl=j('<div class="font-field svelte-ow2kvz"><div class="source-tabs svelte-ow2kvz" role="group" aria-label="Font source"><button type="button">System</button> <!> <button type="button">Manual</button></div> <!> <!></div>');function zr(e,t){Ce(t,!0);let s=Se(t,"default",3,""),a=Se(t,"cssVar",3,""),n=Se(t,"description",3,"");const i=[{label:"System UI",value:"system-ui, sans-serif"},{label:"Neo-Grotesque",value:"Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif"},{label:"Geometric Humanist",value:"Avenir, Montserrat, Corbel, 'URW Gothic', source-sans-pro, sans-serif"},{label:"Classical Humanist",value:"Optima, Candara, 'Noto Sans', source-sans-pro, sans-serif"},{label:"Humanist Sans",value:"Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, sans-serif"},{label:"Industrial Sans",value:"'Bahnschrift', 'DIN Alternate', 'Franklin Gothic Medium', 'Nimbus Sans Narrow', sans-serif-condensed, sans-serif"},{label:"Rounded Sans",value:"ui-rounded, 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif"},{label:"Transitional Serif",value:"Charter, 'Bitstream Charter', 'Sitka Text', Cambria, serif"},{label:"Old Style Serif",value:"'Iowan Old Style', 'Palatino Linotype', 'URW Palladio L', P052, serif"},{label:"Slab Serif",value:"Rockwell, 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif"},{label:"Antique Serif",value:"Superclarendon, 'Bookman Old Style', 'URW Bookman', 'URW Bookman L', 'Georgia Pro', Georgia, serif"},{label:"Didone Serif",value:"Didact Gothic, 'Bodoni MT', 'Bodoni 72', Didot, 'Playfair Display', serif"},{label:"Monospace",value:"ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace"},{label:"Handwritten",value:"'Segoe Print', 'Bradley Hand', Chilanka, TSCu_Comic, casual, cursive"}];let l=le(qe([])),d=le(!1);async function o(){try{const z=`${pe.rest.url}bricks-fonts`,N=await fetch(z,{headers:{"X-WP-Nonce":pe.rest.nonce}});if(!N.ok)return;const S=await N.json();W(l,Array.isArray(S?.fonts)?S.fonts:[],!0)}catch{}finally{W(d,!0)}}ga(()=>{o()});const v=x(()=>Z[t.section]?.[t.fieldKey]===void 0||Z[t.section]?.[t.fieldKey]===null?"":String(Z[t.section][t.fieldKey])),p=x(()=>r(v)||String(s()));function h(z){const N=(z||String(s())).trim().toLowerCase();return r(l).some(S=>N===S.family.toLowerCase())?"bricks":i.some(S=>N===S.value.toLowerCase())?"system":"manual"}let f=le(qe(h(r(p))));ga(()=>{r(d)&&W(f,h(r(p)),!0)});function m(z){W(f,z,!0),z==="system"?i.find(S=>S.value.toLowerCase()===r(p).toLowerCase())||_t(t.section,t.fieldKey,i[0].value):z==="bricks"&&!r(l).find(S=>S.family.toLowerCase()===r(p).toLowerCase())&&r(l).length>0&&_t(t.section,t.fieldKey,r(l)[0].family)}function b(z){_t(t.section,t.fieldKey,z.currentTarget.value)}function w(z){_t(t.section,t.fieldKey,z.currentTarget.value)}function _(z){_t(t.section,t.fieldKey,z.currentTarget.value)}const y=x(()=>r(d)&&r(l).length>0),E={adobe:" (Adobe)",google:" (Google)"},$=z=>E[z]??"";ea(e,{get label(){return t.label},get cssVar(){return a()},get fieldId(){return t.fieldKey},get description(){return n()},children:(z,N)=>{var S=Gl(),F=c(S),P=c(F);let A;var R=u(P,2);{var O=D=>{var K=Il();let ae;q(()=>ae=Le(K,1,"source-tab svelte-ow2kvz",null,ae,{"source-tab--active":r(f)==="bricks"})),_e("click",K,()=>m("bricks")),C(D,K)};ye(R,D=>{r(y)&&D(O)})}var I=u(R,2);let T;var k=u(F,2);{var M=D=>{var K=Bl();ve(K,21,()=>i,re=>re.value,(re,oe)=>{var fe=ql(),G=c(fe),ce={};q(()=>{V(G,r(oe).label),ce!==(ce=r(oe).value)&&(fe.value=(fe.__value=r(oe).value)??"")}),C(re,fe)});var ae;ba(K),q(()=>{ee(K,"id",t.fieldKey),ae!==(ae=r(p))&&(K.value=(K.__value=r(p))??"",Bs(K,r(p)))}),_e("change",K,b),C(D,K)},H=D=>{var K=Nl();ve(K,21,()=>r(l),re=>re.family,(re,oe)=>{var fe=Kl(),G=c(fe),ce={};q(xe=>{V(G,`${r(oe).label??""}${xe??""}`),ce!==(ce=r(oe).family)&&(fe.value=(fe.__value=r(oe).family)??"")},[()=>$(r(oe).source)]),C(re,fe)});var ae;ba(K),q(()=>{ee(K,"id",t.fieldKey),ae!==(ae=r(p))&&(K.value=(K.__value=r(p))??"",Bs(K,r(p)))}),_e("change",K,w),C(D,K)},Q=D=>{var K=Hl();q(ae=>{ee(K,"id",t.fieldKey),Ks(K,r(v)),ee(K,"placeholder",ae)},[()=>String(s())]),_e("input",K,_),C(D,K)};ye(k,D=>{r(f)==="system"?D(M):r(f)==="bricks"&&r(y)?D(H,1):D(Q,-1)})}var B=u(k,2);{var Y=D=>{var K=Ul();q(()=>he(K,`font-family: ${r(p)??""}`)),C(D,K)};ye(B,D=>{r(p)&&D(Y)})}q(()=>{A=Le(P,1,"source-tab svelte-ow2kvz",null,A,{"source-tab--active":r(f)==="system"}),T=Le(I,1,"source-tab svelte-ow2kvz",null,T,{"source-tab--active":r(f)==="manual"})}),_e("click",P,()=>m("system")),_e("click",I,()=>m("manual")),C(z,S)},$$slots:{default:!0}}),Te()}Ke(["click","change","input"]);var Wl=j('<span class="unit svelte-1pjh3bn"> </span>'),Xl=j('<input type="number" class="number svelte-1pjh3bn"/> <!>',1);function wt(e,t){Ce(t,!0);let s=Se(t,"min",3,void 0),a=Se(t,"max",3,void 0),n=Se(t,"step",3,void 0),i=Se(t,"default",3,""),l=Se(t,"cssVar",3,""),d=Se(t,"unit",3,""),o=Se(t,"description",3,""),v=Se(t,"width",3,"120px");const p=x(()=>Z[t.section]?.[t.fieldKey]===void 0||Z[t.section]?.[t.fieldKey]===null?"":String(Z[t.section][t.fieldKey]));function h(f){_t(t.section,t.fieldKey,f.currentTarget.value)}ea(e,{get label(){return t.label},get cssVar(){return l()},get fieldId(){return t.fieldKey},get description(){return o()},children:(f,m)=>{var b=Xl(),w=vt(b);let _;var y=u(w,2);{var E=$=>{var z=Wl(),N=c(z);q(()=>V(N,d())),C($,z)};ye(y,$=>{d()&&$(E)})}q($=>{ee(w,"id",t.fieldKey),ee(w,"min",s()),ee(w,"max",a()),ee(w,"step",n()),Ks(w,r(p)),ee(w,"placeholder",$),_=he(w,"",_,{width:v()})},[()=>String(i())]),_e("input",w,h),C(f,b)},$$slots:{default:!0}}),Te()}Ke(["input"]);var Yl=j('<div class="typo-preview__row svelte-10qc8pz"><span class="typo-preview__step-name svelte-10qc8pz"> </span> <span class="typo-preview__sample svelte-10qc8pz"> </span> <span class="typo-preview__meta svelte-10qc8pz"> </span></div>'),Zl=j('<div class="typo-preview__row svelte-10qc8pz"><span class="typo-preview__step-name svelte-10qc8pz"> </span> <span class="typo-preview__sample svelte-10qc8pz"> </span> <span class="typo-preview__meta svelte-10qc8pz"> </span></div>'),Jl=j('<div class="typo-preview__rows typo-preview__rows--display svelte-10qc8pz"><p class="typo-preview__group-heading svelte-10qc8pz">Display Scale</p> <!></div>'),Ql=j('<div class="typo-preview svelte-10qc8pz"><div class="typo-preview__header svelte-10qc8pz"><p class="typo-preview__title svelte-10qc8pz">Live Scale Preview</p> <div class="typo-preview__slider-wrap svelte-10qc8pz"><span></span> <input class="typo-preview__slider svelte-10qc8pz" type="range" step="1" aria-label="Preview viewport width"/> <span></span> <span class="typo-preview__vw-label svelte-10qc8pz"> </span></div></div> <div class="typo-preview__rows svelte-10qc8pz"><p class="typo-preview__group-heading svelte-10qc8pz">Text Scale</p> <!></div> <!></div>');function eo(e,t){Ce(t,!0);const s=16,a=360,n=1520;let i=le(n);const d=(pe.defaults?.typography??{}).font_sizes??{};function o(R){const O=Z.typography??{},I=d[R]??{},T=O[`size_${R}_min`],k=O[`size_${R}_max`],M=T!==void 0&&T!==""?parseFloat(T):I.min??.75,H=k!==void 0&&k!==""?parseFloat(k):I.max??1;return{min:M,max:H}}const v=x(()=>{const R=Math.max(0,Math.min(1,(r(i)-a)/(n-a))),O={};for(const I of Object.keys(d)){const{min:T,max:k}=o(I),M=T+(k-T)*R,H=M*s;O[I]={sizePx:H,sizeRem:M.toFixed(3)}}return O}),p=["2xs","xs","s","m","l","xl","2xl","3xl","4xl"],h=["display-s","display-m","display-l"],f=x(()=>p.filter(R=>d[R])),m=x(()=>h.filter(R=>d[R]));var b=Ql(),w=c(b),_=u(c(w),2),y=c(_);y.textContent="360px";var E=u(y,2);ee(E,"min",a),ee(E,"max",n);var $=u(E,2);$.textContent="1520px";var z=u($,2),N=c(z),S=u(w,2),F=u(c(S),2);ve(F,16,()=>r(f),R=>R,(R,O)=>{const I=x(()=>r(v)[O]);var T=Er(),k=vt(T);{var M=H=>{var Q=Yl(),B=c(Q),Y=c(B),D=u(B,2);let K;var ae=c(D),re=u(D,2),oe=c(re);q((fe,G)=>{V(Y,O),K=he(D,"",K,fe),V(ae,O),V(oe,`${r(I).sizeRem??""}rem / ${G??""}px`)},[()=>({"font-size":`${r(I).sizePx.toFixed(1)??""}px`}),()=>r(I).sizePx.toFixed(1)]),C(H,Q)};ye(k,H=>{r(I)&&H(M)})}C(R,T)});var P=u(S,2);{var A=R=>{var O=Jl(),I=u(c(O),2);ve(I,16,()=>r(m),T=>T,(T,k)=>{const M=x(()=>r(v)[k]);var H=Er(),Q=vt(H);{var B=Y=>{var D=Zl(),K=c(D),ae=c(K),re=u(K,2);let oe;var fe=c(re),G=u(re,2),ce=c(G);q((xe,Ee)=>{V(ae,k),oe=he(re,"",oe,xe),V(fe,k),V(ce,`${r(M).sizeRem??""}rem / ${Ee??""}px`)},[()=>({"font-size":`${r(M).sizePx.toFixed(1)??""}px`}),()=>r(M).sizePx.toFixed(1)]),C(Y,D)};ye(Q,Y=>{r(M)&&Y(B)})}C(T,H)}),C(R,O)};ye(P,R=>{r(m).length>0&&R(A)})}q(()=>V(N,`${r(i)??""}px`)),Dt(E,()=>r(i),R=>W(i,R)),C(e,b),Te()}var to=j("<option> </option>"),so=j("<option> </option>"),ao=j('<div><span class="scale-gen__step-name svelte-1y8fkhh"> </span> <span class="scale-gen__step-val svelte-1y8fkhh"> </span></div>'),ro=j('<div class="scale-gen svelte-1y8fkhh"><div class="scale-gen__header svelte-1y8fkhh"><span class="scale-gen__title svelte-1y8fkhh">Scale Generator</span> <span class="scale-gen__hint svelte-1y8fkhh">Computes all step min/max values from a modular scale. Click Apply to write them to the fields below.</span></div> <div class="scale-gen__controls svelte-1y8fkhh"><label class="scale-gen__field svelte-1y8fkhh"><span class="scale-gen__label svelte-1y8fkhh">Base min</span> <div class="scale-gen__input-wrap svelte-1y8fkhh"><input type="number" min="0.5" max="2" step="0.01" class="svelte-1y8fkhh"/> <span class="scale-gen__unit svelte-1y8fkhh">rem</span></div></label> <label class="scale-gen__field svelte-1y8fkhh"><span class="scale-gen__label svelte-1y8fkhh">Base max</span> <div class="scale-gen__input-wrap svelte-1y8fkhh"><input type="number" min="0.5" max="3" step="0.01" class="svelte-1y8fkhh"/> <span class="scale-gen__unit svelte-1y8fkhh">rem</span></div></label> <label class="scale-gen__field svelte-1y8fkhh"><span class="scale-gen__label svelte-1y8fkhh">Ratio (mobile)</span> <select class="svelte-1y8fkhh"></select></label> <label class="scale-gen__field svelte-1y8fkhh"><span class="scale-gen__label svelte-1y8fkhh">Ratio (desktop)</span> <select class="svelte-1y8fkhh"></select></label> <label class="scale-gen__field svelte-1y8fkhh"><span class="scale-gen__label svelte-1y8fkhh">Display offset</span> <div class="scale-gen__input-wrap svelte-1y8fkhh"><input type="number" min="0.5" max="1.5" step="0.05" class="svelte-1y8fkhh"/> <span class="scale-gen__unit svelte-1y8fkhh">×</span></div></label></div> <div class="scale-gen__preview svelte-1y8fkhh"></div> <div class="scale-gen__footer svelte-1y8fkhh"><button type="button" class="scale-gen__apply svelte-1y8fkhh">Apply to scale</button></div></div>');function no(e,t){Ce(t,!0);const s=[{label:"Minor Second  (1.067)",value:1.067},{label:"Major Second  (1.125)",value:1.125},{label:"Minor Third   (1.200)",value:1.2},{label:"Major Third   (1.250)",value:1.25},{label:"Perfect Fourth (1.333)",value:1.333},{label:"Aug. Fourth   (1.414)",value:1.414},{label:"Perfect Fifth (1.500)",value:1.5},{label:"Golden Ratio  (1.618)",value:1.618},{label:"Major Sixth   (1.667)",value:1.667},{label:"Octave        (2.000)",value:2}],a=[{name:"2xs",idx:-4},{name:"xs",idx:-3},{name:"s",idx:-2},{name:"m",idx:0},{name:"l",idx:1},{name:"xl",idx:2},{name:"2xl",idx:3},{name:"3xl",idx:4},{name:"4xl",idx:5},{name:"display-s",idx:5},{name:"display-m",idx:6},{name:"display-l",idx:7}];let n=le(1),i=le(1.25),l=le(1.25),d=le(1.333),o=le(.85);const v=x(()=>a.map(({name:T,idx:k})=>{const H=T.startsWith("display")?r(o):1,Q=+(r(n)*H*Math.pow(r(l),k)).toFixed(4),B=+(r(i)*H*Math.pow(r(d),k)).toFixed(4);return{name:T,min:Q,max:B}}));function p(){Z.typography||(Z.typography={});for(const{name:T,min:k,max:M}of r(v))Z.typography[`size_${T}_min`]=String(k),Z.typography[`size_${T}_max`]=String(M);vr()}var h=ro(),f=u(c(h),2),m=c(f),b=u(c(m),2),w=c(b),_=u(m,2),y=u(c(_),2),E=c(y),$=u(_,2),z=u(c($),2);ve(z,21,()=>s,T=>T.value,(T,k)=>{var M=to(),H=c(M),Q={};q(()=>{V(H,r(k).label),Q!==(Q=r(k).value)&&(M.value=(M.__value=r(k).value)??"")}),C(T,M)});var N=u($,2),S=u(c(N),2);ve(S,21,()=>s,T=>T.value,(T,k)=>{var M=so(),H=c(M),Q={};q(()=>{V(H,r(k).label),Q!==(Q=r(k).value)&&(M.value=(M.__value=r(k).value)??"")}),C(T,M)});var F=u(N,2),P=u(c(F),2),A=c(P),R=u(f,2);ve(R,21,()=>r(v),({name:T,min:k,max:M})=>T,(T,k)=>{let M=()=>r(k).name,H=()=>r(k).min,Q=()=>r(k).max;var B=ao();let Y;var D=c(B),K=c(D),ae=u(D,2),re=c(ae);q((oe,fe,G)=>{Y=Le(B,1,"scale-gen__step svelte-1y8fkhh",null,Y,oe),V(K,M()),V(re,`${fe??""} / ${G??""}`)},[()=>({display:M().startsWith("display")}),()=>H().toFixed(3),()=>Q().toFixed(3)]),C(T,B)});var O=u(R,2),I=c(O);Dt(w,()=>r(n),T=>W(n,T)),Dt(E,()=>r(i),T=>W(i,T)),ya(z,()=>r(l),T=>W(l,T)),ya(S,()=>r(d),T=>W(d,T)),Dt(A,()=>r(o),T=>W(o,T)),_e("click",I,p),C(e,h),Te()}Ke(["click"]);var io=j('<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>'),lo=j('<h2 class="group-heading svelte-743nsg">Additional Font Families</h2> <div class="rows svelte-743nsg"></div> <h2 class="group-heading svelte-743nsg">Scale Multipliers</h2> <div class="rows svelte-743nsg"><!> <!></div>',1),oo=j('<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> <!> <!></section>');function co(e,t){Ce(t,!0);const s="typography",a=pe.defaults?.[s]??{},n=a.font_families??{},i=a.font_sizes??{},l=_=>_.charAt(0).toUpperCase()+_.slice(1),d=["body","heading"],o=Object.fromEntries(Object.entries(n).filter(([_])=>d.includes(_))),v=Object.fromEntries(Object.entries(n).filter(([_])=>!d.includes(_)));var p=oo(),h=u(c(p),2);ve(h,21,()=>Object.entries(o),([_,y])=>_,(_,y)=>{var E=x(()=>gt(r(y),2));let $=()=>r(E)[0],z=()=>r(E)[1];{let N=x(()=>`font_${$()}`),S=x(()=>l($())),F=x(()=>`--sf-font-${$()}`);zr(_,{section:s,get fieldKey(){return r(N)},get label(){return r(S)},get default(){return z()},get cssVar(){return r(F)}})}});var f=u(h,6);no(f,{});var m=u(f,2);ve(m,21,()=>Object.entries(i),([_,y])=>_,(_,y)=>{var E=x(()=>gt(r(y),2));let $=()=>r(E)[0],z=()=>r(E)[1];var N=io(),S=c(N),F=c(S),P=c(F),A=u(F,2),R=c(A),O=u(S,2),I=c(O);{let k=x(()=>`size_${$()}_min`);wt(I,{section:s,get fieldKey(){return r(k)},label:"Min",min:0,step:.01,get default(){return z().min},width:"80px"})}var T=u(I,2);{let k=x(()=>`size_${$()}_max`);wt(T,{section:s,get fieldKey(){return r(k)},label:"Max",min:0,step:.01,get default(){return z().max},width:"80px"})}q(()=>{V(P,$()),V(R,`--sf-text-${$()??""}`)}),C(_,N)});var b=u(m,2);eo(b,{});var w=u(b,2);Qs(w,{children:(_,y)=>{var E=lo(),$=u(vt(E),2);ve($,21,()=>Object.entries(v),([F,P])=>F,(F,P)=>{var A=x(()=>gt(r(P),2));let R=()=>r(A)[0],O=()=>r(A)[1];{let I=x(()=>`font_${R()}`),T=x(()=>l(R())),k=x(()=>`--sf-font-${R()}`);zr(F,{section:s,get fieldKey(){return r(I)},get label(){return r(T)},get default(){return O()},get cssVar(){return r(k)}})}});var z=u($,4),N=c(z);{let F=x(()=>a.scale_multipliers?.text_scale??1);wt(N,{section:s,fieldKey:"text_scale",label:"Text Scale",min:0,step:.05,get default(){return r(F)},cssVar:"--sf-text-scale"})}var S=u(N,2);{let F=x(()=>a.scale_multipliers?.text_display_scale??1);wt(S,{section:s,fieldKey:"text_display_scale",label:"Display Scale",min:0,step:.05,get default(){return r(F)},cssVar:"--sf-text-display-scale"})}C(_,E)},$$slots:{default:!0}}),C(e,p),Te()}var uo=j('<div class="spacing-preview__row svelte-11lwg9t"><span class="spacing-preview__token svelte-11lwg9t"> </span> <div class="spacing-preview__bar-wrap svelte-11lwg9t"><div class="spacing-preview__bar svelte-11lwg9t"></div></div> <span class="spacing-preview__value svelte-11lwg9t"> </span></div>'),vo=j('<div class="spacing-preview svelte-11lwg9t"><div class="spacing-preview__header svelte-11lwg9t"><p class="spacing-preview__title svelte-11lwg9t">Live Scale Preview</p> <div class="spacing-preview__slider-wrap svelte-11lwg9t"><span></span> <input class="spacing-preview__slider svelte-11lwg9t" type="range" step="1" aria-label="Preview viewport width"/> <span></span> <span class="spacing-preview__vw-label svelte-11lwg9t"> </span></div></div> <div class="spacing-preview__rows svelte-11lwg9t"></div> <div class="spacing-preview__card-section svelte-11lwg9t"><p class="spacing-preview__card-label svelte-11lwg9t"> </p> <div class="spacing-preview__card svelte-11lwg9t"><div class="spacing-preview__card-row svelte-11lwg9t"><div class="spacing-preview__card-avatar svelte-11lwg9t"></div> <div class="spacing-preview__card-meta svelte-11lwg9t"><div class="spacing-preview__card-title svelte-11lwg9t">Card heading</div> <div class="spacing-preview__card-sub svelte-11lwg9t"> </div></div></div> <div class="spacing-preview__card-body svelte-11lwg9t"> </div> <div class="spacing-preview__card-footer svelte-11lwg9t"><div class="spacing-preview__card-tag svelte-11lwg9t">tag</div> <div class="spacing-preview__card-tag svelte-11lwg9t">tag 2</div> <div class="spacing-preview__card-cta svelte-11lwg9t">Action</div></div></div></div></div>');function fo(e,t){Ce(t,!0);const s=360,a=1440;let n=le(a);const i=pe.defaults?.spacing??{},l=i.space_sizes??{};function d(B){const Y=Z.spacing??{},D=l[B]??{},K=Y[`space_${B}_min`],ae=Y[`space_${B}_max`],re=K!==void 0&&K!==""?parseFloat(K):D.min??1,oe=ae!==void 0&&ae!==""?parseFloat(ae):D.max??1;return{min:re,max:oe}}const o=x(()=>{const B=parseFloat(Z.spacing?.space_scale??i.space_scale??1)||1,Y=Math.max(0,Math.min(1,(r(n)-s)/(a-s))),D=["2xs","xs","s","m","l","xl","2xl","3xl","4xl"],K=d("4xl").max*B;return D.map(ae=>{const{min:re,max:oe}=d(ae),fe=(re+(oe-re)*Y)*B,G=fe/K*100;return{name:ae,sizeRem:fe.toFixed(3),barPct:Math.min(G,100)}})}),v=x(()=>{const B=parseFloat(Z.spacing?.space_scale??i.space_scale??1)||1,Y=Math.max(0,Math.min(1,(r(n)-s)/(a-s))),D=K=>{const{min:ae,max:re}=d(K);return((ae+(re-ae)*Y)*B).toFixed(3)};return{xs:D("xs"),s:D("s"),m:D("m"),l:D("l")}});var p=vo(),h=c(p),f=u(c(h),2),m=c(f);m.textContent="360px";var b=u(m,2);ee(b,"min",s),ee(b,"max",a);var w=u(b,2);w.textContent="1440px";var _=u(w,2),y=c(_),E=u(h,2);ve(E,21,()=>r(o),B=>B.name,(B,Y)=>{var D=uo(),K=c(D),ae=c(K),re=u(K,2),oe=c(re);let fe;var G=u(re,2),ce=c(G);q(()=>{V(ae,`--sf-space-${r(Y).name??""}`),fe=he(oe,"",fe,{width:`${r(Y).barPct??""}%`}),V(ce,`${r(Y).sizeRem??""}rem`)}),C(B,D)});var $=u(E,2),z=c($),N=c(z),S=u(z,2);let F;var P=c(S);let A;var R=u(c(P),2),O=u(c(R),2),I=c(O),T=u(P,2),k=c(T),M=u(T,2);let H;var Q=u(c(M),2);he(Q,"",{},{width:"3rem"}),q(()=>{V(y,`${r(n)??""}px`),V(N,`Container context at ${r(n)??""}px`),F=he(S,"",F,{padding:`${r(v).m??""}rem`,gap:`${r(v).s??""}rem`}),A=he(P,"",A,{gap:`${r(v).s??""}rem`}),V(I,`padding: ${r(v).m??""}rem`),V(k,`Body section · gap between rows: ${r(v).s??""}rem`),H=he(M,"",H,{gap:`${r(v).xs??""}rem`,"padding-top":`${r(v).xs??""}rem`})}),Dt(b,()=>r(n),B=>W(n,B)),C(e,p),Te()}var po=j('<div class="size-row svelte-1sn1epc"><div class="size-row__label"><span class="size-row__name svelte-1sn1epc"> </span> <code class="size-row__var svelte-1sn1epc"> </code></div> <div class="size-row__inputs svelte-1sn1epc"><!> <!></div></div>'),ho=j('<h2 class="group-heading svelte-1sn1epc">Space Aliases</h2> <div class="rows svelte-1sn1epc"></div>',1),_o=j(`<section><h2 class="svelte-1sn1epc">Spacing</h2> <div class="rows svelte-1sn1epc"><!></div> <h2 class="group-heading svelte-1sn1epc">Space Scale Steps</h2> <p class="hint svelte-1sn1epc">Min and max values in <code class="svelte-1sn1epc">rem</code> for fluid spacing via <code class="svelte-1sn1epc">clamp()</code>.
+    Leave both fields blank to use the framework defaults.</p> <div class="rows svelte-1sn1epc"></div> <!> <!></section>`);function go(e,t){Ce(t,!0);const s="spacing",a=pe.defaults?.[s]??{},n=a.space_sizes??{},i=[{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 l=_o(),d=u(c(l),2),o=c(d);{let f=x(()=>a.space_scale??1);wt(o,{section:s,fieldKey:"space_scale",label:"Space Scale",min:0,step:.05,get default(){return r(f)},cssVar:"--sf-space-scale"})}var v=u(d,6);ve(v,21,()=>Object.entries(n),([f,m])=>f,(f,m)=>{var b=x(()=>gt(r(m),2));let w=()=>r(b)[0],_=()=>r(b)[1];var y=po(),E=c(y),$=c(E),z=c($),N=u($,2),S=c(N),F=u(E,2),P=c(F);{let R=x(()=>`space_${w()}_min`);wt(P,{section:s,get fieldKey(){return r(R)},label:"Min",min:0,step:.01,get default(){return _().min},width:"80px"})}var A=u(P,2);{let R=x(()=>`space_${w()}_max`);wt(A,{section:s,get fieldKey(){return r(R)},label:"Max",min:0,step:.01,get default(){return _().max},width:"80px"})}q(()=>{V(z,w()),V(S,`--sf-space-${w()??""}`)}),C(f,y)});var p=u(v,2);fo(p,{});var h=u(p,2);Qs(h,{children:(f,m)=>{var b=ho(),w=u(vt(b),2);ve(w,21,()=>i,_=>_.key,(_,y)=>{{let E=x(()=>a[r(y).key]??"");Ae(_,{section:s,get fieldKey(){return r(y).key},get label(){return r(y).label},get default(){return r(E)},get cssVar(){return r(y).cssVar},mono:!0})}}),C(f,b)},$$slots:{default:!0}}),C(e,l),Te()}var mo=j('<span class="unit svelte-cifrt1"> </span>'),bo=j('<input type="range" class="range svelte-cifrt1" aria-hidden="true" tabindex="-1"/> <input type="number" class="number svelte-cifrt1"/> <!>',1);function _s(e,t){Ce(t,!0);let s=Se(t,"cssVar",3,""),a=Se(t,"unit",3,""),n=Se(t,"description",3,"");const i=x(()=>Z[t.section]?.[t.fieldKey]===void 0||Z[t.section]?.[t.fieldKey]===null?"":String(Z[t.section][t.fieldKey])),l=x(()=>r(i)===""||Number.isNaN(Number(r(i)))?Number(t.default):Number(r(i)));function d(v){_t(t.section,t.fieldKey,v.currentTarget.value)}function o(v){_t(t.section,t.fieldKey,v.currentTarget.value)}ea(e,{get label(){return t.label},get cssVar(){return s()},get fieldId(){return t.fieldKey},get description(){return n()},children:(v,p)=>{var h=bo(),f=vt(h),m=u(f,2),b=u(m,2);{var w=_=>{var y=mo(),E=c(y);q(()=>V(E,a())),C(_,y)};ye(b,_=>{a()&&_(w)})}q(_=>{ee(f,"min",t.min),ee(f,"max",t.max),ee(f,"step",t.step),Ks(f,r(l)),ee(m,"id",t.fieldKey),ee(m,"min",t.min),ee(m,"max",t.max),ee(m,"step",t.step),Ks(m,r(i)),ee(m,"placeholder",_)},[()=>String(t.default)]),_e("input",f,d),_e("input",m,o),C(v,h)},$$slots:{default:!0}}),Te()}Ke(["input"]);var yo=j("<option> </option>"),wo=j('<select class="select svelte-r7dp44"><option> </option><!></select>');function xo(e,t){Ce(t,!0);let s=Se(t,"options",19,()=>[]),a=Se(t,"default",3,""),n=Se(t,"cssVar",3,""),i=Se(t,"description",3,"");const l=x(()=>s().map(v=>typeof v=="string"?{value:v,label:v}:v)),d=x(()=>Z[t.section]?.[t.fieldKey]===void 0||Z[t.section]?.[t.fieldKey]===null?"":String(Z[t.section][t.fieldKey]));function o(v){_t(t.section,t.fieldKey,v.currentTarget.value)}ea(e,{get label(){return t.label},get cssVar(){return n()},get fieldId(){return t.fieldKey},get description(){return i()},children:(v,p)=>{var h=wo(),f=c(h),m=c(f);f.value=f.__value="";var b=u(f);ve(b,17,()=>r(l),_=>_.value,(_,y)=>{var E=yo(),$=c(E),z={};q(()=>{V($,r(y).label),z!==(z=r(y).value)&&(E.value=(E.__value=r(y).value)??"")}),C(_,E)});var w;ba(h),q(()=>{ee(h,"id",t.fieldKey),V(m,`Default (${a()??""})`),w!==(w=r(d))&&(h.value=(h.__value=r(d))??"",Bs(h,r(d)))}),_e("change",h,o),C(v,h)},$$slots:{default:!0}}),Te()}Ke(["change"]);var ko=j('<div class="radius-preview__item svelte-ieamrv"><div class="radius-preview__swatch svelte-ieamrv"></div> <span class="radius-preview__label svelte-ieamrv"> </span></div>'),So=j('<div class="shadow-preview__item svelte-ieamrv"><div class="shadow-preview__card svelte-ieamrv"> </div></div>'),Eo=j('<div class="motion-preview__item svelte-ieamrv"><span class="motion-preview__label svelte-ieamrv"> </span> <div class="motion-preview__track svelte-ieamrv"><div class="motion-preview__fill svelte-ieamrv"></div></div> <span class="motion-preview__ms svelte-ieamrv"> </span></div>'),Ao=j('<h2 class="group-heading svelte-ieamrv">Shadow</h2> <div class="rows svelte-ieamrv"><!></div> <h2 class="group-heading svelte-ieamrv">Motion — Durations</h2> <p class="hint svelte-ieamrv">Base duration values in milliseconds.</p> <div class="rows svelte-ieamrv"></div> <h2 class="group-heading svelte-ieamrv">Z-Index</h2> <p class="hint svelte-ieamrv">Z-index layer values for stacking context management.</p> <div class="rows svelte-ieamrv"></div> <h2 class="group-heading svelte-ieamrv">Contrast</h2> <div class="rows svelte-ieamrv"><!> <!> <!></div>',1),Co=j('<section class="svelte-ieamrv"><h2 class="svelte-ieamrv">Radius</h2> <div class="rows svelte-ieamrv"><!></div> <div class="radius-preview svelte-ieamrv"></div> <h2 class="group-heading svelte-ieamrv">Shadows</h2> <div class="rows svelte-ieamrv"><!></div> <div class="shadow-preview svelte-ieamrv"></div> <h2 class="group-heading svelte-ieamrv">Motion</h2> <div class="rows svelte-ieamrv"><!></div> <div class="motion-preview svelte-ieamrv"></div> <h2 class="group-heading svelte-ieamrv">Accessibility</h2> <div class="rows svelte-ieamrv"><!> <!> <!></div> <div class="focus-ring-preview svelte-ieamrv"><button class="focus-ring-preview__btn svelte-ieamrv">Tab to me</button> <span class="focus-ring-preview__desc svelte-ieamrv"> </span></div> <!></section>');function To(e,t){Ce(t,!0);const s=pe.defaults?.radius??{},a=pe.defaults?.shadows??{},n=pe.defaults?.motion??{},i=pe.defaults?.zindex??{},l=pe.defaults?.contrast??{},d=n.durations??{},o=G=>G.charAt(0).toUpperCase()+G.slice(1),v=[0,2,4,8,12,16,24,9999],p=["none","xs","s","m","l","xl","2xl","full"],h=x(()=>parseFloat(Z.radius?.radius_scale??pe.defaults?.radius?.radius_scale??1)),f=x(()=>v.map(G=>G*r(h))),m=x(()=>parseFloat(Z.shadows?.shadow_strength??a.shadow_strength??.08)),b=x(()=>parseFloat(Z.motion?.motion_scale??n.motion_scale??1)||1),w=["instant","fast","normal","slow","slower"],_=x(()=>w.map(G=>{const ce=Z.motion?.[`duration_${G}`],xe=parseFloat(ce!==void 0&&ce!==""?ce:d[G]??0);return{name:G,ms:Math.round(xe*r(b))}})),y=(G,ce)=>parseFloat(G!==void 0&&G!==""?G:ce),E=x(()=>y(Z.contrast?.focus_ring_width,l.focus_ring_width??2)),$=x(()=>y(Z.contrast?.focus_ring_offset,l.focus_ring_offset??2)),z=x(()=>Z.contrast?.focus_ring_style??l.focus_ring_style??"solid"),N=x(()=>[{label:"xs",shadow:`0 1px 2px 0 rgba(0,0,0,${(r(m)*.5).toFixed(4)})`},{label:"s",shadow:`0 1px 2px 0 rgba(0,0,0,${(r(m)*.5).toFixed(4)}), 0 2px 6px 0 rgba(0,0,0,${r(m).toFixed(4)})`},{label:"m",shadow:`0 1px 3px 0 rgba(0,0,0,${(r(m)*.5).toFixed(4)}), 0 4px 12px 0 rgba(0,0,0,${(r(m)*2).toFixed(4)})`},{label:"l",shadow:`0 2px 4px 0 rgba(0,0,0,${(r(m)*.5).toFixed(4)}), 0 8px 24px 0 rgba(0,0,0,${(r(m)*3).toFixed(4)})`},{label:"xl",shadow:`0 2px 8px 0 rgba(0,0,0,${(r(m)*.5).toFixed(4)}), 0 12px 36px 0 rgba(0,0,0,${(r(m)*3.5).toFixed(4)})`},{label:"glow",shadow:`0 0 15px 2px rgba(74,48,208,${Math.min(r(m)*2,.7).toFixed(4)})`}]);var S=Co(),F=u(c(S),2),P=c(F);{let G=x(()=>s.radius_scale??1);wt(P,{section:"radius",fieldKey:"radius_scale",label:"Radius Scale",min:0,step:.1,get default(){return r(G)},cssVar:"--sf-radius-scale"})}var A=u(F,2);ve(A,23,()=>r(f),(G,ce)=>p[ce],(G,ce,xe)=>{var Ee=ko(),ne=c(Ee);let Me;var Ve=u(ne,2),L=c(Ve);q(()=>{Me=he(ne,"",Me,{"border-radius":v[r(xe)]===9999?"9999px":`${r(ce)}px`}),V(L,p[r(xe)])}),C(G,Ee)});var R=u(A,4),O=c(R);{let G=x(()=>a.shadow_strength??.08);_s(O,{section:"shadows",fieldKey:"shadow_strength",label:"Shadow Strength",description:"Base opacity for shadow layers (0–1).",min:0,max:1,step:.01,get default(){return r(G)},cssVar:"--sf-shadow-strength"})}var I=u(R,2);ve(I,21,()=>r(N),G=>G.label,(G,ce)=>{var xe=So(),Ee=c(xe);let ne;var Me=c(Ee);q(()=>{ne=he(Ee,"",ne,{"box-shadow":r(ce).shadow}),V(Me,r(ce).label)}),C(G,xe)});var T=u(I,4),k=c(T);{let G=x(()=>n.motion_scale??1);wt(k,{section:"motion",fieldKey:"motion_scale",label:"Motion Scale",min:0,step:.1,get default(){return r(G)},cssVar:"--sf-motion-scale"})}var M=u(T,2);ve(M,21,()=>r(_),G=>G.name,(G,ce)=>{var xe=Eo(),Ee=c(xe),ne=c(Ee),Me=u(Ee,2),Ve=c(Me);let L;var U=u(Me,2),se=c(U);q(()=>{V(ne,r(ce).name),L=he(Ve,"",L,{"animation-duration":`${r(ce).ms??""}ms`}),V(se,`${r(ce).ms??""}ms`)}),C(G,xe)});var H=u(M,4),Q=c(H);{let G=x(()=>l.focus_ring_width??2);_s(Q,{section:"contrast",fieldKey:"focus_ring_width",label:"Focus Ring Width",min:0,max:8,step:.5,get default(){return r(G)},cssVar:"--sf-focus-ring-width",unit:"px"})}var B=u(Q,2);{let G=x(()=>l.focus_ring_offset??2);_s(B,{section:"contrast",fieldKey:"focus_ring_offset",label:"Focus Ring Offset",min:0,max:8,step:.5,get default(){return r(G)},cssVar:"--sf-focus-ring-offset",unit:"px"})}var Y=u(B,2);{let G=x(()=>l.focus_ring_style??"solid");xo(Y,{section:"contrast",fieldKey:"focus_ring_style",label:"Focus Ring Style",options:["solid","dashed","dotted","double","none"],get default(){return r(G)},cssVar:"--sf-focus-ring-style"})}var D=u(H,2),K=c(D);let ae;var re=u(K,2),oe=c(re),fe=u(D,2);Qs(fe,{children:(G,ce)=>{var xe=Ao(),Ee=u(vt(xe),2),ne=c(Ee);{let J=x(()=>a.glow_color??"");Ae(ne,{section:"shadows",fieldKey:"glow_color",label:"Glow Color",get default(){return r(J)},cssVar:"--sf-shadow-glow-color",mono:!0})}var Me=u(Ee,6);ve(Me,21,()=>Object.entries(d),([J,ge])=>J,(J,ge)=>{var je=x(()=>gt(r(ge),2));let $e=()=>r(je)[0],De=()=>r(je)[1];{let pt=x(()=>`duration_${$e()}`),Pe=x(()=>o($e())),Ue=x(()=>`--sf-duration-${$e()}`);wt(J,{section:"motion",get fieldKey(){return r(pt)},get label(){return r(Pe)},min:0,step:10,get default(){return De()},get cssVar(){return r(Ue)},unit:"ms"})}});var Ve=u(Me,6);ve(Ve,21,()=>Object.entries(i),([J,ge])=>J,(J,ge)=>{var je=x(()=>gt(r(ge),2));let $e=()=>r(je)[0],De=()=>r(je)[1];{let pt=x(()=>o($e())),Pe=x(()=>`--sf-z-${$e()}`);wt(J,{section:"zindex",get fieldKey(){return $e()},get label(){return r(pt)},step:1,get default(){return De()},get cssVar(){return r(Pe)}})}});var L=u(Ve,4),U=c(L);{let J=x(()=>l.contrast_bias??0);_s(U,{section:"contrast",fieldKey:"contrast_bias",label:"Contrast Bias",description:"Shifts derived shades up (positive) or down (negative).",min:-.2,max:.2,step:.01,get default(){return r(J)},cssVar:"--sf-contrast-bias"})}var se=u(U,2);{let J=x(()=>l.contrast_threshold??.6);_s(se,{section:"contrast",fieldKey:"contrast_threshold",label:"Contrast Threshold",description:"Lightness threshold for text-on-color (white vs. black).",min:0,max:1,step:.01,get default(){return r(J)},cssVar:"--sf-contrast-threshold"})}var X=u(se,2);{let J=x(()=>l.opacity_disabled??.45);_s(X,{section:"contrast",fieldKey:"opacity_disabled",label:"Disabled Opacity",min:0,max:1,step:.01,get default(){return r(J)},cssVar:"--sf-opacity-disabled"})}C(G,xe)},$$slots:{default:!0}}),q(()=>{ae=he(K,"",ae,{"--fp-width":`${r(E)??""}px`,"--fp-offset":`${r($)??""}px`,"--fp-style":r(z)}),V(oe,`${r(E)??""}px ${r(z)??""} · ${r($)??""}px offset`)}),C(e,S),Te()}var jo=j('<li class="svelte-1nfz83c"><code class="svelte-1nfz83c"> </code></li>'),$o=j('<ul class="category__list svelte-1nfz83c"></ul>'),zo=j('<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>'),Fo=j(`<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 Ro(e,t){Ce(t,!0);const s=pe.inventory?.variables??[],a={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 i(b){let w=b;w.startsWith("--sf-")&&(w=w.slice(5));const _=w.indexOf("-"),y=_===-1?w:w.slice(0,_);return a[y]||"Misc"}function l(b){const w={};for(const y of b){const E=i(y);w[E]||(w[E]=[]),w[E].push(y)}const _=[];for(const y of n)w[y]?.length&&(w[y].sort(),_.push({category:y,items:w[y]}));for(const y of Object.keys(w))!n.includes(y)&&w[y]?.length&&(w[y].sort(),_.push({category:y,items:w[y]}));return _}const d=l(s);let o=qe({});function v(b){o[b]=!o[b]}var p=Fo(),h=c(p),f=c(h),m=u(h,4);ve(m,17,()=>d,({category:b,items:w})=>b,(b,w)=>{let _=()=>r(w).category,y=()=>r(w).items;var E=zo(),$=c(E),z=c($),N=c(z),S=u(z,2),F=c(S),P=u(S,2),A=c(P),R=u($,2);{var O=I=>{var T=$o();ve(T,20,y,k=>k,(k,M)=>{var H=jo(),Q=c(H),B=c(Q);q(()=>V(B,M)),C(k,H)}),C(I,T)};ye(R,I=>{o[_()]&&I(O)})}q(()=>{ee($,"aria-expanded",o[_()]?"true":"false"),V(N,o[_()]?"▼":"▶"),V(F,_()),V(A,`(${y().length??""})`)}),_e("click",$,()=>v(_())),C(b,E)}),q(()=>V(f,`CSS Variables (${s.length??""})`)),C(e,p),Te()}Ke(["click"]);var Mo=j('<li class="svelte-1yljizh"><code class="svelte-1yljizh"> </code></li>'),Vo=j('<ul class="category__list svelte-1yljizh"></ul>'),Do=j('<li class="svelte-1yljizh"><code class="svelte-1yljizh"> </code></li>'),Lo=j('<ul class="category__list svelte-1yljizh"></ul>'),Po=j('<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 Oo(e,t){Ce(t,!0);const s=pe.inventory?.sf_classes??[],a=pe.inventory?.is_classes??[];let n=le(!1),i=le(!1);var l=Po(),d=c(l),o=c(d),v=u(d,4),p=c(v),h=c(p),f=c(h),m=u(h,4),b=c(m),w=u(p,2);{var _=A=>{var R=Vo();ve(R,20,()=>s,O=>O,(O,I)=>{var T=Mo(),k=c(T),M=c(k);q(()=>V(M,`.${I??""}`)),C(O,T)}),C(A,R)};ye(w,A=>{r(n)&&A(_)})}var y=u(v,2),E=c(y),$=c(E),z=c($),N=u($,4),S=c(N),F=u(E,2);{var P=A=>{var R=Lo();ve(R,20,()=>a,O=>O,(O,I)=>{var T=Do(),k=c(T),M=c(k);q(()=>V(M,`.${I??""}`)),C(O,T)}),C(A,R)};ye(F,A=>{r(i)&&A(P)})}q(()=>{V(o,`Registered Classes (${s.length+a.length})`),ee(p,"aria-expanded",r(n)?"true":"false"),V(f,r(n)?"▼":"▶"),V(b,`(${s.length??""})`),ee(E,"aria-expanded",r(i)?"true":"false"),V(z,r(i)?"▼":"▶"),V(S,`(${a.length??""})`)}),_e("click",p,()=>W(n,!r(n))),_e("click",E,()=>W(i,!r(i))),C(e,l),Te()}Ke(["click"]);async function ja(e,t){const{url:s,nonce:a}=pe.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":a},body:JSON.stringify(t)});if(!n.ok){const i=await n.text();throw new Error(i||`HTTP ${n.status}`)}return n.json()}function Fr(e,t){return ja("/tokens",{section:e,values:t})}function Rr(e){return ja("/tokens/reset",{section:e})}function Io(e){return ja("/settings",e)}async function qo(){const{url:e,nonce:t}=pe.rest;if(!e)return console.info("[slashed-admin] (dev) would GET /tokens/export"),{schema_version:"1",tokens:{},plugin_settings:{},dev:!0};const s=await fetch(e+"/tokens/export",{credentials:"same-origin",headers:{"X-WP-Nonce":t}});if(!s.ok)throw new Error(await s.text()||`HTTP ${s.status}`);return s.json()}function Bo(e){return ja("/tokens/import",e)}var Ko=j('<span class="status status--ok svelte-13231hj">Saved</span>'),No=j('<span class="status status--err svelte-13231hj"> </span>'),Ho=j(`<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="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="field-row"><label class="toggle-label" for="show-class-hints"><input id="show-class-hints" type="checkbox"/> Show class hints in Bricks editor</label> <p class="description svelte-13231hj">When enabled, hovering a SLASHED class in the Bricks class manager shows a short
-      description of what it does. Powered by <code>data/classes-hints.json</code>.</p></div> <div class="save-row svelte-13231hj"><button type="button" class="save-btn svelte-13231hj"> </button> <!> <!></div></section>`);function Uo(e,t){Ce(t,!0);let s=le(Be(pe.pluginSettings?.css_bundle??"optimal")),a=le(Be(pe.pluginSettings?.html_font_size??"")),n=le(Be(pe.pluginSettings?.show_class_hints??!1)),i=le(!1),l=le(!1),d=le(""),o=null;async function v(){W(i,!0),W(l,!1),W(d,"");try{await Io({css_bundle:r(s),html_font_size:r(a),show_class_hints:r(n)}),W(l,!0),o&&clearTimeout(o),o=setTimeout(()=>{W(l,!1),o=null},3e3)}catch(D){W(d,D.message||"Save failed",!0)}finally{W(i,!1)}}var p=Ho(),h=u(c(p),4),f=u(c(h),2),m=c(f),b=u(f,4),w=c(b),_=u(h,4),y=u(c(_),2),E=c(y);E.value=E.__value="essential";var $=u(E);$.value=$.__value="optimal";var z=u($);z.value=z.__value="full";var N=u(_,2),S=u(c(N),2),F=c(S);F.value=F.__value="";var P=u(F);P.value=P.__value="100";var A=u(P);A.value=A.__value="62.5";var R=u(N,2),O=c(R),I=c(O),T=u(R,2),k=c(T),M=c(k),H=u(k,2);{var Q=D=>{var K=Ko();C(D,K)};ye(H,D=>{r(l)&&D(Q)})}var q=u(H,2);{var Y=D=>{var K=No(),ae=c(K);B(()=>V(ae,r(d))),C(D,K)};ye(q,D=>{r(d)&&D(Y)})}B(()=>{V(m,pe.inventory?.variables?.length??0),V(w,(pe.inventory?.sf_classes?.length??0)+(pe.inventory?.is_classes?.length??0)),k.disabled=r(i),V(M,r(i)?"Saving...":"Save Settings")}),ya(y,()=>r(s),D=>W(s,D)),ya(S,()=>r(a),D=>W(a,D)),_l(I,()=>r(n),D=>W(n,D)),_e("click",k,v),C(e,p),Te()}Ke(["click"]);const Mr=22.5,Go=95;function zn(e,t){if(e<=0||t<=0)return null;const s=Go-Mr,a=(t-e)/s,n=parseFloat(a.toFixed(6)),i=parseFloat(e.toFixed(4)),l=parseFloat(t.toFixed(4));return`clamp(${i}rem, calc(${n} * (100vw - ${Mr}rem) + ${i}rem), ${l}rem)`}function Vr(e){const t=parseFloat(e);if(isNaN(t))return"0";let s=t.toFixed(6).replace(/0+$/,"").replace(/\.$/,"");return s===""?"0":s}function Fe(e){return e!=null&&e!==""}function Wo(e){const t=[],s=["primary","secondary","tertiary","action","neutral","base"];for(const i of s){const l=`brand_${i}`;Fe(e[l])&&t.push(`--sf-color-${i}-light: ${e[l]};`)}const a=["success","warning","error","info","danger"];for(const i of a){const l=`status_${i}`;Fe(e[l])&&t.push(`--sf-color-${i}-light: ${e[l]};`)}if(e.dark_overrides_enabled!=="0"){for(const i of s){const l=`brand_dark_${i}`;Fe(e[l])&&t.push(`--sf-color-${i}-dark: ${e[l]};`)}for(const i of a){const l=`status_dark_${i}`;Fe(e[l])&&t.push(`--sf-color-${i}-dark: ${e[l]};`)}}return t}function Xo(e){const t=[],s=["body","heading","mono","display","humanist","geometric","slab"];for(const n of s){const i=`font_${n}`;Fe(e[i])&&t.push(`--sf-font-${n}: ${e[i]};`)}Fe(e.text_scale)&&t.push(`--sf-text-scale: ${e.text_scale};`),Fe(e.text_display_scale)&&t.push(`--sf-text-display-scale: ${e.text_display_scale};`);const a=["2xs","xs","s","m","l","xl","2xl","3xl","4xl","display-s","display-m","display-l"];for(const n of a){const i=`size_${n}_min`,l=`size_${n}_max`,d=e[i],o=e[l];if(Fe(d)&&Fe(o)){const v=zn(parseFloat(d),parseFloat(o));v&&t.push(`--sf-text-${n}: ${v};`)}}return t}function Yo(e){const t=[];Fe(e.space_scale)&&t.push(`--sf-space-scale: ${e.space_scale};`);const s=["2xs","xs","s","m","l","xl","2xl","3xl","4xl"];for(const n of s){const i=e[`space_${n}_min`],l=e[`space_${n}_max`];if(Fe(i)&&Fe(l)){const d=zn(parseFloat(i),parseFloat(l));d&&t.push(`--sf-space-${n}: calc(${d} * var(--sf-space-scale));`)}}const a={gutter:"--sf-space-gutter",gap:"--sf-gap",content_gap:"--sf-content-gap",component_pad:"--sf-component-pad",section_pad:"--sf-section-pad"};for(const[n,i]of Object.entries(a))Fe(e[n])&&t.push(`${i}: ${e[n]};`);return t}function Zo(e){const t=[];return Fe(e.radius_scale)&&t.push(`--sf-radius-scale: ${e.radius_scale};`),t}function Jo(e){const t=[];return Fe(e.shadow_strength)&&t.push(`--sf-shadow-strength: calc(${e.shadow_strength} + var(--sf-is-dark) * 0.17);`),Fe(e.glow_color)&&t.push(`--sf-shadow-glow-color: ${e.glow_color};`),t}function Qo(e){const t=[];Fe(e.motion_scale)&&t.push(`--sf-motion-scale: ${e.motion_scale};`);const s=["instant","fast","normal","slow","slower"];for(const a of s){const n=`duration_${a}`;Fe(e[n])&&t.push(`--sf-duration-${a}: calc(${e[n]}ms * var(--sf-motion-scale));`)}return t}function ec(e){const t=[],s=["below","base","raised","low","mid","high","top","max"];for(const a of s)Fe(e[a])&&t.push(`--sf-z-${a}: ${parseInt(e[a],10)};`);return t}function tc(e){const t=[],s={contrast_bias:"--sf-contrast-bias",contrast_threshold:"--sf-contrast-threshold",opacity_disabled:"--sf-opacity-disabled"};for(const[n,i]of Object.entries(s))Fe(e[n])&&t.push(`${i}: ${Vr(e[n])};`);const a={focus_ring_width:"--sf-focus-ring-width",focus_ring_offset:"--sf-focus-ring-offset"};for(const[n,i]of Object.entries(a))Fe(e[n])&&t.push(`${i}: ${Vr(e[n])}px;`);return Fe(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 fr(e){const t=[];if(e.colors&&typeof e.colors=="object"&&t.push(...Wo(e.colors)),e.typography&&typeof e.typography=="object"&&t.push(...Xo(e.typography)),e.spacing&&typeof e.spacing=="object"&&t.push(...Yo(e.spacing)),e.radius&&typeof e.radius=="object"&&t.push(...Zo(e.radius)),e.shadows&&typeof e.shadows=="object"&&t.push(...Jo(e.shadows)),e.motion&&typeof e.motion=="object"&&t.push(...Qo(e.motion)),e.zindex&&typeof e.zindex=="object"&&t.push(...ec(e.zindex)),e.contrast&&typeof e.contrast=="object"&&t.push(...tc(e.contrast)),t.length===0)return"";let s=`@layer slashed.overrides {
+      description of what it does. Powered by <code>data/classes-hints.json</code>.</p></div> <div class="save-row svelte-13231hj"><button type="button" class="save-btn svelte-13231hj"> </button> <!> <!></div></section>`);function Uo(e,t){Ce(t,!0);let s=le(qe(pe.pluginSettings?.css_bundle??"optimal")),a=le(qe(pe.pluginSettings?.html_font_size??"")),n=le(qe(pe.pluginSettings?.show_class_hints??!1)),i=le(!1),l=le(!1),d=le(""),o=null;async function v(){W(i,!0),W(l,!1),W(d,"");try{await Io({css_bundle:r(s),html_font_size:r(a),show_class_hints:r(n)}),W(l,!0),o&&clearTimeout(o),o=setTimeout(()=>{W(l,!1),o=null},3e3)}catch(D){W(d,D.message||"Save failed",!0)}finally{W(i,!1)}}var p=Ho(),h=u(c(p),4),f=u(c(h),2),m=c(f),b=u(f,4),w=c(b),_=u(h,4),y=u(c(_),2),E=c(y);E.value=E.__value="essential";var $=u(E);$.value=$.__value="optimal";var z=u($);z.value=z.__value="full";var N=u(_,2),S=u(c(N),2),F=c(S);F.value=F.__value="";var P=u(F);P.value=P.__value="100";var A=u(P);A.value=A.__value="62.5";var R=u(N,2),O=c(R),I=c(O),T=u(R,2),k=c(T),M=c(k),H=u(k,2);{var Q=D=>{var K=Ko();C(D,K)};ye(H,D=>{r(l)&&D(Q)})}var B=u(H,2);{var Y=D=>{var K=No(),ae=c(K);q(()=>V(ae,r(d))),C(D,K)};ye(B,D=>{r(d)&&D(Y)})}q(()=>{V(m,pe.inventory?.variables?.length??0),V(w,(pe.inventory?.sf_classes?.length??0)+(pe.inventory?.is_classes?.length??0)),k.disabled=r(i),V(M,r(i)?"Saving...":"Save Settings")}),ya(y,()=>r(s),D=>W(s,D)),ya(S,()=>r(a),D=>W(a,D)),_l(I,()=>r(n),D=>W(n,D)),_e("click",k,v),C(e,p),Te()}Ke(["click"]);const Mr=22.5,Go=95;function zn(e,t){if(e<=0||t<=0)return null;const s=Go-Mr,a=(t-e)/s,n=parseFloat(a.toFixed(6)),i=parseFloat(e.toFixed(4)),l=parseFloat(t.toFixed(4));return`clamp(${i}rem, calc(${n} * (100vw - ${Mr}rem) + ${i}rem), ${l}rem)`}function Vr(e){const t=parseFloat(e);if(isNaN(t))return"0";let s=t.toFixed(6).replace(/0+$/,"").replace(/\.$/,"");return s===""?"0":s}function Fe(e){return e!=null&&e!==""}function Wo(e){const t=[],s=["primary","secondary","tertiary","action","neutral","base"];for(const i of s){const l=`brand_${i}`;Fe(e[l])&&t.push(`--sf-color-${i}-light: ${e[l]};`)}const a=["success","warning","error","info","danger"];for(const i of a){const l=`status_${i}`;Fe(e[l])&&t.push(`--sf-color-${i}-light: ${e[l]};`)}if(e.dark_overrides_enabled!=="0"){for(const i of s){const l=`brand_dark_${i}`;Fe(e[l])&&t.push(`--sf-color-${i}-dark: ${e[l]};`)}for(const i of a){const l=`status_dark_${i}`;Fe(e[l])&&t.push(`--sf-color-${i}-dark: ${e[l]};`)}}return t}function Xo(e){const t=[],s=["body","heading","mono","display","humanist","geometric","slab"];for(const n of s){const i=`font_${n}`;Fe(e[i])&&t.push(`--sf-font-${n}: ${e[i]};`)}Fe(e.text_scale)&&t.push(`--sf-text-scale: ${e.text_scale};`),Fe(e.text_display_scale)&&t.push(`--sf-text-display-scale: ${e.text_display_scale};`);const a=["2xs","xs","s","m","l","xl","2xl","3xl","4xl","display-s","display-m","display-l"];for(const n of a){const i=`size_${n}_min`,l=`size_${n}_max`,d=e[i],o=e[l];if(Fe(d)&&Fe(o)){const v=zn(parseFloat(d),parseFloat(o));v&&t.push(`--sf-text-${n}: ${v};`)}}return t}function Yo(e){const t=[];Fe(e.space_scale)&&t.push(`--sf-space-scale: ${e.space_scale};`);const s=["2xs","xs","s","m","l","xl","2xl","3xl","4xl"];for(const n of s){const i=e[`space_${n}_min`],l=e[`space_${n}_max`];if(Fe(i)&&Fe(l)){const d=zn(parseFloat(i),parseFloat(l));d&&t.push(`--sf-space-${n}: calc(${d} * var(--sf-space-scale));`)}}const a={gutter:"--sf-space-gutter",gap:"--sf-gap",content_gap:"--sf-content-gap",component_pad:"--sf-component-pad",section_pad:"--sf-section-pad"};for(const[n,i]of Object.entries(a))Fe(e[n])&&t.push(`${i}: ${e[n]};`);return t}function Zo(e){const t=[];return Fe(e.radius_scale)&&t.push(`--sf-radius-scale: ${e.radius_scale};`),t}function Jo(e){const t=[];return Fe(e.shadow_strength)&&t.push(`--sf-shadow-strength: calc(${e.shadow_strength} + var(--sf-is-dark) * 0.17);`),Fe(e.glow_color)&&t.push(`--sf-shadow-glow-color: ${e.glow_color};`),t}function Qo(e){const t=[];Fe(e.motion_scale)&&t.push(`--sf-motion-scale: ${e.motion_scale};`);const s=["instant","fast","normal","slow","slower"];for(const a of s){const n=`duration_${a}`;Fe(e[n])&&t.push(`--sf-duration-${a}: calc(${e[n]}ms * var(--sf-motion-scale));`)}return t}function ec(e){const t=[],s=["below","base","raised","low","mid","high","top","max"];for(const a of s)Fe(e[a])&&t.push(`--sf-z-${a}: ${parseInt(e[a],10)};`);return t}function tc(e){const t=[],s={contrast_bias:"--sf-contrast-bias",contrast_threshold:"--sf-contrast-threshold",opacity_disabled:"--sf-opacity-disabled"};for(const[n,i]of Object.entries(s))Fe(e[n])&&t.push(`${i}: ${Vr(e[n])};`);const a={focus_ring_width:"--sf-focus-ring-width",focus_ring_offset:"--sf-focus-ring-offset"};for(const[n,i]of Object.entries(a))Fe(e[n])&&t.push(`${i}: ${Vr(e[n])}px;`);return Fe(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 fr(e){const t=[];if(e.colors&&typeof e.colors=="object"&&t.push(...Wo(e.colors)),e.typography&&typeof e.typography=="object"&&t.push(...Xo(e.typography)),e.spacing&&typeof e.spacing=="object"&&t.push(...Yo(e.spacing)),e.radius&&typeof e.radius=="object"&&t.push(...Zo(e.radius)),e.shadows&&typeof e.shadows=="object"&&t.push(...Jo(e.shadows)),e.motion&&typeof e.motion=="object"&&t.push(...Qo(e.motion)),e.zindex&&typeof e.zindex=="object"&&t.push(...ec(e.zindex)),e.contrast&&typeof e.contrast=="object"&&t.push(...tc(e.contrast)),t.length===0)return"";let s=`@layer slashed.overrides {
 	:root {
 `;for(const a of t)s+=`		${a}
 `;return s+=`	}
@@ -30,7 +30,7 @@ var Rn=Object.defineProperty;var pr=e=>{throw TypeError(e)};var Mn=(e,t,s)=>t in
         import the token file via this tab, then import the Bricks template via Bricks → Templates.
         The plugin re-registers all SLASHED classes, variables, and color palettes automatically.</li> <li class="svelte-19399h6"><strong>Verify</strong> in the Bricks builder canvas that colors, spacing, and fonts match.
         If something looks off, check the browser console for unresolved <code class="svelte-19399h6">var()</code> calls —
-        this means the CSS bundle isn't loading or the token file wasn't imported yet.</li></ol></div></section>`);function lc(e,t){Ce(t,!0);let s=le(!1),a=le("");const n=x(()=>fr(Z)),i=x(()=>r(n).length>0);function l(){if(!r(n))return;const M=new Blob([r(n)],{type:"text/css"}),H=URL.createObjectURL(M),Q=document.createElement("a");Q.href=H,Q.download=`slashed-custom-${new Date().toISOString().slice(0,10)}.css`,Q.click(),URL.revokeObjectURL(H)}async function d(){W(s,!0),W(a,"");try{const M=await Bo(),H=JSON.stringify(M,null,2),Q=new Blob([H],{type:"application/json"}),q=URL.createObjectURL(Q),Y=document.createElement("a");Y.href=q,Y.download=`slashed-tokens-${new Date().toISOString().slice(0,10)}.json`,Y.click(),URL.revokeObjectURL(q)}catch(M){W(a,M.message||"Export failed",!0)}finally{W(s,!1)}}let o=le(null),v=le(!1),p=le(""),h=le(""),f=le(0);async function m(){const M=r(o)?.files?.[0];if(M){W(p,""),W(h,""),W(v,!0);try{const H=await M.text(),Q=JSON.parse(H),q=await qo(Q),Y=q.settings_imported?" Plugin settings restored.":"";W(p,`Imported ${q.imported} section(s) successfully.${Y}`),W(f,3);const D=setInterval(()=>{W(f,r(f)-1),r(f)<=0&&(clearInterval(D),window.location.reload())},1e3)}catch(H){W(h,H.message||"Import failed",!0)}finally{W(v,!1),r(o)&&(r(o).value="")}}}var b=ic(),w=u(c(b),4),_=u(c(w),4),y=c(_),E=c(y),$=u(y,2),z=u($,2);{var N=M=>{var H=ac(),Q=c(H);B(()=>V(Q,r(a))),C(M,H)};ye(z,M=>{r(a)&&M(N)})}var S=u(w,2),F=u(c(S),4),P=c(F);gl(P,M=>W(o,M),()=>r(o));var A=u(P,2),R=c(A),O=u(F,2);{var I=M=>{var H=rc(),Q=c(H),q=u(Q);{var Y=D=>{var K=al();B(()=>V(K,`Reloading in ${r(f)??""}…`)),C(D,K)};ye(q,D=>{r(f)>0&&D(Y)})}B(()=>V(Q,`${r(p)??""} `)),C(M,H)};ye(O,M=>{r(p)&&M(I)})}var T=u(O,2);{var k=M=>{var H=nc(),Q=c(H);B(()=>V(Q,r(h))),C(M,H)};ye(T,M=>{r(h)&&M(k)})}B(()=>{y.disabled=r(s),V(E,r(s)?"Exporting…":"Download token file (.json)"),$.disabled=!r(i),ee($,"title",r(i)?"Download overrides as a standalone CSS file":"No overrides set yet"),A.disabled=r(v),V(R,r(v)?"Importing…":"Import token file")}),_e("click",y,d),_e("click",$,l),_e("click",A,m),C(e,b),Te()}Ke(["click"]);var oc=j('<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>'),cc=j(`<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
+        this means the CSS bundle isn't loading or the token file wasn't imported yet.</li></ol></div></section>`);function lc(e,t){Ce(t,!0);let s=le(!1),a=le("");const n=x(()=>fr(Z)),i=x(()=>r(n).length>0);function l(){if(!r(n))return;const M=new Blob([r(n)],{type:"text/css"}),H=URL.createObjectURL(M),Q=document.createElement("a");Q.href=H,Q.download=`slashed-custom-${new Date().toISOString().slice(0,10)}.css`,Q.click(),URL.revokeObjectURL(H)}async function d(){W(s,!0),W(a,"");try{const M=await qo(),H=JSON.stringify(M,null,2),Q=new Blob([H],{type:"application/json"}),B=URL.createObjectURL(Q),Y=document.createElement("a");Y.href=B,Y.download=`slashed-tokens-${new Date().toISOString().slice(0,10)}.json`,Y.click(),URL.revokeObjectURL(B)}catch(M){W(a,M.message||"Export failed",!0)}finally{W(s,!1)}}let o=le(null),v=le(!1),p=le(""),h=le(""),f=le(0);async function m(){const M=r(o)?.files?.[0];if(M){W(p,""),W(h,""),W(v,!0);try{const H=await M.text(),Q=JSON.parse(H),B=await Bo(Q),Y=B.settings_imported?" Plugin settings restored.":"";W(p,`Imported ${B.imported} section(s) successfully.${Y}`),W(f,3);const D=setInterval(()=>{W(f,r(f)-1),r(f)<=0&&(clearInterval(D),window.location.reload())},1e3)}catch(H){W(h,H.message||"Import failed",!0)}finally{W(v,!1),r(o)&&(r(o).value="")}}}var b=ic(),w=u(c(b),4),_=u(c(w),4),y=c(_),E=c(y),$=u(y,2),z=u($,2);{var N=M=>{var H=ac(),Q=c(H);q(()=>V(Q,r(a))),C(M,H)};ye(z,M=>{r(a)&&M(N)})}var S=u(w,2),F=u(c(S),4),P=c(F);gl(P,M=>W(o,M),()=>r(o));var A=u(P,2),R=c(A),O=u(F,2);{var I=M=>{var H=rc(),Q=c(H),B=u(Q);{var Y=D=>{var K=al();q(()=>V(K,`Reloading in ${r(f)??""}…`)),C(D,K)};ye(B,D=>{r(f)>0&&D(Y)})}q(()=>V(Q,`${r(p)??""} `)),C(M,H)};ye(O,M=>{r(p)&&M(I)})}var T=u(O,2);{var k=M=>{var H=nc(),Q=c(H);q(()=>V(Q,r(h))),C(M,H)};ye(T,M=>{r(h)&&M(k)})}q(()=>{y.disabled=r(s),V(E,r(s)?"Exporting…":"Download token file (.json)"),$.disabled=!r(i),ee($,"title",r(i)?"Download overrides as a standalone CSS file":"No overrides set yet"),A.disabled=r(v),V(R,r(v)?"Importing…":"Import token file")}),_e("click",y,d),_e("click",$,l),_e("click",A,m),C(e,b),Te()}Ke(["click"]);var oc=j('<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>'),cc=j(`<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 dc(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';
@@ -60,11 +60,11 @@ add_filter( 'slashed_bricks/inventory_local_path', function() {
         'SLASHED Primary',
         'SLASHED Secondary',
     ] ) );
-} );`}];var s=cc(),a=u(c(s),4);ve(a,17,()=>t,n=>n.name,(n,i)=>{var l=oc(),d=c(l),o=c(d),v=c(o),p=u(d,2),h=c(p),f=u(p,2),m=u(c(f),2),b=c(m),w=u(f,2),_=c(w),y=c(_);B(()=>{V(v,r(i).name),V(h,r(i).description),V(b,r(i).params),V(y,r(i).example)}),C(n,l)}),C(e,s)}const uc=[{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."}]}],vc=[{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)."}]}],fc=[{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 pc=j('<li class="cheatsheet__item svelte-osej3t"><code class="cheatsheet__name svelte-osej3t"> </code> <span class="cheatsheet__desc svelte-osej3t"> </span></li>'),hc=j('<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>'),_c=j('<li class="cheatsheet__item svelte-osej3t"><code class="cheatsheet__name svelte-osej3t"> </code> <span class="cheatsheet__desc svelte-osej3t"> </span></li>'),gc=j('<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>'),mc=j('<div class="cheatsheet__section svelte-osej3t"><h3 class="cheatsheet__section-title svelte-osej3t">CSS Custom Properties (--sf-*)</h3> <!> <!></div>'),bc=j('<li class="cheatsheet__item svelte-osej3t"><code class="cheatsheet__name svelte-osej3t"> </code> <span class="cheatsheet__desc svelte-osej3t"> </span></li>'),yc=j('<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>'),wc=j('<div class="cheatsheet__section svelte-osej3t"><h3 class="cheatsheet__section-title svelte-osej3t">Utility &amp; State Classes</h3> <!></div>'),xc=j('<p class="cheatsheet__empty svelte-osej3t"> </p>'),kc=j('<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 Sc(e,t){Ce(t,!0);let s=le(""),a=le("all");const n=pe.inventory?.variables?.length??0,i=pe.inventory?.sf_classes?.length??0,l=pe.inventory?.is_classes?.length??0;let d=x(()=>h(uc,"tokens")),o=x(()=>h(vc,"classes")),v=x(()=>fc.filter(q=>p(q.name,q.description)));function p(q,Y){if(!r(s).trim())return!0;const D=r(s).trim().toLowerCase();return q.toLowerCase().includes(D)||Y.toLowerCase().includes(D)}function h(q,Y){return r(s).trim()?q.map(D=>({...D,[Y]:D[Y].filter(K=>p(K.name,K.description))})).filter(D=>D[Y].length>0):q}let f=x(()=>r(a)==="all"||r(a)==="variables"),m=x(()=>r(a)==="all"||r(a)==="classes"),b=x(()=>r(s).trim()!==""&&(!r(f)||r(d).length===0&&r(v).length===0)&&(!r(m)||r(o).length===0));var w=kc(),_=c(w),y=u(c(_),2),E=c(y),$=u(_,2),z=c($),N=u(z,2),S=c(N);let F;var P=u(S,2);let A;var R=u(P,2);let O;var I=u($,2);{var T=q=>{var Y=mc(),D=u(c(Y),2);ve(D,17,()=>r(d),Fs,(re,oe)=>{var fe=hc(),G=c(fe),ce=c(G),xe=c(ce),Ee=u(ce,2),ne=c(Ee),Me=u(G,2);ve(Me,21,()=>r(oe).tokens,Fs,(Ve,L)=>{var U=pc(),se=c(U),X=c(se),J=u(se,2),ge=c(J);B(()=>{V(X,r(L).name),V(ge,r(L).description)}),C(Ve,U)}),B(Ve=>{fe.open=Ve,V(xe,r(oe).category),V(ne,r(oe).description)},[()=>!r(s).trim()]),C(re,fe)});var K=u(D,2);{var ae=re=>{var oe=gc(),fe=u(c(oe),2);ve(fe,21,()=>r(v),Fs,(G,ce)=>{var xe=_c(),Ee=c(xe),ne=c(Ee),Me=u(Ee,2),Ve=c(Me);B(()=>{V(ne,r(ce).name),V(Ve,r(ce).description)}),C(G,xe)}),B(G=>oe.open=G,[()=>!r(s).trim()]),C(re,oe)};ye(K,re=>{r(v).length>0&&re(ae)})}C(q,Y)};ye(I,q=>{r(f)&&q(T)})}var k=u(I,2);{var M=q=>{var Y=wc(),D=u(c(Y),2);ve(D,17,()=>r(o),Fs,(K,ae)=>{var re=yc(),oe=c(re),fe=c(oe),G=c(fe),ce=u(fe,2),xe=c(ce),Ee=u(oe,2);ve(Ee,21,()=>r(ae).classes,Fs,(ne,Me)=>{var Ve=bc(),L=c(Ve),U=c(L),se=u(L,2),X=c(se);B(()=>{V(U,r(Me).name),V(X,r(Me).description)}),C(ne,Ve)}),B(ne=>{re.open=ne,V(G,r(ae).category),V(xe,r(ae).description)},[()=>!r(s).trim()]),C(K,re)}),C(q,Y)};ye(k,q=>{r(m)&&q(M)})}var H=u(k,2);{var Q=q=>{var Y=xc(),D=c(Y);B(()=>V(D,`No results for "${r(s)??""}"`)),C(q,Y)};ye(H,q=>{r(b)&&q(Q)})}B(()=>{V(E,`${n??""} variables | ${i??""} layout/utility classes | ${l??""} state classes`),ee(S,"aria-pressed",r(a)==="all"),F=Le(S,1,"svelte-osej3t",null,F,{active:r(a)==="all"}),ee(P,"aria-pressed",r(a)==="variables"),A=Le(P,1,"svelte-osej3t",null,A,{active:r(a)==="variables"}),ee(R,"aria-pressed",r(a)==="classes"),O=Le(R,1,"svelte-osej3t",null,O,{active:r(a)==="classes"})}),Dt(z,()=>r(s),q=>W(s,q)),_e("click",S,()=>W(a,"all")),_e("click",P,()=>W(a,"variables")),_e("click",R,()=>W(a,"classes")),C(e,w),Te()}Ke(["click"]);var Ec=j('<button type="button"></button>'),Ac=j('<button type="button"></button>'),Cc=j('<div class="result__sample svelte-1n4yog1">Aa</div> <div class="result__ratio svelte-1n4yog1"> </div> <div class="result__badges svelte-1n4yog1"><span class="result__badge-row svelte-1n4yog1"><span class="badge-label svelte-1n4yog1">Normal text</span> <span> </span></span> <span class="result__badge-row svelte-1n4yog1"><span class="badge-label svelte-1n4yog1">Large text</span> <span> </span></span></div> <div class="result__thresholds svelte-1n4yog1">Normal: 4.5:1 AA · 7:1 AAA &nbsp;|&nbsp; Large: 3:1 AA · 4.5:1 AAA</div>',1),Tc=j('<div class="result__empty svelte-1n4yog1">Select different colors to compute contrast.</div>'),jc=j('<th class="grid-col-header svelte-1n4yog1"><span class="grid-swatch svelte-1n4yog1"></span></th>'),$c=j('<span class="cell-ratio svelte-1n4yog1"> </span>'),zc=j('<span class="cell-ratio cell-ratio--dash svelte-1n4yog1">—</span>'),Fc=j("<td><!></td>"),Rc=j('<tr><td class="grid-row-header svelte-1n4yog1"><span class="grid-swatch svelte-1n4yog1"></span></td><!></tr>'),Mc=j(`<section><h2 class="svelte-1n4yog1">WCAG Contrast Checker</h2> <p class="hint svelte-1n4yog1">Pick any two SLASHED color tokens to check their WCAG 2.1 contrast ratio. The
+} );`}];var s=cc(),a=u(c(s),4);ve(a,17,()=>t,n=>n.name,(n,i)=>{var l=oc(),d=c(l),o=c(d),v=c(o),p=u(d,2),h=c(p),f=u(p,2),m=u(c(f),2),b=c(m),w=u(f,2),_=c(w),y=c(_);q(()=>{V(v,r(i).name),V(h,r(i).description),V(b,r(i).params),V(y,r(i).example)}),C(n,l)}),C(e,s)}const uc=[{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."}]}],vc=[{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)."}]}],fc=[{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 pc=j('<li class="cheatsheet__item svelte-osej3t"><code class="cheatsheet__name svelte-osej3t"> </code> <span class="cheatsheet__desc svelte-osej3t"> </span></li>'),hc=j('<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>'),_c=j('<li class="cheatsheet__item svelte-osej3t"><code class="cheatsheet__name svelte-osej3t"> </code> <span class="cheatsheet__desc svelte-osej3t"> </span></li>'),gc=j('<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>'),mc=j('<div class="cheatsheet__section svelte-osej3t"><h3 class="cheatsheet__section-title svelte-osej3t">CSS Custom Properties (--sf-*)</h3> <!> <!></div>'),bc=j('<li class="cheatsheet__item svelte-osej3t"><code class="cheatsheet__name svelte-osej3t"> </code> <span class="cheatsheet__desc svelte-osej3t"> </span></li>'),yc=j('<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>'),wc=j('<div class="cheatsheet__section svelte-osej3t"><h3 class="cheatsheet__section-title svelte-osej3t">Utility &amp; State Classes</h3> <!></div>'),xc=j('<p class="cheatsheet__empty svelte-osej3t"> </p>'),kc=j('<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 Sc(e,t){Ce(t,!0);let s=le(""),a=le("all");const n=pe.inventory?.variables?.length??0,i=pe.inventory?.sf_classes?.length??0,l=pe.inventory?.is_classes?.length??0;let d=x(()=>h(uc,"tokens")),o=x(()=>h(vc,"classes")),v=x(()=>fc.filter(B=>p(B.name,B.description)));function p(B,Y){if(!r(s).trim())return!0;const D=r(s).trim().toLowerCase();return B.toLowerCase().includes(D)||Y.toLowerCase().includes(D)}function h(B,Y){return r(s).trim()?B.map(D=>({...D,[Y]:D[Y].filter(K=>p(K.name,K.description))})).filter(D=>D[Y].length>0):B}let f=x(()=>r(a)==="all"||r(a)==="variables"),m=x(()=>r(a)==="all"||r(a)==="classes"),b=x(()=>r(s).trim()!==""&&(!r(f)||r(d).length===0&&r(v).length===0)&&(!r(m)||r(o).length===0));var w=kc(),_=c(w),y=u(c(_),2),E=c(y),$=u(_,2),z=c($),N=u(z,2),S=c(N);let F;var P=u(S,2);let A;var R=u(P,2);let O;var I=u($,2);{var T=B=>{var Y=mc(),D=u(c(Y),2);ve(D,17,()=>r(d),Fs,(re,oe)=>{var fe=hc(),G=c(fe),ce=c(G),xe=c(ce),Ee=u(ce,2),ne=c(Ee),Me=u(G,2);ve(Me,21,()=>r(oe).tokens,Fs,(Ve,L)=>{var U=pc(),se=c(U),X=c(se),J=u(se,2),ge=c(J);q(()=>{V(X,r(L).name),V(ge,r(L).description)}),C(Ve,U)}),q(Ve=>{fe.open=Ve,V(xe,r(oe).category),V(ne,r(oe).description)},[()=>!r(s).trim()]),C(re,fe)});var K=u(D,2);{var ae=re=>{var oe=gc(),fe=u(c(oe),2);ve(fe,21,()=>r(v),Fs,(G,ce)=>{var xe=_c(),Ee=c(xe),ne=c(Ee),Me=u(Ee,2),Ve=c(Me);q(()=>{V(ne,r(ce).name),V(Ve,r(ce).description)}),C(G,xe)}),q(G=>oe.open=G,[()=>!r(s).trim()]),C(re,oe)};ye(K,re=>{r(v).length>0&&re(ae)})}C(B,Y)};ye(I,B=>{r(f)&&B(T)})}var k=u(I,2);{var M=B=>{var Y=wc(),D=u(c(Y),2);ve(D,17,()=>r(o),Fs,(K,ae)=>{var re=yc(),oe=c(re),fe=c(oe),G=c(fe),ce=u(fe,2),xe=c(ce),Ee=u(oe,2);ve(Ee,21,()=>r(ae).classes,Fs,(ne,Me)=>{var Ve=bc(),L=c(Ve),U=c(L),se=u(L,2),X=c(se);q(()=>{V(U,r(Me).name),V(X,r(Me).description)}),C(ne,Ve)}),q(ne=>{re.open=ne,V(G,r(ae).category),V(xe,r(ae).description)},[()=>!r(s).trim()]),C(K,re)}),C(B,Y)};ye(k,B=>{r(m)&&B(M)})}var H=u(k,2);{var Q=B=>{var Y=xc(),D=c(Y);q(()=>V(D,`No results for "${r(s)??""}"`)),C(B,Y)};ye(H,B=>{r(b)&&B(Q)})}q(()=>{V(E,`${n??""} variables | ${i??""} layout/utility classes | ${l??""} state classes`),ee(S,"aria-pressed",r(a)==="all"),F=Le(S,1,"svelte-osej3t",null,F,{active:r(a)==="all"}),ee(P,"aria-pressed",r(a)==="variables"),A=Le(P,1,"svelte-osej3t",null,A,{active:r(a)==="variables"}),ee(R,"aria-pressed",r(a)==="classes"),O=Le(R,1,"svelte-osej3t",null,O,{active:r(a)==="classes"})}),Dt(z,()=>r(s),B=>W(s,B)),_e("click",S,()=>W(a,"all")),_e("click",P,()=>W(a,"variables")),_e("click",R,()=>W(a,"classes")),C(e,w),Te()}Ke(["click"]);var Ec=j('<button type="button"></button>'),Ac=j('<button type="button"></button>'),Cc=j('<div class="result__sample svelte-1n4yog1">Aa</div> <div class="result__ratio svelte-1n4yog1"> </div> <div class="result__badges svelte-1n4yog1"><span class="result__badge-row svelte-1n4yog1"><span class="badge-label svelte-1n4yog1">Normal text</span> <span> </span></span> <span class="result__badge-row svelte-1n4yog1"><span class="badge-label svelte-1n4yog1">Large text</span> <span> </span></span></div> <div class="result__thresholds svelte-1n4yog1">Normal: 4.5:1 AA · 7:1 AAA &nbsp;|&nbsp; Large: 3:1 AA · 4.5:1 AAA</div>',1),Tc=j('<div class="result__empty svelte-1n4yog1">Select different colors to compute contrast.</div>'),jc=j('<th class="grid-col-header svelte-1n4yog1"><span class="grid-swatch svelte-1n4yog1"></span></th>'),$c=j('<span class="cell-ratio svelte-1n4yog1"> </span>'),zc=j('<span class="cell-ratio cell-ratio--dash svelte-1n4yog1">—</span>'),Fc=j("<td><!></td>"),Rc=j('<tr><td class="grid-row-header svelte-1n4yog1"><span class="grid-swatch svelte-1n4yog1"></span></td><!></tr>'),Mc=j(`<section><h2 class="svelte-1n4yog1">WCAG Contrast Checker</h2> <p class="hint svelte-1n4yog1">Pick any two SLASHED color tokens to check their WCAG 2.1 contrast ratio. The
     grid below shows every token pair — click any cell to load it into the picker.
-    Colors shown are the <em>light-mode</em> variants.</p> <div class="picker svelte-1n4yog1"><div class="picker__col svelte-1n4yog1"><h3 class="picker__heading svelte-1n4yog1">Foreground</h3> <div class="swatch-strip svelte-1n4yog1"></div> <div class="picker__selected svelte-1n4yog1"><span class="swatch-dot svelte-1n4yog1"></span> </div></div> <div class="picker__col svelte-1n4yog1"><h3 class="picker__heading svelte-1n4yog1">Background</h3> <div class="swatch-strip svelte-1n4yog1"></div> <div class="picker__selected svelte-1n4yog1"><span class="swatch-dot svelte-1n4yog1"></span> </div></div> <div class="result svelte-1n4yog1"><!></div></div> <h3 class="grid-heading svelte-1n4yog1">All-pairs reference</h3> <p class="hint svelte-1n4yog1">Foreground → rows · Background → columns. Click any cell to load the pair into the picker above.</p> <div class="grid-wrap svelte-1n4yog1"><table class="contrast-grid svelte-1n4yog1"><thead><tr><th class="grid-corner svelte-1n4yog1"></th><!></tr></thead><tbody></tbody></table></div> <div class="legend svelte-1n4yog1"><span class="legend-item svelte-1n4yog1"><span class="legend-dot legend-dot--aaa svelte-1n4yog1"></span> AAA (≥ 7:1)</span> <span class="legend-item svelte-1n4yog1"><span class="legend-dot legend-dot--aa svelte-1n4yog1"></span> AA (≥ 4.5:1)</span> <span class="legend-item svelte-1n4yog1"><span class="legend-dot legend-dot--aa-large svelte-1n4yog1"></span> AA large only (≥ 3:1)</span> <span class="legend-item svelte-1n4yog1"><span class="legend-dot legend-dot--fail svelte-1n4yog1"></span> Fail (&lt; 3:1)</span></div></section>`);function Vc(e,t){Ce(t,!0);const s=pe.defaults?.colors??{},a=Object.keys(s.brand??{}),n=Object.keys(s.status??{}),i=[...a,...n];function l(L){return L.charAt(0).toUpperCase()+L.slice(1)}function d(L){const U=a.includes(L)?Z.colors?.[`brand_${L}`]:Z.colors?.[`status_${L}`];return U||(s.brand_hex_hints?.[L]??s.status_hex_hints?.[L]??s.brand?.[L]??s.status?.[L]??"")}function o(L){if(!L||typeof document>"u")return null;const U=document.createElement("div");U.style.display="none",U.style.backgroundColor=L,document.body.appendChild(U);const se=getComputedStyle(U).backgroundColor;document.body.removeChild(U);const X=se.match(/(\d+(?:\.\d+)?),\s*(\d+(?:\.\d+)?),\s*(\d+(?:\.\d+)?)/);return X?[+X[1],+X[2],+X[3]]:null}function v(L){return L/=255,L<=.04045?L/12.92:Math.pow((L+.055)/1.055,2.4)}function p([L,U,se]){return .2126*v(L)+.7152*v(U)+.0722*v(se)}function h(L,U){const se=p(L),X=p(U),J=Math.max(se,X),ge=Math.min(se,X);return(J+.05)/(ge+.05)}function f(L){return L>=7?"AAA":L>=4.5?"AA":L>=3?"AA-large":"fail"}function m(L){return L==="AAA"?"badge--aaa":L==="AA"?"badge--aa":L==="AA-large"?"badge--aa-large":"badge--fail"}const b=x(()=>{const L=new Map;for(const U of i)L.set(U,o(d(U)));return L});let w=le(Be(i[0]??"")),_=le(Be(i[1]??i[0]??""));const y=x(()=>r(b).get(r(w))??null),E=x(()=>r(b).get(r(_))??null),$=x(()=>r(y)&&r(E)?h(r(y),r(E)):null),z=x(()=>r($)!==null?f(r($)):null),N=x(()=>r($)===null?null:r($)>=4.5?"AAA":r($)>=3?"AA":"fail"),S=x(()=>{const L=[];for(const U of i){const se=[];for(const X of i){const J=r(b).get(U),ge=r(b).get(X);if(!J||!ge||U===X)se.push({ratio:null,level:null});else{const je=h(J,ge);se.push({ratio:je,level:f(je)})}}L.push(se)}return L});function F(L){const U=d(L);return U?`background:${U}`:"background:#ccc"}function P(L){W(w,L,!0)}function A(L){W(_,L,!0)}function R(L,U){W(w,L,!0),W(_,U,!0)}var O=Mc(),I=u(c(O),4),T=c(I),k=u(c(T),2);ve(k,20,()=>i,L=>L,(L,U)=>{var se=Ec();let X;B((J,ge,je)=>{X=Le(se,1,"swatch-btn svelte-1n4yog1",null,X,{"swatch-btn--active":r(w)===U}),he(se,J),ee(se,"title",ge),ee(se,"aria-label",`Set foreground to ${je??""}`)},[()=>F(U),()=>l(U),()=>l(U)]),_e("click",se,()=>P(U)),C(L,se)});var M=u(k,2),H=c(M),Q=u(H),q=u(T,2),Y=u(c(q),2);ve(Y,20,()=>i,L=>L,(L,U)=>{var se=Ac();let X;B((J,ge,je)=>{X=Le(se,1,"swatch-btn svelte-1n4yog1",null,X,{"swatch-btn--active":r(_)===U}),he(se,J),ee(se,"title",ge),ee(se,"aria-label",`Set background to ${je??""}`)},[()=>F(U),()=>l(U),()=>l(U)]),_e("click",se,()=>A(U)),C(L,se)});var D=u(Y,2),K=c(D),ae=u(K),re=u(q,2),oe=c(re);{var fe=L=>{var U=Cc(),se=vt(U),X=u(se,2),J=c(X),ge=u(X,2),je=c(ge),$e=u(c(je),2),De=c($e),pt=u(je,2),Pe=u(c(pt),2),Ue=c(Pe);B((qe,$t,Ut,$a)=>{he(se,`color:${qe??""}`),V(J,`${$t??""}:1`),Le($e,1,`badge ${Ut??""}`,"svelte-1n4yog1"),V(De,r(z)),Le(Pe,1,`badge ${$a??""}`,"svelte-1n4yog1"),V(Ue,r(N))},[()=>d(r(w))||"#000",()=>r($).toFixed(2),()=>m(r(z)),()=>m(r(N))]),C(L,U)},G=L=>{var U=Tc();C(L,U)};ye(oe,L=>{r($)!==null?L(fe):L(G,-1)})}var ce=u(I,6),xe=c(ce),Ee=c(xe),ne=c(Ee),Me=u(c(ne));ve(Me,16,()=>i,L=>L,(L,U)=>{var se=jc(),X=c(se);B((J,ge)=>{ee(se,"title",J),he(X,ge)},[()=>l(U),()=>F(U)]),C(L,se)});var Ve=u(Ee);ve(Ve,22,()=>i,L=>L,(L,U,se)=>{var X=Rc(),J=c(X),ge=c(J),je=u(J);ve(je,18,()=>i,$e=>$e,($e,De,pt)=>{const Pe=x(()=>r(S)[r(se)][r(pt)]);var Ue=Fc();let qe;var $t=c(Ue);{var Ut=kt=>{var ps=$c(),za=c(ps);B(Fn=>V(za,Fn),[()=>r(Pe).ratio.toFixed(1)]),C(kt,ps)},$a=kt=>{var ps=zc();C(kt,ps)};ye($t,kt=>{r(Pe).ratio!==null?kt(Ut):kt($a,-1)})}B((kt,ps,za)=>{qe=Le(Ue,1,"grid-cell svelte-1n4yog1",null,qe,{"grid-cell--same":U===De,"grid-cell--aaa":r(Pe).level==="AAA","grid-cell--aa":r(Pe).level==="AA","grid-cell--aa-large":r(Pe).level==="AA-large","grid-cell--fail":r(Pe).level==="fail","grid-cell--active":r(w)===U&&r(_)===De}),ee(Ue,"title",`${kt??""} on ${ps??""}: ${za??""}`),ee(Ue,"role",U!==De?"button":void 0),ee(Ue,"tabindex",U!==De?0:void 0)},[()=>l(U),()=>l(De),()=>r(Pe).ratio!==null?r(Pe).ratio.toFixed(2)+":1":"—"]),_e("click",Ue,()=>U!==De&&R(U,De)),_e("keydown",Ue,kt=>kt.key==="Enter"&&U!==De&&R(U,De)),C($e,Ue)}),B(($e,De)=>{ee(J,"title",$e),he(ge,De)},[()=>l(U),()=>F(U)]),C(L,X)}),B((L,U,se,X,J)=>{he(H,L),V(Q,` ${U??""}`),he(K,se),V(ae,` ${X??""}`),he(re,`background:${J??""}`)},[()=>F(r(w)),()=>l(r(w)),()=>F(r(_)),()=>l(r(_)),()=>d(r(_))||"#fff"]),C(e,O),Te()}Ke(["click","keydown"]);var Dc=j('<h2 class="group-heading svelte-1muixbu">Content Grid</h2> <p class="hint svelte-1muixbu">Widths used by the content-grid breakout pattern.</p> <div class="rows svelte-1muixbu"><!> <!></div> <h2 class="group-heading svelte-1muixbu">Sidebar</h2> <div class="rows svelte-1muixbu"><!> <!></div> <h2 class="group-heading svelte-1muixbu">Cover</h2> <div class="rows svelte-1muixbu"><!> <!></div> <h2 class="group-heading svelte-1muixbu">Frame</h2> <div class="rows svelte-1muixbu"><!></div> <h2 class="group-heading svelte-1muixbu">Reel</h2> <div class="rows svelte-1muixbu"><!> <!></div> <h2 class="group-heading svelte-1muixbu">Imposter</h2> <div class="rows svelte-1muixbu"><!></div> <h2 class="group-heading svelte-1muixbu">Equal Columns</h2> <div class="rows svelte-1muixbu"><!></div>',1),Lc=j(`<section><h2 class="svelte-1muixbu">Containers</h2> <p class="hint svelte-1muixbu">Max-width values for <code class="svelte-1muixbu">.sf-container</code> size variants. Any valid CSS length
+    Colors shown are the <em>light-mode</em> variants.</p> <div class="picker svelte-1n4yog1"><div class="picker__col svelte-1n4yog1"><h3 class="picker__heading svelte-1n4yog1">Foreground</h3> <div class="swatch-strip svelte-1n4yog1"></div> <div class="picker__selected svelte-1n4yog1"><span class="swatch-dot svelte-1n4yog1"></span> </div></div> <div class="picker__col svelte-1n4yog1"><h3 class="picker__heading svelte-1n4yog1">Background</h3> <div class="swatch-strip svelte-1n4yog1"></div> <div class="picker__selected svelte-1n4yog1"><span class="swatch-dot svelte-1n4yog1"></span> </div></div> <div class="result svelte-1n4yog1"><!></div></div> <h3 class="grid-heading svelte-1n4yog1">All-pairs reference</h3> <p class="hint svelte-1n4yog1">Foreground → rows · Background → columns. Click any cell to load the pair into the picker above.</p> <div class="grid-wrap svelte-1n4yog1"><table class="contrast-grid svelte-1n4yog1"><thead><tr><th class="grid-corner svelte-1n4yog1"></th><!></tr></thead><tbody></tbody></table></div> <div class="legend svelte-1n4yog1"><span class="legend-item svelte-1n4yog1"><span class="legend-dot legend-dot--aaa svelte-1n4yog1"></span> AAA (≥ 7:1)</span> <span class="legend-item svelte-1n4yog1"><span class="legend-dot legend-dot--aa svelte-1n4yog1"></span> AA (≥ 4.5:1)</span> <span class="legend-item svelte-1n4yog1"><span class="legend-dot legend-dot--aa-large svelte-1n4yog1"></span> AA large only (≥ 3:1)</span> <span class="legend-item svelte-1n4yog1"><span class="legend-dot legend-dot--fail svelte-1n4yog1"></span> Fail (&lt; 3:1)</span></div></section>`);function Vc(e,t){Ce(t,!0);const s=pe.defaults?.colors??{},a=Object.keys(s.brand??{}),n=Object.keys(s.status??{}),i=[...a,...n];function l(L){return L.charAt(0).toUpperCase()+L.slice(1)}function d(L){const U=a.includes(L)?Z.colors?.[`brand_${L}`]:Z.colors?.[`status_${L}`];return U||(s.brand_hex_hints?.[L]??s.status_hex_hints?.[L]??s.brand?.[L]??s.status?.[L]??"")}function o(L){if(!L||typeof document>"u")return null;const U=document.createElement("div");U.style.display="none",U.style.backgroundColor=L,document.body.appendChild(U);const se=getComputedStyle(U).backgroundColor;document.body.removeChild(U);const X=se.match(/(\d+(?:\.\d+)?),\s*(\d+(?:\.\d+)?),\s*(\d+(?:\.\d+)?)/);return X?[+X[1],+X[2],+X[3]]:null}function v(L){return L/=255,L<=.04045?L/12.92:Math.pow((L+.055)/1.055,2.4)}function p([L,U,se]){return .2126*v(L)+.7152*v(U)+.0722*v(se)}function h(L,U){const se=p(L),X=p(U),J=Math.max(se,X),ge=Math.min(se,X);return(J+.05)/(ge+.05)}function f(L){return L>=7?"AAA":L>=4.5?"AA":L>=3?"AA-large":"fail"}function m(L){return L==="AAA"?"badge--aaa":L==="AA"?"badge--aa":L==="AA-large"?"badge--aa-large":"badge--fail"}const b=x(()=>{const L=new Map;for(const U of i)L.set(U,o(d(U)));return L});let w=le(qe(i[0]??"")),_=le(qe(i[1]??i[0]??""));const y=x(()=>r(b).get(r(w))??null),E=x(()=>r(b).get(r(_))??null),$=x(()=>r(y)&&r(E)?h(r(y),r(E)):null),z=x(()=>r($)!==null?f(r($)):null),N=x(()=>r($)===null?null:r($)>=4.5?"AAA":r($)>=3?"AA":"fail"),S=x(()=>{const L=[];for(const U of i){const se=[];for(const X of i){const J=r(b).get(U),ge=r(b).get(X);if(!J||!ge||U===X)se.push({ratio:null,level:null});else{const je=h(J,ge);se.push({ratio:je,level:f(je)})}}L.push(se)}return L});function F(L){const U=d(L);return U?`background:${U}`:"background:#ccc"}function P(L){W(w,L,!0)}function A(L){W(_,L,!0)}function R(L,U){W(w,L,!0),W(_,U,!0)}var O=Mc(),I=u(c(O),4),T=c(I),k=u(c(T),2);ve(k,20,()=>i,L=>L,(L,U)=>{var se=Ec();let X;q((J,ge,je)=>{X=Le(se,1,"swatch-btn svelte-1n4yog1",null,X,{"swatch-btn--active":r(w)===U}),he(se,J),ee(se,"title",ge),ee(se,"aria-label",`Set foreground to ${je??""}`)},[()=>F(U),()=>l(U),()=>l(U)]),_e("click",se,()=>P(U)),C(L,se)});var M=u(k,2),H=c(M),Q=u(H),B=u(T,2),Y=u(c(B),2);ve(Y,20,()=>i,L=>L,(L,U)=>{var se=Ac();let X;q((J,ge,je)=>{X=Le(se,1,"swatch-btn svelte-1n4yog1",null,X,{"swatch-btn--active":r(_)===U}),he(se,J),ee(se,"title",ge),ee(se,"aria-label",`Set background to ${je??""}`)},[()=>F(U),()=>l(U),()=>l(U)]),_e("click",se,()=>A(U)),C(L,se)});var D=u(Y,2),K=c(D),ae=u(K),re=u(B,2),oe=c(re);{var fe=L=>{var U=Cc(),se=vt(U),X=u(se,2),J=c(X),ge=u(X,2),je=c(ge),$e=u(c(je),2),De=c($e),pt=u(je,2),Pe=u(c(pt),2),Ue=c(Pe);q((Be,$t,Ut,$a)=>{he(se,`color:${Be??""}`),V(J,`${$t??""}:1`),Le($e,1,`badge ${Ut??""}`,"svelte-1n4yog1"),V(De,r(z)),Le(Pe,1,`badge ${$a??""}`,"svelte-1n4yog1"),V(Ue,r(N))},[()=>d(r(w))||"#000",()=>r($).toFixed(2),()=>m(r(z)),()=>m(r(N))]),C(L,U)},G=L=>{var U=Tc();C(L,U)};ye(oe,L=>{r($)!==null?L(fe):L(G,-1)})}var ce=u(I,6),xe=c(ce),Ee=c(xe),ne=c(Ee),Me=u(c(ne));ve(Me,16,()=>i,L=>L,(L,U)=>{var se=jc(),X=c(se);q((J,ge)=>{ee(se,"title",J),he(X,ge)},[()=>l(U),()=>F(U)]),C(L,se)});var Ve=u(Ee);ve(Ve,22,()=>i,L=>L,(L,U,se)=>{var X=Rc(),J=c(X),ge=c(J),je=u(J);ve(je,18,()=>i,$e=>$e,($e,De,pt)=>{const Pe=x(()=>r(S)[r(se)][r(pt)]);var Ue=Fc();let Be;var $t=c(Ue);{var Ut=kt=>{var ps=$c(),za=c(ps);q(Fn=>V(za,Fn),[()=>r(Pe).ratio.toFixed(1)]),C(kt,ps)},$a=kt=>{var ps=zc();C(kt,ps)};ye($t,kt=>{r(Pe).ratio!==null?kt(Ut):kt($a,-1)})}q((kt,ps,za)=>{Be=Le(Ue,1,"grid-cell svelte-1n4yog1",null,Be,{"grid-cell--same":U===De,"grid-cell--aaa":r(Pe).level==="AAA","grid-cell--aa":r(Pe).level==="AA","grid-cell--aa-large":r(Pe).level==="AA-large","grid-cell--fail":r(Pe).level==="fail","grid-cell--active":r(w)===U&&r(_)===De}),ee(Ue,"title",`${kt??""} on ${ps??""}: ${za??""}`),ee(Ue,"role",U!==De?"button":void 0),ee(Ue,"tabindex",U!==De?0:void 0)},[()=>l(U),()=>l(De),()=>r(Pe).ratio!==null?r(Pe).ratio.toFixed(2)+":1":"—"]),_e("click",Ue,()=>U!==De&&R(U,De)),_e("keydown",Ue,kt=>kt.key==="Enter"&&U!==De&&R(U,De)),C($e,Ue)}),q(($e,De)=>{ee(J,"title",$e),he(ge,De)},[()=>l(U),()=>F(U)]),C(L,X)}),q((L,U,se,X,J)=>{he(H,L),V(Q,` ${U??""}`),he(K,se),V(ae,` ${X??""}`),he(re,`background:${J??""}`)},[()=>F(r(w)),()=>l(r(w)),()=>F(r(_)),()=>l(r(_)),()=>d(r(_))||"#fff"]),C(e,O),Te()}Ke(["click","keydown"]);var Dc=j('<h2 class="group-heading svelte-1muixbu">Content Grid</h2> <p class="hint svelte-1muixbu">Widths used by the content-grid breakout pattern.</p> <div class="rows svelte-1muixbu"><!> <!></div> <h2 class="group-heading svelte-1muixbu">Sidebar</h2> <div class="rows svelte-1muixbu"><!> <!></div> <h2 class="group-heading svelte-1muixbu">Cover</h2> <div class="rows svelte-1muixbu"><!> <!></div> <h2 class="group-heading svelte-1muixbu">Frame</h2> <div class="rows svelte-1muixbu"><!></div> <h2 class="group-heading svelte-1muixbu">Reel</h2> <div class="rows svelte-1muixbu"><!> <!></div> <h2 class="group-heading svelte-1muixbu">Imposter</h2> <div class="rows svelte-1muixbu"><!></div> <h2 class="group-heading svelte-1muixbu">Equal Columns</h2> <div class="rows svelte-1muixbu"><!></div>',1),Lc=j(`<section><h2 class="svelte-1muixbu">Containers</h2> <p class="hint svelte-1muixbu">Max-width values for <code class="svelte-1muixbu">.sf-container</code> size variants. Any valid CSS length
     (<code class="svelte-1muixbu">rem</code>, <code class="svelte-1muixbu">px</code>, <code class="svelte-1muixbu">ch</code>, <code class="svelte-1muixbu">%</code>, etc.).</p> <div class="rows svelte-1muixbu"><!> <!> <!> <!></div> <h2 class="group-heading svelte-1muixbu">Grid</h2> <p class="hint svelte-1muixbu">Minimum column width for <code class="svelte-1muixbu">.sf-grid</code> auto-fill layouts.
-    The grid will fit as many columns as possible at or above this width.</p> <div class="rows svelte-1muixbu"><!> <!> <!> <!> <!> <!></div> <h2 class="group-heading svelte-1muixbu">Switcher</h2> <p class="hint svelte-1muixbu">Viewport width at which <code class="svelte-1muixbu">.sf-switcher</code> flips from a stacked column to a row.</p> <div class="rows svelte-1muixbu"><!></div> <h2 class="group-heading svelte-1muixbu">Bento Grid</h2> <p class="hint svelte-1muixbu">Column count and row height presets for <code class="svelte-1muixbu">.sf-bento</code> free-form grid layouts.</p> <div class="rows svelte-1muixbu"><!> <!> <!> <!></div> <!></section>`);function Pc(e,t){Ce(t,!0);const s="layouts",a=pe.defaults?.[s]??{};var n=Lc(),i=u(c(n),4),l=c(i);{let A=x(()=>a.container_narrow??"38rem");Ae(l,{section:s,fieldKey:"container_narrow",label:"Narrow",get default(){return r(A)},cssVar:"--sf-container-narrow",mono:!0})}var d=u(l,2);{let A=x(()=>a.container_prose??"65ch");Ae(d,{section:s,fieldKey:"container_prose",label:"Prose",get default(){return r(A)},cssVar:"--sf-container-prose",mono:!0})}var o=u(d,2);{let A=x(()=>a.container_default??"75rem");Ae(o,{section:s,fieldKey:"container_default",label:"Default",get default(){return r(A)},cssVar:"--sf-container-default",mono:!0})}var v=u(o,2);{let A=x(()=>a.container_wide??"90rem");Ae(v,{section:s,fieldKey:"container_wide",label:"Wide",get default(){return r(A)},cssVar:"--sf-container-wide",mono:!0})}var p=u(i,6),h=c(p);{let A=x(()=>a.grid_min??"16rem");Ae(h,{section:s,fieldKey:"grid_min",label:"Default min",get default(){return r(A)},cssVar:"--sf-grid-min",mono:!0})}var f=u(h,2);{let A=x(()=>a.grid_min_xs??"10rem");Ae(f,{section:s,fieldKey:"grid_min_xs",label:"XS min",get default(){return r(A)},cssVar:"--sf-grid-min-xs",mono:!0})}var m=u(f,2);{let A=x(()=>a.grid_min_s??"13rem");Ae(m,{section:s,fieldKey:"grid_min_s",label:"S min",get default(){return r(A)},cssVar:"--sf-grid-min-s",mono:!0})}var b=u(m,2);{let A=x(()=>a.grid_min_l??"20rem");Ae(b,{section:s,fieldKey:"grid_min_l",label:"L min",get default(){return r(A)},cssVar:"--sf-grid-min-l",mono:!0})}var w=u(b,2);{let A=x(()=>a.grid_min_xl??"24rem");Ae(w,{section:s,fieldKey:"grid_min_xl",label:"XL min",get default(){return r(A)},cssVar:"--sf-grid-min-xl",mono:!0})}var _=u(w,2);{let A=x(()=>a.grid_min_2xl??"28rem");Ae(_,{section:s,fieldKey:"grid_min_2xl",label:"2XL min",get default(){return r(A)},cssVar:"--sf-grid-min-2xl",mono:!0})}var y=u(p,6),E=c(y);{let A=x(()=>a.switcher_threshold??"30rem");Ae(E,{section:s,fieldKey:"switcher_threshold",label:"Threshold",get default(){return r(A)},cssVar:"--sf-switcher-threshold",mono:!0})}var $=u(y,6),z=c($);{let A=x(()=>a.bento_cols??"3");Ae(z,{section:s,fieldKey:"bento_cols",label:"Columns",get default(){return r(A)},cssVar:"--sf-bento-cols-default",mono:!0})}var N=u(z,2);{let A=x(()=>a.bento_row_default??"10rem");Ae(N,{section:s,fieldKey:"bento_row_default",label:"Row (default)",get default(){return r(A)},cssVar:"--sf-bento-row-default",mono:!0})}var S=u(N,2);{let A=x(()=>a.bento_row_compact??"6rem");Ae(S,{section:s,fieldKey:"bento_row_compact",label:"Row (compact)",get default(){return r(A)},cssVar:"--sf-bento-row-compact",mono:!0})}var F=u(S,2);{let A=x(()=>a.bento_row_tall??"16rem");Ae(F,{section:s,fieldKey:"bento_row_tall",label:"Row (tall)",get default(){return r(A)},cssVar:"--sf-bento-row-tall",mono:!0})}var P=u($,2);Qs(P,{children:(A,R)=>{var O=Dc(),I=u(vt(O),4),T=c(I);{let ne=x(()=>a.content_width??"var(--sf-container-default)");Ae(T,{section:s,fieldKey:"content_width",label:"Content width",get default(){return r(ne)},cssVar:"--sf-content-width",mono:!0})}var k=u(T,2);{let ne=x(()=>a.breakout_width??"var(--sf-container-wide)");Ae(k,{section:s,fieldKey:"breakout_width",label:"Breakout width",get default(){return r(ne)},cssVar:"--sf-breakout-width",mono:!0})}var M=u(I,4),H=c(M);{let ne=x(()=>a.sidebar_width??"18rem");Ae(H,{section:s,fieldKey:"sidebar_width",label:"Sidebar width",get default(){return r(ne)},cssVar:"--sf-sidebar-width",mono:!0})}var Q=u(H,2);{let ne=x(()=>a.sidebar_min_width??"50%");Ae(Q,{section:s,fieldKey:"sidebar_min_width",label:"Content col minimum",get default(){return r(ne)},cssVar:"--sf-sidebar-min-width",mono:!0})}var q=u(M,4),Y=c(q);{let ne=x(()=>a.cover_min_height??"100dvh");Ae(Y,{section:s,fieldKey:"cover_min_height",label:"Min height",get default(){return r(ne)},cssVar:"--sf-cover-min-height",mono:!0})}var D=u(Y,2);{let ne=x(()=>a.cover_padding??"var(--sf-section-pad)");Ae(D,{section:s,fieldKey:"cover_padding",label:"Padding",get default(){return r(ne)},cssVar:"--sf-cover-padding",mono:!0})}var K=u(q,4),ae=c(K);{let ne=x(()=>a.frame_ratio??"16 / 9");Ae(ae,{section:s,fieldKey:"frame_ratio",label:"Aspect ratio",get default(){return r(ne)},cssVar:"--sf-frame-ratio",mono:!0})}var re=u(K,4),oe=c(re);{let ne=x(()=>a.reel_item_width??"max-content");Ae(oe,{section:s,fieldKey:"reel_item_width",label:"Item width",get default(){return r(ne)},cssVar:"--sf-reel-item-width",mono:!0})}var fe=u(oe,2);{let ne=x(()=>a.reel_height??"auto");Ae(fe,{section:s,fieldKey:"reel_height",label:"Height",get default(){return r(ne)},cssVar:"--sf-reel-height",mono:!0})}var G=u(re,4),ce=c(G);{let ne=x(()=>a.imposter_margin??"var(--sf-space-m)");Ae(ce,{section:s,fieldKey:"imposter_margin",label:"Margin",get default(){return r(ne)},cssVar:"--sf-imposter-margin",mono:!0})}var xe=u(G,4),Ee=c(xe);{let ne=x(()=>a.equal_cols??"2");Ae(Ee,{section:s,fieldKey:"equal_cols",label:"Column count",get default(){return r(ne)},cssVar:"--sf-equal-cols",mono:!0})}C(A,O)},$$slots:{default:!0}}),C(e,n),Te()}var Oc=j('<div class="slashed-preview__swatch svelte-g79qke"> </div>'),Ic=j('<div class="slashed-preview__swatch svelte-g79qke"> </div>'),Bc=j(`<div><div class="slashed-preview__header svelte-g79qke"><h3 class="svelte-g79qke">Live preview</h3> <div class="slashed-preview__mode-toggle svelte-g79qke"><button>☀ Light</button> <button>☾ Dark</button></div></div> <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">Body and heading fonts update as you adjust typography settings. Colors below
+    The grid will fit as many columns as possible at or above this width.</p> <div class="rows svelte-1muixbu"><!> <!> <!> <!> <!> <!></div> <h2 class="group-heading svelte-1muixbu">Switcher</h2> <p class="hint svelte-1muixbu">Viewport width at which <code class="svelte-1muixbu">.sf-switcher</code> flips from a stacked column to a row.</p> <div class="rows svelte-1muixbu"><!></div> <h2 class="group-heading svelte-1muixbu">Bento Grid</h2> <p class="hint svelte-1muixbu">Column count and row height presets for <code class="svelte-1muixbu">.sf-bento</code> free-form grid layouts.</p> <div class="rows svelte-1muixbu"><!> <!> <!> <!></div> <!></section>`);function Pc(e,t){Ce(t,!0);const s="layouts",a=pe.defaults?.[s]??{};var n=Lc(),i=u(c(n),4),l=c(i);{let A=x(()=>a.container_narrow??"38rem");Ae(l,{section:s,fieldKey:"container_narrow",label:"Narrow",get default(){return r(A)},cssVar:"--sf-container-narrow",mono:!0})}var d=u(l,2);{let A=x(()=>a.container_prose??"65ch");Ae(d,{section:s,fieldKey:"container_prose",label:"Prose",get default(){return r(A)},cssVar:"--sf-container-prose",mono:!0})}var o=u(d,2);{let A=x(()=>a.container_default??"75rem");Ae(o,{section:s,fieldKey:"container_default",label:"Default",get default(){return r(A)},cssVar:"--sf-container-default",mono:!0})}var v=u(o,2);{let A=x(()=>a.container_wide??"90rem");Ae(v,{section:s,fieldKey:"container_wide",label:"Wide",get default(){return r(A)},cssVar:"--sf-container-wide",mono:!0})}var p=u(i,6),h=c(p);{let A=x(()=>a.grid_min??"16rem");Ae(h,{section:s,fieldKey:"grid_min",label:"Default min",get default(){return r(A)},cssVar:"--sf-grid-min",mono:!0})}var f=u(h,2);{let A=x(()=>a.grid_min_xs??"10rem");Ae(f,{section:s,fieldKey:"grid_min_xs",label:"XS min",get default(){return r(A)},cssVar:"--sf-grid-min-xs",mono:!0})}var m=u(f,2);{let A=x(()=>a.grid_min_s??"13rem");Ae(m,{section:s,fieldKey:"grid_min_s",label:"S min",get default(){return r(A)},cssVar:"--sf-grid-min-s",mono:!0})}var b=u(m,2);{let A=x(()=>a.grid_min_l??"20rem");Ae(b,{section:s,fieldKey:"grid_min_l",label:"L min",get default(){return r(A)},cssVar:"--sf-grid-min-l",mono:!0})}var w=u(b,2);{let A=x(()=>a.grid_min_xl??"24rem");Ae(w,{section:s,fieldKey:"grid_min_xl",label:"XL min",get default(){return r(A)},cssVar:"--sf-grid-min-xl",mono:!0})}var _=u(w,2);{let A=x(()=>a.grid_min_2xl??"28rem");Ae(_,{section:s,fieldKey:"grid_min_2xl",label:"2XL min",get default(){return r(A)},cssVar:"--sf-grid-min-2xl",mono:!0})}var y=u(p,6),E=c(y);{let A=x(()=>a.switcher_threshold??"30rem");Ae(E,{section:s,fieldKey:"switcher_threshold",label:"Threshold",get default(){return r(A)},cssVar:"--sf-switcher-threshold",mono:!0})}var $=u(y,6),z=c($);{let A=x(()=>a.bento_cols??"3");Ae(z,{section:s,fieldKey:"bento_cols",label:"Columns",get default(){return r(A)},cssVar:"--sf-bento-cols-default",mono:!0})}var N=u(z,2);{let A=x(()=>a.bento_row_default??"10rem");Ae(N,{section:s,fieldKey:"bento_row_default",label:"Row (default)",get default(){return r(A)},cssVar:"--sf-bento-row-default",mono:!0})}var S=u(N,2);{let A=x(()=>a.bento_row_compact??"6rem");Ae(S,{section:s,fieldKey:"bento_row_compact",label:"Row (compact)",get default(){return r(A)},cssVar:"--sf-bento-row-compact",mono:!0})}var F=u(S,2);{let A=x(()=>a.bento_row_tall??"16rem");Ae(F,{section:s,fieldKey:"bento_row_tall",label:"Row (tall)",get default(){return r(A)},cssVar:"--sf-bento-row-tall",mono:!0})}var P=u($,2);Qs(P,{children:(A,R)=>{var O=Dc(),I=u(vt(O),4),T=c(I);{let ne=x(()=>a.content_width??"var(--sf-container-default)");Ae(T,{section:s,fieldKey:"content_width",label:"Content width",get default(){return r(ne)},cssVar:"--sf-content-width",mono:!0})}var k=u(T,2);{let ne=x(()=>a.breakout_width??"var(--sf-container-wide)");Ae(k,{section:s,fieldKey:"breakout_width",label:"Breakout width",get default(){return r(ne)},cssVar:"--sf-breakout-width",mono:!0})}var M=u(I,4),H=c(M);{let ne=x(()=>a.sidebar_width??"18rem");Ae(H,{section:s,fieldKey:"sidebar_width",label:"Sidebar width",get default(){return r(ne)},cssVar:"--sf-sidebar-width",mono:!0})}var Q=u(H,2);{let ne=x(()=>a.sidebar_min_width??"50%");Ae(Q,{section:s,fieldKey:"sidebar_min_width",label:"Content col minimum",get default(){return r(ne)},cssVar:"--sf-sidebar-min-width",mono:!0})}var B=u(M,4),Y=c(B);{let ne=x(()=>a.cover_min_height??"100dvh");Ae(Y,{section:s,fieldKey:"cover_min_height",label:"Min height",get default(){return r(ne)},cssVar:"--sf-cover-min-height",mono:!0})}var D=u(Y,2);{let ne=x(()=>a.cover_padding??"var(--sf-section-pad)");Ae(D,{section:s,fieldKey:"cover_padding",label:"Padding",get default(){return r(ne)},cssVar:"--sf-cover-padding",mono:!0})}var K=u(B,4),ae=c(K);{let ne=x(()=>a.frame_ratio??"16 / 9");Ae(ae,{section:s,fieldKey:"frame_ratio",label:"Aspect ratio",get default(){return r(ne)},cssVar:"--sf-frame-ratio",mono:!0})}var re=u(K,4),oe=c(re);{let ne=x(()=>a.reel_item_width??"max-content");Ae(oe,{section:s,fieldKey:"reel_item_width",label:"Item width",get default(){return r(ne)},cssVar:"--sf-reel-item-width",mono:!0})}var fe=u(oe,2);{let ne=x(()=>a.reel_height??"auto");Ae(fe,{section:s,fieldKey:"reel_height",label:"Height",get default(){return r(ne)},cssVar:"--sf-reel-height",mono:!0})}var G=u(re,4),ce=c(G);{let ne=x(()=>a.imposter_margin??"var(--sf-space-m)");Ae(ce,{section:s,fieldKey:"imposter_margin",label:"Margin",get default(){return r(ne)},cssVar:"--sf-imposter-margin",mono:!0})}var xe=u(G,4),Ee=c(xe);{let ne=x(()=>a.equal_cols??"2");Ae(Ee,{section:s,fieldKey:"equal_cols",label:"Column count",get default(){return r(ne)},cssVar:"--sf-equal-cols",mono:!0})}C(A,O)},$$slots:{default:!0}}),C(e,n),Te()}var Oc=j('<div class="slashed-preview__swatch svelte-g79qke"> </div>'),Ic=j('<div class="slashed-preview__swatch svelte-g79qke"> </div>'),qc=j(`<div><div class="slashed-preview__header svelte-g79qke"><h3 class="svelte-g79qke">Live preview</h3> <div class="slashed-preview__mode-toggle svelte-g79qke"><button>☀ Light</button> <button>☾ Dark</button></div></div> <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">Body and heading fonts update as you adjust typography settings. Colors below
     reflect brand and status tokens for the selected mode.</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> <span class="slashed-preview__btn slashed-preview__btn--outline svelte-g79qke">Outline</span> <span class="slashed-preview__btn slashed-preview__btn--ghost svelte-g79qke">Ghost</span></div> <div class="slashed-preview__card svelte-g79qke"><div class="slashed-preview__card-accent svelte-g79qke"></div> <div class="slashed-preview__card-body svelte-g79qke"><div class="slashed-preview__card-top svelte-g79qke"><div class="slashed-preview__card-avatar svelte-g79qke"></div> <div><p class="slashed-preview__card-title svelte-g79qke">Card Component</p> <p class="slashed-preview__card-sub svelte-g79qke">Design token preview</p></div> <span class="slashed-preview__badge svelte-g79qke">Active</span></div> <p class="slashed-preview__card-text svelte-g79qke">This card shows radius, shadow, spacing, colors, and typography
-        working together. All values update live as you adjust tokens.</p> <div class="slashed-preview__card-footer svelte-g79qke"><span class="slashed-preview__badge svelte-g79qke">Info</span> <span class="slashed-preview__badge svelte-g79qke">Warning</span> <span class="slashed-preview__btn slashed-preview__btn--sm svelte-g79qke">Save</span></div></div></div> <div class="slashed-preview__caption svelte-g79qke">Generated CSS: <code class="svelte-g79qke"> </code></div></div>`);function qc(e,t){Ce(t,!0);const s=["primary","secondary","tertiary","action","neutral","base"],a=["success","warning","error","info","danger"],n=pe.defaults?.colors??{},i=X=>`oklch(from var(${X}) clamp(0.65, calc(0.95 - l * 0.5), 0.88) calc(c * 0.9) h)`,l=X=>`oklch(from var(${X}) clamp(0.16, calc(1.18 - l), 0.24) calc(c * 0.5) h)`,d=X=>{const J=`--sf-color-${X}-light`;return X==="base"?l(J):i(J)};let o=le(!1);const v=x(()=>{const X=[],J=Z.colors??{},ge=Z.typography??{},je=Z.radius??{},$e=Z.shadows??{},De=J.dark_overrides_enabled!=="0";for(const qe of s){const $t=J[`brand_${qe}`]??n.brand_hex_hints?.[qe];$t&&X.push(`--sf-color-${qe}-light:${$t}`);const Ut=De?J[`brand_dark_${qe}`]:"";X.push(`--sf-color-${qe}-dark:${Ut||d(qe)}`)}for(const qe of a){const $t=J[`status_${qe}`]??n.status_hex_hints?.[qe];$t&&X.push(`--sf-color-${qe}-light:${$t}`);const Ut=De?J[`status_dark_${qe}`]:"";X.push(`--sf-color-${qe}-dark:${Ut||d(qe)}`)}ge.font_body&&X.push(`--sf-font-body:${ge.font_body}`),ge.font_heading&&X.push(`--sf-font-heading:${ge.font_heading}`);const pt=parseFloat(je.radius_scale??pe.defaults?.radius?.radius_scale??1)||1;X.push(`--preview-radius-s:${Math.round(4*pt)}px`),X.push(`--preview-radius-m:${Math.round(8*pt)}px`),X.push(`--preview-radius-l:${Math.round(16*pt)}px`);const Pe=$e.shadow_strength,Ue=parseFloat(Pe!==void 0&&Pe!==""?Pe:pe.defaults?.shadows?.shadow_strength??.08);return X.push(`--preview-shadow:0 2px 8px 0 rgba(0,0,0,${(Ue*2).toFixed(3)}),0 1px 3px 0 rgba(0,0,0,${Ue.toFixed(3)})`),X.join(";")}),p=x(()=>r(o)?"dark":"light"),h=x(()=>fr(Z));var f=Bc();let m;var b=c(f),w=u(c(b),2),_=c(w);let y;var E=u(_,2);let $;var z=u(b,6),N=c(z);ve(N,16,()=>s,X=>X,(X,J)=>{var ge=Oc();let je;var $e=c(ge);B(()=>{ee(ge,"title",J),je=he(ge,"",je,{background:`var(--sf-color-${J}-${r(p)}, #ddd)`}),V($e,J)}),C(X,ge)});var S=u(N,2);ve(S,16,()=>a,X=>X,(X,J)=>{var ge=Ic();let je;var $e=c(ge);B(()=>{ee(ge,"title",J),je=he(ge,"",je,{background:`var(--sf-color-${J}-${r(p)}, #ddd)`}),V($e,J)}),C(X,ge)});var F=u(z,2),P=c(F);let A;var R=u(P,2);let O;var I=u(R,2);let T;var k=u(F,2);he(k,"",{},{"box-shadow":"var(--preview-shadow)"});var M=c(k);let H;var Q=u(M,2),q=c(Q),Y=c(q);let D;var K=u(Y,2),ae=c(K);he(ae,"",{},{"font-family":"var(--sf-font-heading, system-ui, sans-serif)"});var re=u(K,2);let oe;var fe=u(q,2);he(fe,"",{},{"font-family":"var(--sf-font-body, system-ui, sans-serif)"});var G=u(fe,2),ce=c(G);let xe;var Ee=u(ce,2);let ne;var Me=u(Ee,2);let Ve;var L=u(k,2),U=u(c(L)),se=c(U);B(()=>{m=Le(f,1,"slashed-preview svelte-g79qke",null,m,{"is-dark":r(o)}),he(f,r(v)),y=Le(_,1,"slashed-preview__mode-btn svelte-g79qke",null,y,{active:!r(o)}),$=Le(E,1,"slashed-preview__mode-btn svelte-g79qke",null,$,{active:r(o)}),A=he(P,"",A,{background:`var(--sf-color-primary-${r(p)}, #4338ca)`}),O=he(R,"",O,{background:`var(--sf-color-action-${r(p)}, #0891b2)`}),T=he(I,"",T,{"border-color":`var(--sf-color-primary-${r(p)}, #4338ca)`,color:`var(--sf-color-primary-${r(p)}, #4338ca)`}),H=he(M,"",H,{background:`var(--sf-color-primary-${r(p)}, #4338ca)`}),D=he(Y,"",D,{background:`var(--sf-color-secondary-${r(p)}, #7c3aed)`}),oe=he(re,"",oe,{background:`var(--sf-color-success-${r(p)}, #16a34a)`}),xe=he(ce,"",xe,{background:`var(--sf-color-info-${r(p)}, #0284c7)`}),ne=he(Ee,"",ne,{background:`var(--sf-color-warning-${r(p)}, #ca8a04)`}),Ve=he(Me,"",Ve,{background:`var(--sf-color-action-${r(p)}, #0891b2)`}),V(se,r(h)||"/* (defaults — no overrides set) */")}),_e("click",_,()=>W(o,!1)),_e("click",E,()=>W(o,!0)),C(e,f),Te()}Ke(["click"]);var Kc=j('<span class="bar__error svelte-1oj49qa"> </span>'),Nc=j('<span class="bar__pending svelte-1oj49qa">Saving…</span>'),Hc=j('<span class="bar__saved svelte-1oj49qa">Saved</span>'),Uc=j('<span class="bar__dirty svelte-1oj49qa">Unsaved changes</span>'),Gc=j('<span class="bar__clean svelte-1oj49qa">All changes saved</span>'),Wc=j('<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 Xc(e,t){Ce(t,!0);const s=["contrast","radius","shadows","motion","zindex"];async function a(){if(!te.saving){te.saving=!0,te.error="";try{if(te.activeTab==="misc"){const S=await Promise.allSettled(s.map(P=>Fr(P,Z[P]??{}))),F=[];if(S.forEach((P,A)=>{P.status==="fulfilled"?P.value?.values&&(Z[s[A]]=P.value.values):F.push(s[A])}),F.length>0)throw new Error(`Failed to save: ${F.join(", ")}`)}else{const S=te.activeTab,F=Z[S]??{},P=await Fr(S,F);P&&P.values&&(Z[S]=P.values)}te.dirty=!1,te.lastSavedAt=Date.now()}catch(S){te.error=S&&S.message||String(S)}finally{te.saving=!1}}}async function n(){if(!te.saving&&confirm(`Reset the ${pe.tabs[te.activeTab]??te.activeTab} tab to defaults?`)){te.saving=!0,te.error="";try{if(te.activeTab==="misc"){const S=await Promise.allSettled(s.map(P=>Rr(P))),F=[];if(S.forEach((P,A)=>{P.status==="fulfilled"?$r(s[A]):F.push(s[A])}),F.length>0)throw new Error(`Failed to reset: ${F.join(", ")}`)}else await Rr(te.activeTab),$r(te.activeTab);te.dirty=!1,te.lastSavedAt=Date.now()}catch(S){te.error=S&&S.message||String(S)}finally{te.saving=!1}}}let i=le(!1);ga(()=>{if(te.lastSavedAt){W(i,!0);const S=setTimeout(()=>W(i,!1),2e3);return()=>clearTimeout(S)}});const l=x(()=>sc(Z));function d(){const S=fr(Z);if(!S)return;const F=new Blob([S],{type:"text/css"}),P=URL.createObjectURL(F),A=document.createElement("a");A.href=P,A.download="slashed-custom.css",document.body.appendChild(A),A.click(),document.body.removeChild(A),URL.revokeObjectURL(P)}var o=Wc();let v;var p=c(o),h=c(p);{var f=S=>{var F=Kc(),P=c(F);B(()=>V(P,te.error)),C(S,F)},m=S=>{var F=Nc();C(S,F)},b=S=>{var F=Hc();C(S,F)},w=S=>{var F=Uc();C(S,F)},_=S=>{var F=Gc();C(S,F)};ye(h,S=>{te.error?S(f):te.saving?S(m,1):r(i)?S(b,2):te.dirty?S(w,3):S(_,-1)})}var y=u(p,2),E=c(y),$=u(E,2),z=u($,2),N=c(z);B(()=>{v=Le(o,1,"bar svelte-1oj49qa",null,v,{dirty:te.dirty}),E.disabled=te.saving,$.disabled=!r(l),z.disabled=te.saving||!te.dirty,V(N,te.saving?"Saving…":"Save changes")}),_e("click",E,n),_e("click",$,d),_e("click",z,a),C(e,o),Te()}Ke(["click"]);var Yc=j('<span class="version-pill svelte-1n46o8q"> </span>'),Zc=j('<span class="version-pill svelte-1n46o8q"> </span>'),Jc=j('<div class="slashed-svelte-admin svelte-1n46o8q"><header class="slashed-svelte-admin__header svelte-1n46o8q"><div class="slashed-svelte-admin__header-top svelte-1n46o8q"><h1 class="svelte-1n46o8q">SLASHED Design Tokens</h1> <div class="slashed-svelte-admin__versions svelte-1n46o8q"><!> <!></div></div> <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 Qc(e,t){Ce(t,!0);const s=["cheatsheet","hooks","variables","classes","bundle","export","wcag"];let a=x(()=>s.includes(te.activeTab));ga(()=>{function k(M){te.dirty&&(M.preventDefault(),M.returnValue="")}return window.addEventListener("beforeunload",k),()=>window.removeEventListener("beforeunload",k)});var n=Jc(),i=c(n),l=c(i),d=u(c(l),2),o=c(d);{var v=k=>{var M=Yc(),H=c(M);B(()=>V(H,`Framework ${pe.versions.framework??""}`)),C(k,M)};ye(o,k=>{pe.versions.framework&&k(v)})}var p=u(o,2);{var h=k=>{var M=Zc(),H=c(M);B(()=>V(H,`Plugin v${pe.versions.plugin??""}`)),C(k,M)};ye(p,k=>{pe.versions.plugin&&k(h)})}var f=u(i,2);kl(f,{});var m=u(f,2),b=c(m);{var w=k=>{Rl(k,{})},_=k=>{co(k,{})},y=k=>{go(k,{})},E=k=>{Pc(k,{})},$=k=>{To(k,{})},z=k=>{Ro(k,{})},N=k=>{Oo(k,{})},S=k=>{Uo(k,{})},F=k=>{lc(k,{})},P=k=>{dc(k)},A=k=>{Sc(k,{})},R=k=>{Vc(k,{})};ye(b,k=>{te.activeTab==="colors"?k(w):te.activeTab==="typography"?k(_,1):te.activeTab==="spacing"?k(y,2):te.activeTab==="layouts"?k(E,3):te.activeTab==="misc"?k($,4):te.activeTab==="variables"?k(z,5):te.activeTab==="classes"?k(N,6):te.activeTab==="bundle"?k(S,7):te.activeTab==="export"?k(F,8):te.activeTab==="hooks"?k(P,9):te.activeTab==="cheatsheet"?k(A,10):te.activeTab==="wcag"&&k(R,11)})}var O=u(m,2);qc(O,{});var I=u(O,2);{var T=k=>{Xc(k,{})};ye(I,k=>{r(a)||k(T)})}C(e,n),Te()}const Dr=document.getElementById("slashed-admin-app");Dr&&rl(Qc,{target:Dr});
+        working together. All values update live as you adjust tokens.</p> <div class="slashed-preview__card-footer svelte-g79qke"><span class="slashed-preview__badge svelte-g79qke">Info</span> <span class="slashed-preview__badge svelte-g79qke">Warning</span> <span class="slashed-preview__btn slashed-preview__btn--sm svelte-g79qke">Save</span></div></div></div> <div class="slashed-preview__caption svelte-g79qke">Generated CSS: <code class="svelte-g79qke"> </code></div></div>`);function Bc(e,t){Ce(t,!0);const s=["primary","secondary","tertiary","action","neutral","base"],a=["success","warning","error","info","danger"],n=pe.defaults?.colors??{},i=X=>`oklch(from var(${X}) clamp(0.65, calc(0.95 - l * 0.5), 0.88) calc(c * 0.9) h)`,l=X=>`oklch(from var(${X}) clamp(0.16, calc(1.18 - l), 0.24) calc(c * 0.5) h)`,d=X=>{const J=`--sf-color-${X}-light`;return X==="base"?l(J):i(J)};let o=le(!1);const v=x(()=>{const X=[],J=Z.colors??{},ge=Z.typography??{},je=Z.radius??{},$e=Z.shadows??{},De=J.dark_overrides_enabled!=="0";for(const Be of s){const $t=J[`brand_${Be}`]??n.brand_hex_hints?.[Be];$t&&X.push(`--sf-color-${Be}-light:${$t}`);const Ut=De?J[`brand_dark_${Be}`]:"";X.push(`--sf-color-${Be}-dark:${Ut||d(Be)}`)}for(const Be of a){const $t=J[`status_${Be}`]??n.status_hex_hints?.[Be];$t&&X.push(`--sf-color-${Be}-light:${$t}`);const Ut=De?J[`status_dark_${Be}`]:"";X.push(`--sf-color-${Be}-dark:${Ut||d(Be)}`)}ge.font_body&&X.push(`--sf-font-body:${ge.font_body}`),ge.font_heading&&X.push(`--sf-font-heading:${ge.font_heading}`);const pt=parseFloat(je.radius_scale??pe.defaults?.radius?.radius_scale??1)||1;X.push(`--preview-radius-s:${Math.round(4*pt)}px`),X.push(`--preview-radius-m:${Math.round(8*pt)}px`),X.push(`--preview-radius-l:${Math.round(16*pt)}px`);const Pe=$e.shadow_strength,Ue=parseFloat(Pe!==void 0&&Pe!==""?Pe:pe.defaults?.shadows?.shadow_strength??.08);return X.push(`--preview-shadow:0 2px 8px 0 rgba(0,0,0,${(Ue*2).toFixed(3)}),0 1px 3px 0 rgba(0,0,0,${Ue.toFixed(3)})`),X.join(";")}),p=x(()=>r(o)?"dark":"light"),h=x(()=>fr(Z));var f=qc();let m;var b=c(f),w=u(c(b),2),_=c(w);let y;var E=u(_,2);let $;var z=u(b,6),N=c(z);ve(N,16,()=>s,X=>X,(X,J)=>{var ge=Oc();let je;var $e=c(ge);q(()=>{ee(ge,"title",J),je=he(ge,"",je,{background:`var(--sf-color-${J}-${r(p)}, #ddd)`}),V($e,J)}),C(X,ge)});var S=u(N,2);ve(S,16,()=>a,X=>X,(X,J)=>{var ge=Ic();let je;var $e=c(ge);q(()=>{ee(ge,"title",J),je=he(ge,"",je,{background:`var(--sf-color-${J}-${r(p)}, #ddd)`}),V($e,J)}),C(X,ge)});var F=u(z,2),P=c(F);let A;var R=u(P,2);let O;var I=u(R,2);let T;var k=u(F,2);he(k,"",{},{"box-shadow":"var(--preview-shadow)"});var M=c(k);let H;var Q=u(M,2),B=c(Q),Y=c(B);let D;var K=u(Y,2),ae=c(K);he(ae,"",{},{"font-family":"var(--sf-font-heading, system-ui, sans-serif)"});var re=u(K,2);let oe;var fe=u(B,2);he(fe,"",{},{"font-family":"var(--sf-font-body, system-ui, sans-serif)"});var G=u(fe,2),ce=c(G);let xe;var Ee=u(ce,2);let ne;var Me=u(Ee,2);let Ve;var L=u(k,2),U=u(c(L)),se=c(U);q(()=>{m=Le(f,1,"slashed-preview svelte-g79qke",null,m,{"is-dark":r(o)}),he(f,r(v)),y=Le(_,1,"slashed-preview__mode-btn svelte-g79qke",null,y,{active:!r(o)}),$=Le(E,1,"slashed-preview__mode-btn svelte-g79qke",null,$,{active:r(o)}),A=he(P,"",A,{background:`var(--sf-color-primary-${r(p)}, #4338ca)`}),O=he(R,"",O,{background:`var(--sf-color-action-${r(p)}, #0891b2)`}),T=he(I,"",T,{"border-color":`var(--sf-color-primary-${r(p)}, #4338ca)`,color:`var(--sf-color-primary-${r(p)}, #4338ca)`}),H=he(M,"",H,{background:`var(--sf-color-primary-${r(p)}, #4338ca)`}),D=he(Y,"",D,{background:`var(--sf-color-secondary-${r(p)}, #7c3aed)`}),oe=he(re,"",oe,{background:`var(--sf-color-success-${r(p)}, #16a34a)`}),xe=he(ce,"",xe,{background:`var(--sf-color-info-${r(p)}, #0284c7)`}),ne=he(Ee,"",ne,{background:`var(--sf-color-warning-${r(p)}, #ca8a04)`}),Ve=he(Me,"",Ve,{background:`var(--sf-color-action-${r(p)}, #0891b2)`}),V(se,r(h)||"/* (defaults — no overrides set) */")}),_e("click",_,()=>W(o,!1)),_e("click",E,()=>W(o,!0)),C(e,f),Te()}Ke(["click"]);var Kc=j('<span class="bar__error svelte-1oj49qa"> </span>'),Nc=j('<span class="bar__pending svelte-1oj49qa">Saving…</span>'),Hc=j('<span class="bar__saved svelte-1oj49qa">Saved</span>'),Uc=j('<span class="bar__dirty svelte-1oj49qa">Unsaved changes</span>'),Gc=j('<span class="bar__clean svelte-1oj49qa">All changes saved</span>'),Wc=j('<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 Xc(e,t){Ce(t,!0);const s=["contrast","radius","shadows","motion","zindex"];async function a(){if(!te.saving){te.saving=!0,te.error="";try{if(te.activeTab==="misc"){const S=await Promise.allSettled(s.map(P=>Fr(P,Z[P]??{}))),F=[];if(S.forEach((P,A)=>{P.status==="fulfilled"?P.value?.values&&(Z[s[A]]=P.value.values):F.push(s[A])}),F.length>0)throw new Error(`Failed to save: ${F.join(", ")}`)}else{const S=te.activeTab,F=Z[S]??{},P=await Fr(S,F);P&&P.values&&(Z[S]=P.values)}te.dirty=!1,te.lastSavedAt=Date.now()}catch(S){te.error=S&&S.message||String(S)}finally{te.saving=!1}}}async function n(){if(!te.saving&&confirm(`Reset the ${pe.tabs[te.activeTab]??te.activeTab} tab to defaults?`)){te.saving=!0,te.error="";try{if(te.activeTab==="misc"){const S=await Promise.allSettled(s.map(P=>Rr(P))),F=[];if(S.forEach((P,A)=>{P.status==="fulfilled"?$r(s[A]):F.push(s[A])}),F.length>0)throw new Error(`Failed to reset: ${F.join(", ")}`)}else await Rr(te.activeTab),$r(te.activeTab);te.dirty=!1,te.lastSavedAt=Date.now()}catch(S){te.error=S&&S.message||String(S)}finally{te.saving=!1}}}let i=le(!1);ga(()=>{if(te.lastSavedAt){W(i,!0);const S=setTimeout(()=>W(i,!1),2e3);return()=>clearTimeout(S)}});const l=x(()=>sc(Z));function d(){const S=fr(Z);if(!S)return;const F=new Blob([S],{type:"text/css"}),P=URL.createObjectURL(F),A=document.createElement("a");A.href=P,A.download="slashed-custom.css",document.body.appendChild(A),A.click(),document.body.removeChild(A),URL.revokeObjectURL(P)}var o=Wc();let v;var p=c(o),h=c(p);{var f=S=>{var F=Kc(),P=c(F);q(()=>V(P,te.error)),C(S,F)},m=S=>{var F=Nc();C(S,F)},b=S=>{var F=Hc();C(S,F)},w=S=>{var F=Uc();C(S,F)},_=S=>{var F=Gc();C(S,F)};ye(h,S=>{te.error?S(f):te.saving?S(m,1):r(i)?S(b,2):te.dirty?S(w,3):S(_,-1)})}var y=u(p,2),E=c(y),$=u(E,2),z=u($,2),N=c(z);q(()=>{v=Le(o,1,"bar svelte-1oj49qa",null,v,{dirty:te.dirty}),E.disabled=te.saving,$.disabled=!r(l),z.disabled=te.saving||!te.dirty,V(N,te.saving?"Saving…":"Save changes")}),_e("click",E,n),_e("click",$,d),_e("click",z,a),C(e,o),Te()}Ke(["click"]);var Yc=j('<span class="version-pill svelte-1n46o8q"> </span>'),Zc=j('<span class="version-pill svelte-1n46o8q"> </span>'),Jc=j('<div class="slashed-svelte-admin svelte-1n46o8q"><header class="slashed-svelte-admin__header svelte-1n46o8q"><div class="slashed-svelte-admin__header-top svelte-1n46o8q"><h1 class="svelte-1n46o8q">SLASHED Design Tokens</h1> <div class="slashed-svelte-admin__versions svelte-1n46o8q"><!> <!></div></div> <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 Qc(e,t){Ce(t,!0);const s=["cheatsheet","hooks","variables","classes","bundle","export","wcag"];let a=x(()=>s.includes(te.activeTab));ga(()=>{function k(M){te.dirty&&(M.preventDefault(),M.returnValue="")}return window.addEventListener("beforeunload",k),()=>window.removeEventListener("beforeunload",k)});var n=Jc(),i=c(n),l=c(i),d=u(c(l),2),o=c(d);{var v=k=>{var M=Yc(),H=c(M);q(()=>V(H,`Framework ${pe.versions.framework??""}`)),C(k,M)};ye(o,k=>{pe.versions.framework&&k(v)})}var p=u(o,2);{var h=k=>{var M=Zc(),H=c(M);q(()=>V(H,`Plugin v${pe.versions.plugin??""}`)),C(k,M)};ye(p,k=>{pe.versions.plugin&&k(h)})}var f=u(i,2);kl(f,{});var m=u(f,2),b=c(m);{var w=k=>{Rl(k,{})},_=k=>{co(k,{})},y=k=>{go(k,{})},E=k=>{Pc(k,{})},$=k=>{To(k,{})},z=k=>{Ro(k,{})},N=k=>{Oo(k,{})},S=k=>{Uo(k,{})},F=k=>{lc(k,{})},P=k=>{dc(k)},A=k=>{Sc(k,{})},R=k=>{Vc(k,{})};ye(b,k=>{te.activeTab==="colors"?k(w):te.activeTab==="typography"?k(_,1):te.activeTab==="spacing"?k(y,2):te.activeTab==="layouts"?k(E,3):te.activeTab==="misc"?k($,4):te.activeTab==="variables"?k(z,5):te.activeTab==="classes"?k(N,6):te.activeTab==="bundle"?k(S,7):te.activeTab==="export"?k(F,8):te.activeTab==="hooks"?k(P,9):te.activeTab==="cheatsheet"?k(A,10):te.activeTab==="wcag"&&k(R,11)})}var O=u(m,2);Bc(O,{});var I=u(O,2);{var T=k=>{Xc(k,{})};ye(I,k=>{r(a)||k(T)})}C(e,n),Te()}const Dr=document.getElementById("slashed-admin-app");Dr&&rl(Qc,{target:Dr});
 //# sourceMappingURL=app.js.map
diff --git a/integrations/bricks/includes/class-enqueue.php b/integrations/bricks/includes/class-enqueue.php
index e7c64268..4156fc75 100644
--- a/integrations/bricks/includes/class-enqueue.php
+++ b/integrations/bricks/includes/class-enqueue.php
@@ -12,91 +12,30 @@
 /**
  * Class Slashed_Bricks_Enqueue
  *
- * Handles loading the SLASHED CSS bundle on the frontend
- * and within the Bricks Builder editor iframe.
+ * Adds Bricks-specific inline rules on top of the globally-registered
+ * `slashed-framework` handle (registered by Slashed_Core_Enqueue).
  */
 class Slashed_Bricks_Enqueue {
 
-    /**
-     * Constructor. Register hooks.
-     */
     public function __construct() {
-        // Frontend AND the Bricks builder canvas iframe AND the Bricks
-        // builder admin chrome all fire wp_enqueue_scripts. The third one
-        // is the gotcha: loading the framework CSS into the builder panel
-        // would override Bricks' own UI styles (icons, colors, fonts). The
-        // handler below skips that case via bricks_is_builder_main().
         add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_frontend_styles' ) );
-
-        // Reserved hook for intentional builder-panel tweaks (assets/editor.css).
-        // Currently a no-op stylesheet; left wired up so future panel styling
-        // can be dropped in without re-plumbing the hook chain.
         add_action( 'admin_enqueue_scripts', array( $this, 'enqueue_editor_styles' ) );
     }
 
     /**
-     * Enqueue SLASHED CSS on the frontend and in the Bricks editor iframe.
+     * Add Bricks-specific inline CSS on the frontend and canvas iframe.
      *
-     * Bricks fires wp_enqueue_scripts in three contexts:
-     *   1. Public frontend         - we want our CSS here.
-     *   2. Builder canvas iframe   - we want our CSS here (preview rendering,
-     *                                color-picker swatch resolution, etc.).
-     *   3. Builder admin chrome    - we DO NOT want our CSS here; loading
-     *                                resets / themes / base typography would
-     *                                bleed into Bricks' own UI and visibly
-     *                                change icons and colors in the toolbars.
-     *
-     * bricks_is_builder_main() returns true only on context (3), so the early
-     * return below is the canonical Bricks pattern for "frontend + canvas, not
-     * the panel" - documented in Bricks Academy under Child Theme guidance.
+     * `slashed-framework` is registered globally by Slashed_Core_Enqueue.
+     * This method only adds the dark-mode bridge that maps Bricks'
+     * data-brx-theme attribute to SLASHED's colour-scheme / --sf-is-dark
+     * system. The builder-panel context is skipped for the same reason the
+     * global enqueue skips it (see Slashed_Core_Enqueue::enqueue_frontend).
      */
     public function enqueue_frontend_styles() {
         if ( function_exists( 'bricks_is_builder_main' ) && bricks_is_builder_main() ) {
             return;
         }
 
-        $css_url = slashed_bricks_get_css_url();
-
-        if ( '' === $css_url ) {
-            return;
-        }
-
-        // Cache-busting: mtime for local files, version constant for CDN.
-        if ( class_exists( 'Slashed_CSS_Loader' ) ) {
-            $version = Slashed_CSS_Loader::get_version( $css_url );
-        } else {
-            $filename   = basename( (string) wp_parse_url( $css_url, PHP_URL_PATH ) );
-            $repo_path  = SLASHED_BRICKS_PATH . '../../dist/' . $filename;
-            $local_path = SLASHED_BRICKS_PATH . 'dist/' . $filename;
-
-            if ( '' !== $filename && file_exists( $repo_path ) ) {
-                $version = (string) filemtime( $repo_path );
-            } elseif ( '' !== $filename && file_exists( $local_path ) ) {
-                $version = (string) filemtime( $local_path );
-            } else {
-                $version = SLASHED_BRICKS_VERSION;
-            }
-        }
-
-        wp_enqueue_style(
-            'slashed-framework',
-            $css_url,
-            array(),
-            $version
-        );
-
-        // Inject HTML font-size override if configured.
-        $plugin_settings = get_option( 'slashed_bricks_settings', array() );
-        if ( is_array( $plugin_settings ) && ! empty( $plugin_settings['html_font_size'] ) ) {
-            $font_size = $plugin_settings['html_font_size'];
-            if ( '100' === $font_size || '62.5' === $font_size ) {
-                wp_add_inline_style(
-                    'slashed-framework',
-                    'html { font-size: ' . $font_size . '% !important; }'
-                );
-            }
-        }
-
         // Bridge Bricks' dark mode toggle (data-brx-theme attribute) to SLASHED's theme system.
         wp_add_inline_style(
             'slashed-framework',
diff --git a/integrations/bricks/slashed-bricks.php b/integrations/bricks/slashed-bricks.php
index be1b7440..b2a219d5 100644
--- a/integrations/bricks/slashed-bricks.php
+++ b/integrations/bricks/slashed-bricks.php
@@ -33,12 +33,15 @@
 }
 
 /**
- * In unified mode slashed.php loads the shared token infrastructure before
- * this file is included. In standalone mode (this plugin activated directly),
- * load them from the shared includes directory two levels up.
+ * In unified mode slashed.php loads the shared infrastructure before this file
+ * is included. In standalone mode (this plugin activated directly), load
+ * everything from the shared includes directory two levels up.
  */
 if ( ! class_exists( 'Slashed_Token_Store' ) ) {
 	$_slashed_shared = SLASHED_BRICKS_PATH . '../../includes/';
+	require_once $_slashed_shared . 'class-settings.php';
+	require_once $_slashed_shared . 'class-css-loader.php';
+	require_once $_slashed_shared . 'class-core-enqueue.php';
 	require_once $_slashed_shared . 'class-token-store.php';
 	require_once $_slashed_shared . 'class-token-sanitizer.php';
 	require_once $_slashed_shared . 'class-token-defaults.php';
@@ -134,6 +137,10 @@ function slashed_bricks_is_bricks_active() {
 // (Slashed_REST_Controller) are registered globally by slashed.php.
 // In standalone mode the shared classes are loaded above and bootstrapped below.
 if ( ! defined( 'SLASHED_VERSION' ) ) {
+	// Standalone mode: bootstrap the full global pipeline that slashed.php provides
+	// in unified mode — CSS delivery, token REST API, admin page, override injection.
+	new Slashed_Core_Enqueue();
+
 	add_action( 'rest_api_init', function () {
 		( new Slashed_REST_Controller() )->register_routes();
 	} );
diff --git a/slashed.php b/slashed.php
index 493b12bc..36ccac8a 100644
--- a/slashed.php
+++ b/slashed.php
@@ -45,9 +45,18 @@
 require_once SLASHED_PATH . 'includes/class-settings.php';
 require_once SLASHED_PATH . 'includes/class-css-loader.php';
 
+// ─── Core CSS delivery (builder-agnostic) ────────────────────────────────────
+//
+// Loads the SLASHED framework stylesheet on every WordPress site regardless
+// of which builder (if any) is active. Builder integrations add inline rules
+// on top (dark-mode bridges etc.) without re-registering the handle.
+
+require_once SLASHED_PATH . 'includes/class-token-store.php';  // needed by Slashed_Core_Enqueue for html_font_size
+require_once SLASHED_PATH . 'includes/class-core-enqueue.php';
+new Slashed_Core_Enqueue();
+
 // ─── Token infrastructure (global — shared by all integrations) ───────────────
 
-require_once SLASHED_PATH . 'includes/class-token-store.php';
 require_once SLASHED_PATH . 'includes/class-token-sanitizer.php';
 require_once SLASHED_PATH . 'includes/class-token-defaults.php';
 require_once SLASHED_PATH . 'includes/class-tab-registry.php';