/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--spacing:.25rem;--font-weight-bold:700;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--text-caption:11px;--text-ui:12px;--text-body:13px}:root,[data-theme=light]{--ui-font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--ui-foreground:#283c35;--ui-page:#f4f3ef;--ui-control:#fff;--ui-control-border:#dce0d8;--ui-control-hover:#eff2e9;--ui-control-hover-border:#aebba9;--ui-focus:#e18754;--ui-header-border:#dfe1d9;--ui-header:#fbfbf8;--ui-tagline:#829080;--ui-import-border:#cfd7c7;--ui-eyebrow:#84917c;--ui-danger:#9e352d;--ui-danger-surface:#ffede7;--ui-subtle:#e8eddf;--ui-badge-text:#6c805b;--ui-swatch-outline:#cdd1c7;--ui-muted:#8a9384;--ui-selected-count:#7d8976;--ui-input-subtle:#f4f5ef;--ui-selection-border:#708462;--ui-selection:#e9eedf;--ui-swatch-border:#00000015;--ui-color-count:#8b9683;--ui-secondary:#697762;--ui-label:#78856e;--ui-primary:#344f3e;--ui-primary-hover:#47634c;--ui-footer:#96a08d;--ui-border:#dce0d7;--ui-surface:#fcfcf9;--ui-accent:#587349;--ui-featured-border:#b6c4a8;--ui-detail:#7c8874;--ui-backdrop:#14281eb3;--ui-mapping-divider:#e4e8e0;--ui-mapping-swatch-border:#00000025;--ui-workspace:#dde2d9;--ui-workspace-dot:#adb9a5;--ui-keycap:#f2f5ef;--ui-floating:#fcfcf9f7;--ui-floating-border:#fff;--ui-shadow-near:#273e2810;--ui-shadow-far:#273e2812;--ui-shadow-active:#273e2820;--ui-status:#53674b;--ui-used-border:#e1e6dc;--ui-on-primary:#fff;--ui-divider:#dde2d9;--ui-canvas-empty-a:#f5f6f2;--ui-canvas-empty-b:#e4e6e3;--ui-canvas-grid:#64716440;--ui-canvas-mask:#a1aa9ecc;--ui-canvas-outline-dark:#17291f;--ui-canvas-outline-light:#fff;--ui-canvas-selection:#ef7540}[data-theme=dark]{--ui-foreground:#e3e9df;--ui-page:#191d1b;--ui-control:#2a332d;--ui-control-border:#71816d;--ui-control-hover:#364333;--ui-control-hover-border:#a0b58f;--ui-focus:#ffac76;--ui-header-border:#44503f;--ui-header:#202722;--ui-tagline:#a9b6a1;--ui-import-border:#71816d;--ui-eyebrow:#adc299;--ui-danger:#ffb6a3;--ui-danger-surface:#482d28;--ui-subtle:#35412f;--ui-badge-text:#c0d8a9;--ui-swatch-outline:#8b9b81;--ui-muted:#a4b29e;--ui-selected-count:#b2c2a7;--ui-input-subtle:#252e27;--ui-selection-border:#b4ce94;--ui-selection:#3b4b32;--ui-swatch-border:#ffffff70;--ui-color-count:#b2c2a7;--ui-secondary:#b2bdae;--ui-label:#b8c6ad;--ui-primary:#acc98f;--ui-primary-hover:#bbd89d;--ui-footer:#a4b29e;--ui-border:#4d5b46;--ui-surface:#242b26;--ui-accent:#b9d89f;--ui-featured-border:#7d9865;--ui-detail:#aebb9f;--ui-backdrop:#080d0bc9;--ui-mapping-divider:#485341;--ui-mapping-swatch-border:#ffffff70;--ui-workspace:#202624;--ui-workspace-dot:#424b44;--ui-keycap:#303a2c;--ui-floating:#29312bf7;--ui-floating-border:#59674f;--ui-shadow-near:#00000030;--ui-shadow-far:#00000040;--ui-shadow-active:#00000050;--ui-status:#bdcdb0;--ui-used-border:#4b5843;--ui-on-primary:#172117;--ui-divider:#53604c;--ui-canvas-empty-a:#383c3e;--ui-canvas-empty-b:#303436;--ui-canvas-grid:#a6b0a170;--ui-canvas-mask:#151916d9;--ui-canvas-outline-dark:#111914;--ui-canvas-outline-light:#f4f7f1;--ui-canvas-selection:#ffac76}}@layer base{:root{font-family:var(--ui-font-sans);color:var(--ui-foreground);background:var(--ui-page);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,summary,.import-button{cursor:pointer}button{color:inherit;background:var(--ui-control);border:1px solid var(--ui-control-border);border-radius:7px;padding:8px 12px;font-size:12px;font-weight:550}button:disabled{opacity:.35;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}input,select{color:inherit;border:1px solid var(--ui-control-border);background:var(--ui-control);border-radius:6px;min-width:0;padding:9px 10px}}@layer components{.workspace{color:var(--ui-foreground);background:var(--ui-page);flex-direction:column;min-height:100dvh;display:flex}button:hover{background:var(--ui-control-hover);border-color:var(--ui-control-hover-border)}.topbar{border-bottom:1px solid var(--ui-header-border);background:var(--ui-header);align-items:center;gap:24px;min-height:72px;padding:14px 32px;display:flex}.brand{letter-spacing:-.8px;color:inherit;white-space:nowrap;align-items:center;gap:10px;font-size:22px;font-weight:750;text-decoration:none;display:flex}.icon{vertical-align:middle;flex-shrink:0;width:20px;height:20px;display:inline-block}.with-icon{justify-content:center;align-items:center;gap:6px;display:inline-flex}.brand-mark{flex-shrink:0;width:1em;height:1em;font-size:35px;display:block}.creation-icon .icon{width:1em;height:1em}.topbar-note{color:var(--ui-tagline);font-size:12px}.language-picker{--select-padding-inline:8px;white-space:nowrap;align-items:center;gap:8px;margin-left:auto;font-size:12px;display:flex}.language-picker .select-trigger{width:auto}.preferences{align-items:center;gap:8px;margin-left:auto;display:flex}.appearance-picker{flex-shrink:0}.appearance-picker .select-trigger{width:var(--select-size);height:var(--select-size);justify-content:center;padding:8px}.appearance-picker .select-trigger>.icon{width:16px;height:16px}.appearance-picker .select-option>.icon:first-child{flex-shrink:0;width:16px;height:16px}.import-button{border:1px solid var(--ui-import-border);background:var(--ui-control);text-align:center;border-radius:7px;padding:11px 16px;font-size:13px;display:block;position:relative}.import-button:hover{background:var(--ui-control-hover);border-color:var(--ui-control-hover-border)}.file-input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.import-button:focus-within{outline:2px solid var(--ui-focus)}.eyebrow{letter-spacing:2px;color:var(--ui-eyebrow);margin-bottom:9px;font-size:10px;display:block}.error{color:var(--ui-danger);background:var(--ui-danger-surface);border-radius:6px;padding:12px;font-size:13px}.section-heading{justify-content:space-between;align-items:center;display:flex}h2{margin:0;font-size:15px;font-weight:650}.tag{letter-spacing:.5px;background:var(--ui-subtle);color:var(--ui-badge-text);border-radius:4px;padding:4px 7px;font-size:9px}.selected-color{align-items:center;gap:12px;padding:16px 0;display:flex}.selected-swatch{border:1px solid var(--ui-swatch-outline);border-radius:8px;width:38px;height:38px}.selected-color strong{font-size:14px}.selected-color div span{color:var(--ui-muted);margin-top:4px;font-size:10px;display:block}.selected-count{color:var(--ui-selected-count);margin-left:auto;font-size:11px}.palette-search{background:var(--ui-input-subtle);width:100%;margin-bottom:13px;font-size:12px}.color{background:0 0;border:1px solid #0000;justify-items:center;gap:4px;padding:4px 3px;font-size:9px;display:grid}.color[aria-pressed=true]{border-color:var(--ui-selection-border);background:var(--ui-selection)}.color-swatch{border:1px solid var(--ui-swatch-border);border-radius:5px;width:28px;height:28px}.color-code{font-weight:650}.color-count{color:var(--ui-color-count)}.search-source{align-items:center;gap:10px;font-size:11px;display:flex}.search-source div{gap:3px;display:grid}.search-source div>span,.search-summary{color:var(--ui-secondary);font-size:11px}.search-summary{margin:12px 0 8px}.color-recommendation{text-align:left;gap:10px;width:100%;margin-top:8px;padding:12px;display:grid}.color-recommendation[aria-pressed=true]{border-color:var(--ui-selection-border);background:var(--ui-selection)}.recommendation-color{align-items:center;gap:9px;display:flex}.recommendation-color .color-swatch{flex-shrink:0}.recommendation-hex{color:var(--ui-secondary);margin-top:3px;font-size:10px;display:block}.recommendation-count{color:var(--ui-secondary);margin-left:auto;font-size:10px}.recommendation-rules,.recommendation-rule{gap:4px;display:grid}.recommendation-rules{gap:10px}.recommendation-rule{font-size:11px;line-height:1.45}.recommendation-rule>span{color:var(--ui-secondary);font-weight:400}summary{font-size:13px;font-weight:650}details[open] summary{margin-bottom:16px}.primary{background:var(--ui-primary);border-color:var(--ui-primary);color:var(--ui-on-primary);width:100%;padding:11px;font-size:13px}.primary:hover{background:var(--ui-primary-hover);color:var(--ui-on-primary)}.muted,.empty-results{color:var(--ui-muted);font-size:11px;line-height:1.5}.document-actions{white-space:nowrap;gap:8px;display:flex}.document-actions .primary{width:auto;padding:9px 20px}.creation-card .error{overflow-wrap:anywhere}.creation-icon{width:50px;height:50px;color:var(--ui-accent);background:var(--ui-subtle);border-radius:12px;place-items:center;margin-bottom:24px;font-size:30px;display:grid}.creation-card>.import-button{margin-top:auto}.icon-button{background:0 0;border:0;min-width:32px;min-height:32px;font-size:24px;line-height:1}.draft-status{min-height:20px;color:var(--ui-secondary);justify-content:space-between;align-items:center;gap:12px;margin:12px 32px 0;font-size:11px;display:flex}.draft-status[role=alert]{color:var(--ui-danger)}.image-heading .import-button{flex-shrink:0;margin:0}.image-preview{object-fit:contain;width:100%;max-height:320px;image-rendering:pixelated;background-color:var(--ui-input-subtle);background-image:conic-gradient(var(--ui-border) 25%, transparent 0 50%, var(--ui-border) 0 75%, transparent 0);background-size:16px 16px;display:block}.mapping-row{border-bottom:1px solid var(--ui-mapping-divider);grid-template-columns:24px 100px 15px 24px minmax(130px,1fr) auto;align-items:center;gap:10px;padding:10px;font-size:12px;display:grid}.mapping-row strong,.mapping-row small{display:block}.mapping-row small{color:var(--ui-label);margin-top:4px;font-size:10px}.mapping-row input{width:100%;font-size:12px}.mapping-swatch{border:1px solid var(--ui-mapping-swatch-border);border-radius:4px;width:24px;height:24px;display:inline-block}.image-footer{background:var(--ui-surface);justify-content:flex-end;align-items:center;gap:16px;margin-top:16px;padding:16px 0 0;display:flex;position:sticky;bottom:-24px}.image-footer .primary{width:auto;min-width:140px}@media (width<=600px){.mapping-row{grid-template-columns:18px 78px 10px 18px minmax(100px,1fr);gap:6px;padding:8px;font-size:10px}.mapping-swatch{width:18px;height:18px}.mapping-row>small{grid-column:5}.image-footer{bottom:-16px}.draft-status{margin-inline:16px}}@media (width<=1000px){.topbar{padding:0 18px}.topbar-note{display:none}}@media (width<=740px){.topbar{gap:14px}.language-picker>span:first-child{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.creation-icon{margin-bottom:16px}}@media (width<=600px){.topbar{flex-wrap:wrap;gap:12px}}.dialog{color:inherit;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:16px}.dialog::backdrop{background:var(--ui-backdrop)}.workspace[data-page=edit]{height:100dvh;min-height:0;position:fixed;inset:0;overflow:hidden}.editor-layout{isolation:isolate;width:100%;height:100%;padding:max(20px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));pointer-events:none;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:66px minmax(0,1fr) 288px;gap:24px;display:grid;position:relative;overflow:hidden}.editor-placeholder{display:none}.canvas-container{z-index:0;pointer-events:auto;background-color:var(--ui-workspace);background-image:radial-gradient(var(--ui-workspace-dot) 1px, transparent 1px);background-size:16px 16px;position:absolute;inset:0}.editor-topbar,.editor-tools,.editor-layout .palette-panel,.editor-status,.editor-navigation,.editor-dock{z-index:1}.editor-dock{display:contents}.pattern-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block}.keyboard-groups h3{margin:12px 0;font-size:14px}.keyboard-groups dl{margin:0}.keyboard-groups dl>div{border-bottom:1px solid var(--ui-subtle);justify-content:space-between;align-items:start;gap:12px;padding:8px 0;font-size:12px;display:flex}.keyboard-groups dd{text-align:right;flex-shrink:0;margin:0}.keyboard-groups kbd{border:1px solid var(--ui-border);background:var(--ui-keycap);white-space:nowrap;border-radius:4px;padding:3px 5px;font:11px -apple-system,BlinkMacSystemFont,sans-serif}.keyboard-help-button{flex-shrink:0;justify-content:center;align-items:center;display:flex}.floating-panel{pointer-events:auto;background:var(--ui-floating);border:1px solid var(--ui-floating-border);box-shadow:0 3px 7px var(--ui-shadow-near), 0 12px 36px var(--ui-shadow-far);border-radius:14px}.editor-topbar{pointer-events:none;grid-area:1/1/2/-1;justify-content:space-between;align-items:start;gap:20px;min-width:0;display:flex}.editor-document,.editor-actions{--canvas-edge:top;align-items:center;gap:16px;min-height:58px;padding:8px 12px;display:flex}.editor-document{flex:1;min-width:0;max-width:620px}.editor-document .brand{letter-spacing:-.3px;gap:7px;font-size:14px}.editor-document .brand-mark{font-size:29px}.editor-document .title-input{border:0;border-left:1px solid var(--ui-border);text-overflow:ellipsis;background:0 0;border-radius:0;width:100%;min-width:0;padding:6px 0 6px 16px;font-size:15px;font-weight:600}.editor-actions,.editor-actions .preferences{flex-shrink:0}.editor-actions .language-picker,.editor-actions .preferences{margin:0}.editor-actions .language-picker>span:first-child{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.editor-actions .language-picker .select-trigger:not([aria-expanded=true]){background:0 0;border-color:#0000;font-size:12px}.editor-actions .document-actions{gap:6px}.editor-actions .document-actions .primary{padding:10px 16px}.editor-tools{--canvas-edge:left;grid-area:2/1;align-self:start;padding:6px}.tools{flex-direction:column;gap:4px;display:flex}.tools .tool{background:0 0;border:0;border-radius:9px;align-content:center;justify-items:center;gap:3px;width:52px;min-height:54px;padding:5px 3px;display:grid}.tool-icon{font-size:22px;line-height:1;display:flex}.tool-icon .icon{width:1em;height:1em}.history-controls .icon{width:18px;height:18px}.tool-label{font-size:9px}.tools .tool[aria-pressed=true]{color:var(--ui-on-primary);background:var(--ui-primary)}.history-controls{border-top:1px solid var(--ui-divider);gap:2px;margin-top:6px;padding-top:6px;display:flex}.history-controls button{background:0 0;border:0;width:25px;padding:4px 0;font-size:19px}.editor-layout .palette-panel{--canvas-edge:right;flex-direction:column;grid-area:2/3;min-width:0;min-height:0;padding:18px;display:flex;overflow:hidden}.palette-panel .section-heading{gap:8px}.palette-panel .section-heading h2{flex:1}.palette-panel .selected-color,.palette-panel .section-heading,.palette-panel .palette-search{flex-shrink:0}.palette-results{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow:auto}.palette-view{background:var(--ui-subtle);border-radius:9px;flex-shrink:0;gap:4px;margin-bottom:12px;padding:3px;display:flex}.palette-view button{background:0 0;border:0;flex:1;padding:8px 4px;font-size:11px}.palette-view button[aria-pressed=true]{background:var(--ui-control);box-shadow:0 1px 3px var(--ui-shadow-active)}.used-help{color:var(--ui-secondary);margin:0 0 10px;font-size:11px;line-height:1.5}.used-colors{padding:3px}.used-color{border:1px solid var(--ui-used-border);border-radius:9px;align-items:center;gap:4px;margin-bottom:5px;padding:3px;display:flex}.used-color[data-highlighted=true]{border-color:var(--ui-primary);background:var(--ui-subtle)}.used-color-pick{text-align:left;background:0 0;border-color:#0000;flex:1;align-items:center;gap:8px;min-width:0;padding:6px;display:flex}.used-color-pick[aria-pressed=true]{border-color:var(--ui-selection-border);background:var(--ui-selection)}.used-color-pick .color-swatch{flex-shrink:0}.used-count{white-space:nowrap;color:var(--ui-status);margin-left:auto;font-size:10px}.locate-color{background:0 0;border-color:#0000;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:6px;display:flex}.locate-color[aria-pressed=true]{color:var(--ui-on-primary);background:var(--ui-primary)}.highlight-status{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:6px;display:flex}.highlight-summary{align-items:center;gap:6px;font-size:11px;display:flex}.highlight-summary .color-swatch{flex-shrink:0;width:16px;height:16px}.highlight-status button{padding:6px;font-size:10px}.highlight-status .highlight-clear{justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:4px;display:flex}.highlight-clear .icon{width:16px;height:16px}.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:2px;display:grid}.palette-close,.palette-toggle{display:none}.editor-status,.editor-navigation{--canvas-edge:bottom;padding:10px 14px}.editor-status{grid-area:3/1/4/3;place-self:end start;min-width:0;max-width:min(560px,50vw)}.canvas-status{color:var(--ui-status);flex-wrap:wrap;gap:4px 12px;font-size:11px;display:flex}.editor-status .draft-status{gap:8px;min-height:0;margin:5px 0 0;font-size:10px}.editor-status .draft-status[role=alert]{overscroll-behavior:contain;align-items:start;max-height:min(130px,25dvh);overflow:auto}.editor-status .draft-status button{flex-shrink:0;padding:5px;font-size:10px}.editor-navigation,.display-controls,.zoom-controls{align-items:center;gap:4px;display:flex}.editor-navigation{grid-area:3/2/4/4;place-self:end;gap:12px}.editor-navigation button{white-space:nowrap;background:0 0;border-color:#0000}.display-controls button[aria-pressed=true]{background:var(--ui-subtle)}.zoom-controls{border-left:1px solid var(--ui-divider);padding-left:8px}.zoom-controls button{padding:7px 9px}.zoom-controls .icon{width:14px;height:14px}.zoom-controls output{text-align:center;min-width:42px;font-size:11px}.editor-error{--canvas-edge:top;z-index:2;overscroll-behavior:contain;max-height:25%;margin:0;position:absolute;top:90px;left:100px;right:328px;overflow:auto}@media (width<=900px),(height<=600px){.editor-layout{padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:8px}.editor-topbar{gap:12px}.editor-document,.editor-actions{gap:8px;min-height:46px;padding:5px 8px}.editor-document .brand-name{display:none}.editor-document .title-input{padding-left:8px;font-size:14px}.editor-actions .document-actions .primary{padding:8px 12px}.editor-dock{--canvas-edge:bottom;pointer-events:auto;background:var(--ui-floating);border:1px solid var(--ui-floating-border);width:max-content;max-width:100%;box-shadow:0 3px 7px var(--ui-shadow-near), 0 12px 36px var(--ui-shadow-far);border-radius:16px;grid-area:4/1;justify-self:center;align-items:flex-start;gap:12px 8px;padding:6px;display:flex}.editor-dock[data-wrapped]{flex-direction:column}.editor-dock .floating-panel{box-shadow:none;background:0 0;border:0;border-radius:0}.editor-tools{--canvas-edge:bottom;flex:none;gap:8px;width:max-content;padding:0;display:flex}.tools{flex-direction:row;flex:none;justify-content:flex-start;gap:2px}.tools .tool{width:40px;min-height:40px;padding:4px}.tool-icon{font-size:20px}.tool-label{display:none}.history-controls{border-top:0;align-items:center;margin:0;padding:0}.history-controls button{width:27px;min-height:40px}.editor-layout .palette-panel{--canvas-edge:bottom;grid-area:3/1;justify-self:end;width:min(360px,100%);padding:14px;display:none}.editor-layout[data-palette-open=true] .palette-panel{display:flex}.palette-close{padding:0 4px;display:block}.palette-toggle{align-items:center;gap:5px;font-size:10px;display:flex;padding:4px!important}.palette-toggle .color-swatch{width:24px;height:24px}.editor-status{--canvas-edge:top;max-width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;grid-area:2/1;padding:0 6px}.editor-status .canvas-status{font-size:10px}.editor-status:has([role=alert]){background:var(--ui-floating);border-radius:10px;justify-self:stretch;padding:8px 10px}.editor-status .draft-status:not([role=alert]){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.editor-status .draft-status[role=alert]{max-height:60px}.editor-dock .editor-navigation{flex:none;justify-content:flex-start;align-self:center;gap:8px;width:max-content;padding:0}.editor-dock[data-wrapped] .editor-navigation{align-self:flex-start}.editor-navigation button{padding:7px 4px;font-size:11px}.zoom-controls{border-left:0;gap:1px;padding-left:0}.zoom-controls output{min-width:35px}.editor-error{top:72px;left:12px;right:12px}}@media (width<=600px){.editor-topbar{flex-direction:column;gap:6px}.editor-document,.editor-actions{width:100%;max-width:none;min-height:40px}.editor-document .brand-mark{font-size:24px}.editor-actions{justify-content:space-between}.editor-actions .document-actions button{font-size:11px}.editor-actions .language-picker .select-trigger{max-width:108px}.editor-actions .language-picker{--select-padding-inline:5px;--select-padding-block:5px}.editor-error{top:108px}}@media (width<=460px){.editor-actions{gap:8px}.editor-actions .document-actions button{padding-inline:8px}.editor-actions .document-actions .primary{padding-inline:10px}.editor-actions .document-actions .primary>span{display:none}}@media (height<=600px){.editor-layout .palette-panel{z-index:2;background:var(--ui-surface);overscroll-behavior:contain;grid-row:2/4;overflow:auto}.palette-panel .selected-color{display:none}.palette-panel .palette-search{margin-top:8px;margin-bottom:8px;padding-block:6px}.palette-panel .palette-results{flex-shrink:0;overflow:visible}.palette-panel .section-heading{z-index:2;height:0;position:sticky;top:-14px}.palette-panel .section-heading h2,.palette-panel .section-heading .tag{display:none}.palette-panel .palette-close{background:var(--ui-surface);position:absolute;top:0;right:0}.palette-panel .palette-view{margin-bottom:0;margin-right:38px}.palette-panel .used-help{display:none}}.color-search{flex-shrink:0;min-width:0}.color-search-input{grid-template-columns:36px minmax(0,1fr);align-items:stretch;gap:8px;margin-bottom:13px;display:grid}.color-search .palette-search{margin:0}.color-picker-toggle{place-items:center;padding:4px;display:grid}.color-picker-toggle .color-swatch{width:24px;height:24px}.color-picker-toggle[aria-expanded=true]{border-color:var(--ui-selection-border);background:var(--ui-selection)}.color-picker{z-index:5;width:312px;max-width:var(--picker-available-width,calc(100vw - 24px));max-height:var(--picker-available-height,calc(100dvh - 24px));box-shadow:0 12px 36px var(--ui-shadow-far);margin:0;padding:0;position:fixed;inset:auto;overflow:hidden}.color-picker[open]{flex-direction:column;display:flex}.color-picker-heading{border-bottom:1px solid var(--ui-divider);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.color-picker-body{overscroll-behavior:contain;min-height:0;padding:16px;overflow:auto}.color-picker-close{width:36px;height:36px;padding:5px}.color-area{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), var(--picker-hue);height:176px;box-shadow:inset 0 0 0 1px var(--ui-swatch-border);border-radius:8px;position:relative}.color-area-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0008}.color-hue{cursor:pointer;appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red) 50%/100% 12px no-repeat;border:0;border-radius:6px;width:100%;height:28px;margin:10px 0;padding:0;display:block}.color-hue::-webkit-slider-thumb{appearance:none;background:0 0;border:3px solid #fff;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #0008}.color-hue::-moz-range-thumb{background:0 0;border:3px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #0008}.color-values{--select-padding-inline:6px;--select-padding-block:6px;grid-template-columns:72px minmax(0,1fr);gap:8px;display:grid}.color-channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.color-channels[data-format=hex]{grid-template-columns:minmax(0,1fr)}.color-values label{color:var(--ui-label);gap:5px;font-size:10px;display:grid}.color-values input{width:100%;min-width:0;height:var(--select-size);padding:6px var(--select-padding-inline);color:var(--ui-foreground);font-size:12px}.color-channels input:invalid{border-color:var(--ui-danger)}.color-picker-help{color:var(--ui-secondary);margin:10px 0 0;font-size:11px;line-height:1.5}.color-picker[data-compact=true]{width:480px;height:min(85dvh, var(--picker-available-height,calc(100dvh - 24px)));max-height:min(85dvh, var(--picker-available-height,calc(100dvh - 24px)))}.color-picker .palette-results{margin-top:16px;overflow:visible}.editor-layout[data-picker-sheet=true] .palette-panel,.editor-layout[data-picker-sheet=true] .editor-dock{visibility:hidden}@media (height<=600px){.color-picker[data-compact=true]{height:var(--picker-available-height,calc(100dvh - 24px));max-height:var(--picker-available-height,calc(100dvh - 24px))}.color-search-input{margin-top:8px;margin-bottom:8px}.color-area{height:136px}}.select-control,.color-values{--select-size:36px}.select-control{min-width:0;max-width:100%;display:inline-flex}.select-trigger,.select-option{width:100%;min-width:0;min-height:var(--select-size);padding:var(--select-padding-block,8px) var(--select-padding-inline,12px);color:var(--ui-foreground);text-align:left;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:500;line-height:1.4;display:flex}.select-trigger{border-color:var(--ui-control-border)}.select-trigger:hover{background:var(--ui-control-hover);border-color:var(--ui-control-hover-border)}.select-trigger[aria-expanded=true]{background:var(--ui-selection);border-color:var(--ui-selection-border)}.select-trigger>.icon{flex-shrink:0;width:14px;height:14px}.select-value{min-width:0;display:grid}.select-value>span{text-overflow:ellipsis;white-space:nowrap;grid-area:1/1;overflow:hidden}.select-measure{visibility:hidden;display:grid}.select-measure>span{grid-area:1/1}.select-menu{overscroll-behavior:contain;color:var(--ui-foreground);background:var(--ui-control);border:1px solid var(--ui-border);box-shadow:0 4px 12px var(--ui-shadow-near), 0 12px 32px var(--ui-shadow-far);white-space:normal;border-radius:10px;margin:0;padding:5px;font-size:12px;font-weight:500;line-height:1.4;position:fixed;inset:auto;overflow:auto}.select-option{cursor:pointer;overflow-wrap:anywhere}.select-control[data-icon-only] .select-menu{width:160px}.select-control[data-icon-only] .select-option{padding-inline:12px}.select-option>span{flex:1;min-width:0}.select-option:hover,.select-option[data-active]{color:var(--ui-foreground);background:var(--ui-selection)}.select-option[data-active]{border-color:var(--ui-selection-border)}.select-option>.icon:last-child{visibility:hidden;flex-shrink:0;width:14px;height:14px}.select-option[aria-selected=true]>.icon:last-child{visibility:visible}@media (pointer:coarse),(width<=900px),(height<=600px){.select-control,.color-values{--select-size:44px}}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.m-0{margin:0}.mx-auto{margin-inline:auto}.my-5{margin-block:calc(var(--spacing) * 5)}.my-6{margin-block:calc(var(--spacing) * 6)}.mt-0{margin-top:0}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-16{margin-top:calc(var(--spacing) * 16)}.mt-\[9px\]{margin-top:9px}.mt-auto{margin-top:auto}.mb-0{margin-bottom:0}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-9{margin-bottom:calc(var(--spacing) * 9)}.mb-\[13px\]{margin-bottom:13px}.mb-\[18px\]{margin-bottom:18px}.\!grid{display:grid!important}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.max-h-\[160px\]{max-height:160px}.max-h-\[260px\]{max-height:260px}.max-h-\[calc\(100dvh_-_24px\)\]{max-height:calc(100dvh - 24px)}.max-h-\[calc\(100dvh_-_32px\)\]{max-height:calc(100dvh - 32px)}.max-h-\[calc\(100vh_-_40px\)\]{max-height:calc(100vh - 40px)}.w-\[min\(520px\,calc\(100vw_-_32px\)\)\]{width:min(520px,100vw - 32px)}.w-\[min\(720px\,calc\(100vw_-_24px\)\)\]{width:min(720px,100vw - 24px)}.w-\[min\(900px\,calc\(100vw_-_28px\)\)\]{width:min(900px,100vw - 28px)}.w-\[min\(1120px\,calc\(100\%_-_64px\)\)\]{width:min(1120px,100% - 64px)}.w-full{width:100%}.max-w-\[660px\]{max-width:660px}.min-w-0{min-width:0}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-\[7px\]{gap:7px}.gap-x-7{column-gap:calc(var(--spacing) * 7)}.gap-y-3{row-gap:calc(var(--spacing) * 3)}.overflow-auto{overflow:auto}.overscroll-contain{overscroll-behavior:contain}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.border-border{border-color:var(--ui-border)}.border-featured-border{border-color:var(--ui-featured-border)}.border-import-border{border-color:var(--ui-import-border)}.bg-subtle{background-color:var(--ui-subtle)}.bg-surface{background-color:var(--ui-surface)}.p-0{padding:0}.p-6{padding:calc(var(--spacing) * 6)}.p-7{padding:calc(var(--spacing) * 7)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-\[10px\]{font-size:10px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[23px\]{font-size:23px}.text-\[clamp\(30px\,4vw\,44px\)\]{font-size:clamp(30px,4vw,44px)}.text-body{font-size:var(--text-body)}.text-caption{font-size:var(--text-caption)}.text-ui{font-size:var(--text-ui)}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.8\]{--tw-leading:1.8;line-height:1.8}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-\[-0\.4px\]{--tw-tracking:-.4px;letter-spacing:-.4px}.tracking-\[-1\.4px\]{--tw-tracking:-1.4px;letter-spacing:-1.4px}.\[overflow-wrap\:anywhere\]{overflow-wrap:anywhere}.text-accent{color:var(--ui-accent)}.text-detail{color:var(--ui-detail)}.text-footer{color:var(--ui-footer)}.text-label{color:var(--ui-label)}.text-secondary{color:var(--ui-secondary)}.text-status{color:var(--ui-status)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (width<=900px){.tablet\:mt-10{margin-top:calc(var(--spacing) * 10)}.tablet\:w-\[calc\(100\%_-_40px\)\]{width:calc(100% - 40px)}.tablet\:gap-3{gap:calc(var(--spacing) * 3)}.tablet\:p-\[22px\]{padding:22px}}@media (width<=740px){.stack\:mt-0{margin-top:0}.stack\:mb-5{margin-bottom:calc(var(--spacing) * 5)}.stack\:mb-7{margin-bottom:calc(var(--spacing) * 7)}.stack\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.stack\:gap-4{gap:calc(var(--spacing) * 4)}.stack\:p-6{padding:calc(var(--spacing) * 6)}}@media (width<=600px){.mobile\:mt-8{margin-top:calc(var(--spacing) * 8)}.mobile\:w-\[calc\(100\%_-_32px\)\]{width:calc(100% - 32px)}.mobile\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.mobile\:flex-col{flex-direction:column}.mobile\:items-start{align-items:flex-start}.mobile\:items-stretch{align-items:stretch}.mobile\:gap-2{gap:calc(var(--spacing) * 2)}.mobile\:gap-2\.5{gap:calc(var(--spacing) * 2.5)}.mobile\:gap-4{gap:calc(var(--spacing) * 4)}.mobile\:p-4{padding:calc(var(--spacing) * 4)}}@media (width<=460px){.narrow\:p-5{padding:calc(var(--spacing) * 5)}.narrow\:px-4{padding-inline:calc(var(--spacing) * 4)}.narrow\:py-5{padding-block:calc(var(--spacing) * 5)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}