@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";.panel-shell[data-v-e60685ac]{background:var(--surface);grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid}.panel-header[data-v-e60685ac]{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 78%, transparent);justify-content:space-between;align-items:center;gap:.52rem;min-height:40px;padding:.5rem .64rem;display:flex}.panel-heading[data-v-e60685ac]{min-width:0}.panel-heading h2[data-v-e60685ac]{font-size:var(--fs-section);font-weight:560;line-height:var(--lh-tight);margin:0}.panel-heading p[data-v-e60685ac]{font-size:var(--fs-meta);color:var(--text-muted);line-height:var(--lh-normal);margin:.2rem 0 0}.panel-info[data-v-e60685ac]{min-height:var(--ui-control-height);justify-content:flex-end;align-items:center;gap:.24rem;min-width:0;display:inline-flex}.panel-body[data-v-e60685ac]{min-height:0;overflow:hidden}.ui-skeleton[data-v-533f6e99]{gap:var(--skeleton-gap);display:grid}.ui-skeleton-row[data-v-533f6e99]{height:var(--skeleton-row-height);background:color-mix(in srgb, var(--border-subtle) 68%, transparent);border-radius:999px;animation:1.2s ease-in-out infinite skeleton-pulse-533f6e99;display:block}@keyframes skeleton-pulse-533f6e99{0%,to{opacity:.58}50%{opacity:1}}.editor-shell[data-v-e49fcb3e]{--editor-bg:var(--surface);background:var(--editor-bg);width:100%;height:100%;min-height:0;position:relative}.editor-root[data-v-e49fcb3e]{width:100%;height:100%}.editor-overlay[data-v-e49fcb3e]{font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--text-muted);background:color-mix(in srgb, var(--editor-bg) 90%, transparent);justify-content:flex-start;align-items:flex-start;padding:.88rem;display:flex;position:absolute;inset:0}.editor-overlay.error[data-v-e49fcb3e]{color:var(--danger-text);place-items:center;padding:1rem;display:grid}.editor-skeleton-wrap[data-v-e49fcb3e]{width:min(92%,560px)}[data-v-e49fcb3e] .monaco-editor,[data-v-e49fcb3e] .monaco-editor-background,[data-v-e49fcb3e] .monaco-editor .margin,[data-v-e49fcb3e] .monaco-editor .glyph-margin,[data-v-e49fcb3e] .monaco-editor .margin-view-overlays,[data-v-e49fcb3e] .monaco-editor .monaco-scrollable-element{background-color:var(--editor-bg)!important}[data-v-e49fcb3e] .monaco-editor .view-overlays .current-line,[data-v-e49fcb3e] .monaco-editor .margin-view-overlays .current-line-margin{background-color:color-mix(in srgb, var(--editor-bg) 94%, var(--text-primary))!important;border:0!important}.base-button[data-v-7b92fafb]{appearance:none;color:var(--text-muted);line-height:var(--lh-tight);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:.24rem;min-height:22px;margin:0;padding:0 .38rem;display:inline-flex}.base-button.size-xs[data-v-7b92fafb]{font-size:var(--fs-meta);min-height:20px;padding:0 .34rem}.base-button.size-sm[data-v-7b92fafb]{font-size:var(--fs-control);min-height:var(--ui-control-height);padding:0 .42rem}.base-button.icon-only[data-v-7b92fafb]{aspect-ratio:1;padding:0}.base-button.size-xs.icon-only[data-v-7b92fafb]{width:20px;min-width:20px;min-height:20px}.base-button.size-sm.icon-only[data-v-7b92fafb]{width:var(--ui-control-height);min-width:var(--ui-control-height);min-height:var(--ui-control-height)}.base-button.variant-text[data-v-7b92fafb]{background:0 0;border-color:#0000}.base-button.variant-text[data-v-7b92fafb]:hover:enabled{background:var(--button-hover)}.base-button.variant-text[data-v-7b92fafb]:active:enabled{background:var(--button-active)}.base-button.variant-ghost[data-v-7b92fafb]{border-color:color-mix(in srgb, var(--border-color) 88%, transparent);background:color-mix(in srgb, var(--surface) 96%, var(--surface-muted));color:var(--text-secondary)}.base-button.variant-ghost[data-v-7b92fafb]:hover:enabled{border-color:color-mix(in srgb, var(--border-strong) 88%, transparent);background:color-mix(in srgb, var(--surface-elevated) 86%, var(--surface))}.base-button.variant-solid[data-v-7b92fafb]{border-color:color-mix(in srgb, var(--border-color) 90%, transparent);background:var(--surface);color:var(--text-secondary)}.base-button.variant-solid[data-v-7b92fafb]:hover:enabled{border-color:color-mix(in srgb, var(--border-strong) 92%, transparent);background:color-mix(in srgb, var(--surface-elevated) 84%, var(--surface))}.ui-checkbox-wrap[data-v-eb2e36f9]{flex:none;width:16px;height:16px;display:inline-grid;position:relative}.ui-checkbox-native[data-v-eb2e36f9]{opacity:0;z-index:2;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.ui-checkbox-visual[data-v-eb2e36f9]{border:1px solid color-mix(in srgb, var(--border-color) 88%, transparent);background:color-mix(in srgb, var(--surface) 96%, var(--surface-muted));color:#0000;pointer-events:none;border-radius:4px;place-items:center;width:16px;height:16px;min-height:16px;padding:0;transition:border-color .12s,background-color .12s,color .12s,box-shadow .12s,opacity .12s;display:grid}.ui-checkbox-native:hover:enabled+.ui-checkbox-visual[data-v-eb2e36f9]{border-color:color-mix(in srgb, var(--border-strong) 88%, transparent);background:color-mix(in srgb, var(--surface-elevated) 84%, var(--surface))}.ui-checkbox-native:checked+.ui-checkbox-visual[data-v-eb2e36f9]{color:var(--surface);border-color:color-mix(in srgb, var(--text-primary) 62%, var(--border-color));background:color-mix(in srgb, var(--text-primary) 88%, var(--surface))}.ui-checkbox-native:checked:hover:enabled+.ui-checkbox-visual[data-v-eb2e36f9]{background:color-mix(in srgb, var(--text-primary) 92%, var(--surface))}.ui-checkbox-native:focus-visible+.ui-checkbox-visual[data-v-eb2e36f9]{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--surface) 92%, transparent), inset 0 0 0 2px var(--focus-outline)}.ui-checkbox-native:disabled+.ui-checkbox-visual[data-v-eb2e36f9]{opacity:.46}.ui-checkbox-native[data-v-eb2e36f9]:disabled{cursor:not-allowed}.ui-checkbox-icon[data-v-eb2e36f9]{transform:translateY(-.4px)}.ui-dropdown[data-v-c81b4139]{position:relative}.ui-menu-trigger[data-v-c81b4139]{white-space:nowrap;align-items:center;gap:.22rem;display:inline-flex}.ui-menu-trigger.icon-only[data-v-c81b4139]{justify-content:center;width:22px;padding:0}.trigger-icon[data-v-c81b4139]{color:currentColor}.ui-menu-trigger.disabled[data-v-c81b4139]{opacity:.46;cursor:not-allowed}.ui-menu-popover[data-v-c81b4139]{z-index:10;pointer-events:auto;border:1px solid color-mix(in srgb, var(--border-color) 58%, transparent);background:var(--surface);width:max-content;min-width:120px;max-width:min(88vw,520px);max-height:min(56vh,360px);box-shadow:0 8px 24px color-mix(in srgb, var(--t-fg) 9%, transparent);border-radius:8px;padding:.2rem;position:fixed;overflow:hidden}.ui-menu-item[data-v-c81b4139]{min-height:var(--ui-control-height);text-align:left;width:100%;font-size:var(--fs-control);line-height:var(--lh-tight);color:var(--text-secondary);background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.4rem;padding:0 .44rem;transition:background-color .12s,border-color .12s;display:flex}.ui-menu-item-label[data-v-c81b4139]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ui-menu-item[data-v-c81b4139]:hover:enabled,.ui-menu-item.active[data-v-c81b4139]:enabled{border-color:color-mix(in srgb, var(--border-subtle) 74%, transparent);background:color-mix(in srgb, var(--surface-muted) 72%, transparent)}.ui-menu-item[data-v-c81b4139]:active:enabled{background:color-mix(in srgb, var(--surface-muted) 72%, transparent)}.ui-menu-separator[data-v-c81b4139]{background:color-mix(in srgb, var(--border-subtle) 74%, transparent);height:1px;margin:.12rem .2rem}.segmented-control[data-v-4cc90d2a]{border:1px solid color-mix(in srgb, var(--border-subtle) 86%, transparent);background:color-mix(in srgb, var(--surface-muted) 42%, var(--surface));min-height:var(--ui-control-height);scrollbar-width:none;border-radius:6px;align-items:center;gap:.1rem;max-width:100%;padding:1px;display:inline-flex;overflow:auto hidden}.segmented-control[data-v-4cc90d2a]::-webkit-scrollbar{display:none}.segmented-control button[data-v-4cc90d2a]{min-height:var(--ui-control-height);font-size:var(--fs-control);color:var(--text-muted);font-weight:520;line-height:var(--lh-tight);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:0 .42rem;transition:border-color .12s,color .12s,background-color .12s,box-shadow .12s;display:inline-flex}.segmented-control button.icon-only[data-v-4cc90d2a]{min-width:var(--ui-control-height);padding:0}.segmented-icon[data-v-4cc90d2a]{flex:none}.segmented-label.inactive[data-v-4cc90d2a]{text-decoration-line:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--text-primary) 72%, currentColor);text-decoration-color:color-mix(in srgb, var(--text-primary) 72%, currentColor);text-decoration-thickness:1px}.segmented-preview[data-v-4cc90d2a]{border:1px solid color-mix(in srgb, var(--text-primary) 34%, var(--border-color));background:color-mix(in srgb, var(--surface-elevated) 90%, var(--surface));width:10px;height:10px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--surface) 74%, transparent);flex:none;display:inline-block;position:relative}.segmented-preview-inner[data-v-4cc90d2a]{pointer-events:none;position:absolute}.segmented-control button.active[data-v-4cc90d2a]{color:var(--text-primary);border-color:color-mix(in srgb, var(--t-accent) 40%, var(--border-subtle));background:color-mix(in srgb, var(--t-accent) 18%, var(--surface))}.segmented-control button[data-v-4cc90d2a]:hover:not(.active):not(:disabled){color:var(--text-primary);border-color:color-mix(in srgb, var(--border-subtle) 84%, transparent);background:color-mix(in srgb, var(--surface-elevated) 74%, var(--surface))}.segmented-control button[data-v-4cc90d2a]:focus-visible{box-shadow:var(--focus-ring);outline:none}.segmented-control button[data-v-4cc90d2a]:disabled{opacity:.48;cursor:not-allowed}.preview-info[data-v-4a85140d]{align-items:center;gap:.34rem;display:inline-flex}.preview-duration[data-v-4a85140d]{color:var(--text-muted);font-size:var(--fs-meta);line-height:var(--lh-tight);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "lnum" 1;white-space:nowrap}.preview-transparent-toggle[data-v-4a85140d]{box-sizing:border-box;color:var(--preview-toolbar-control-fg);font-size:var(--fs-control);line-height:var(--lh-tight);white-space:nowrap;pointer-events:auto;min-height:var(--ui-control-height);background:var(--preview-toolbar-control-bg);border:1px solid var(--preview-toolbar-control-border);border-radius:6px;align-items:center;gap:.28rem;margin-left:0;padding:0 .42rem;transition:border-color .12s,background-color .12s;display:inline-flex}.preview-transparent-toggle>span[data-v-4a85140d]{align-items:center;line-height:1;display:inline-flex}.preview-transparent-toggle[data-v-4a85140d]:hover{border-color:var(--preview-toolbar-control-border-hover);background:var(--preview-toolbar-control-bg-hover)}.preview-bottom-controls[data-v-4a85140d]{z-index:6;pointer-events:none;position:absolute;bottom:.58rem;left:50%;transform:translate(-50%)}.preview-bottom-controls .preview-transparent-toggle[data-v-4a85140d]{pointer-events:auto}.preview-stage[data-v-4a85140d]{--preview-toolbar-control-fg:var(--text-secondary);--preview-toolbar-control-border:color-mix(in srgb, var(--border-color) 90%, transparent);--preview-toolbar-control-border-hover:color-mix(in srgb, var(--border-strong) 92%, transparent);--preview-toolbar-control-bg:var(--surface);--preview-toolbar-control-bg-hover:color-mix(in srgb, var(--surface-elevated) 84%, var(--surface));height:100%;min-height:0;position:relative}.preview-toolbar-row[data-v-4a85140d]{z-index:6;min-height:var(--ui-control-height);pointer-events:none;position:absolute;top:.58rem;left:.6rem;right:.6rem}.preview-toolbar-left[data-v-4a85140d]{pointer-events:auto;align-items:center;gap:.2rem;min-width:max-content;display:inline-flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.preview-toolbar-right[data-v-4a85140d]{pointer-events:auto;justify-content:flex-end;align-items:center;min-width:max-content;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.output-toggles[data-v-4a85140d]{pointer-events:auto;max-width:100%}.zoom-toolbar-button[data-v-4a85140d]{min-height:var(--ui-control-height);color:var(--preview-toolbar-control-fg);border-color:var(--preview-toolbar-control-border);background:var(--preview-toolbar-control-bg)}.zoom-toolbar-button[data-v-4a85140d]:hover:enabled{border-color:var(--preview-toolbar-control-border-hover);background:var(--preview-toolbar-control-bg-hover)}.zoom-toolbar-button.zoom-percent-button[data-v-4a85140d]{box-sizing:content-box;width:4ch;min-width:4ch;min-height:calc(var(--ui-control-height) - 2px);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "lnum" 1;justify-content:center;padding-inline:.2rem}.preview-viewport[data-v-4a85140d]{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:color-mix(in srgb, var(--surface) 96%, transparent);width:100%;height:100%;min-height:100%;position:relative;overflow:hidden}.preview-viewport[data-v-4a85140d]:not(.preview-viewport-transparent){background:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--border-subtle) 40%, transparent) 1px, transparent 0) 0 0 / 20px 20px, color-mix(in srgb, var(--surface) 96%, transparent)}.preview-viewport.preview-viewport-transparent[data-v-4a85140d]{background:linear-gradient(45deg, color-mix(in srgb, var(--border-subtle) 36%, transparent) 25%, transparent 25%) 0 0 / 16px 16px, linear-gradient(-45deg, color-mix(in srgb, var(--border-subtle) 36%, transparent) 25%, transparent 25%) 0 8px / 16px 16px, linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--border-subtle) 36%, transparent) 75%) 8px -8px / 16px 16px, linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--border-subtle) 36%, transparent) 75%) -8px 0 / 16px 16px, color-mix(in srgb, var(--surface) 90%, var(--surface-muted))}.preview-viewport[data-v-4a85140d]:active{cursor:grabbing}.content-canvas[data-v-4a85140d]{transform-origin:0 0;position:absolute;top:0;left:0}.svg-host[data-v-4a85140d] svg{shape-rendering:geometricprecision;text-rendering:geometricprecision;width:auto;max-width:none;height:auto;display:block}.svg-host[data-v-4a85140d] text{text-rendering:geometricprecision}.ascii-canvas[data-v-4a85140d]{font-size:var(--fs-code);color:var(--text-primary);white-space:pre;margin:0;line-height:1.38}.feedback-block[data-v-4a85140d]{--feedback-border:color-mix(in srgb, var(--border-color) 64%, transparent);--feedback-bg:color-mix(in srgb, var(--surface-elevated) 94%, var(--surface));--feedback-fg:var(--text-secondary);--feedback-label-fg:var(--text-primary);border:1px solid var(--feedback-border);background:var(--feedback-bg);color:var(--feedback-fg);font-size:var(--fs-meta);line-height:var(--lh-normal);white-space:pre-wrap;cursor:default;pointer-events:auto;touch-action:auto;border-radius:8px;align-items:flex-start;gap:.4rem;margin:.35rem 0 0;padding:.6rem .68rem;display:flex}.preview-viewport>.feedback-block[data-v-4a85140d]{z-index:4;margin:0;position:absolute;bottom:.84rem;left:.84rem;right:.84rem}.feedback-label[data-v-4a85140d]{margin-top:calc((1em * var(--lh-normal) - 12px) / 2);color:var(--feedback-label-fg);white-space:nowrap;flex:none;justify-content:center;align-items:center;font-weight:560;line-height:1;display:inline-flex}.feedback-label-icon[data-v-4a85140d]{flex:none;display:block}.feedback-message[data-v-4a85140d]{cursor:text;white-space:normal;flex:1;min-width:0}.feedback-layer[data-v-4a85140d],.feedback-layer[data-v-4a85140d] *{-webkit-user-select:text;user-select:text}.feedback-stack[data-v-4a85140d]{z-index:4;pointer-events:auto;cursor:default;touch-action:auto;gap:.36rem;display:grid;position:absolute;bottom:.84rem;left:.84rem;right:.84rem}.feedback-stack>.feedback-block[data-v-4a85140d]{margin:0}.feedback-block.tone-error[data-v-4a85140d]{--feedback-border:color-mix(in srgb, var(--danger-text) 16%, transparent);--feedback-bg:var(--danger-bg);--feedback-fg:var(--danger-text);--feedback-label-fg:var(--danger-text)}.feedback-block.tone-warning[data-v-4a85140d]{--feedback-border:color-mix(in srgb, var(--warning-text) 14%, transparent);--feedback-bg:var(--warning-bg);--feedback-fg:var(--warning-text);--feedback-label-fg:var(--warning-text)}.feedback-block.tone-info[data-v-4a85140d]{--feedback-border:color-mix(in srgb, var(--border-color) 64%, transparent);--feedback-bg:color-mix(in srgb, var(--surface-elevated) 94%, var(--surface));--feedback-fg:var(--text-secondary);--feedback-label-fg:var(--text-primary)}.ui-select-control[data-v-b9960b1a]{width:fit-content;min-width:0;max-width:100%;display:inline-flex;position:relative}.ui-select-trigger[data-v-b9960b1a]{text-align:left;flex:auto;align-items:center;width:100%;min-width:0;max-width:100%;padding-right:1.3rem;display:inline-flex;position:relative}.ui-select-value[data-v-b9960b1a]{text-overflow:ellipsis;white-space:nowrap;line-height:1.22;display:inline-block;overflow:hidden}.ui-select-icon[data-v-b9960b1a]{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:.36rem;transform:translateY(-50%)}.ui-select-trigger:focus-visible .ui-select-icon[data-v-b9960b1a]{color:var(--text-primary)}.ui-select-popover[data-v-b9960b1a]{z-index:10;pointer-events:auto;border:1px solid color-mix(in srgb, var(--border-color) 58%, transparent);background:var(--surface);width:max-content;min-width:120px;box-shadow:0 8px 24px color-mix(in srgb, var(--t-fg) 9%, transparent);border-radius:8px;padding:.2rem;position:fixed;overflow:hidden}.ui-select-group[data-v-b9960b1a]{color:var(--text-muted);font-size:var(--fs-label);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-weight:600;line-height:var(--lh-tight);margin:0;padding:.18rem .42rem .16rem;overflow:hidden}.ui-select-group-block+.ui-select-group-block[data-v-b9960b1a]{border-top:1px solid color-mix(in srgb, var(--border-subtle) 72%, transparent);margin-top:.08rem;padding-top:.14rem}.ui-select-option[data-v-b9960b1a]{min-height:var(--ui-control-height);width:100%;color:var(--text-secondary);font-size:var(--fs-control);line-height:var(--lh-tight);text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:.4rem;padding:0 .44rem;transition:background-color .12s,border-color .12s;display:flex}.ui-select-option-label[data-v-b9960b1a]{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;line-height:1.22;overflow:hidden}.ui-select-option-label[data-v-b9960b1a] span{line-height:1.22}.ui-select-option[data-v-b9960b1a]:hover:enabled,.ui-select-option.active[data-v-b9960b1a]:enabled{border-color:color-mix(in srgb, var(--border-subtle) 74%, transparent);background:color-mix(in srgb, var(--surface-muted) 72%, transparent)}.ui-select-option.selected[data-v-b9960b1a]:enabled{color:var(--text-primary);font-weight:540}.ui-select-option[data-v-b9960b1a]:active:enabled{background:color-mix(in srgb, var(--surface-muted) 72%, transparent)}.ui-select-option[data-v-b9960b1a]:disabled{opacity:.45;cursor:not-allowed}.controls-row[data-v-c5a68249]{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 82%, transparent);background:var(--surface);align-items:center;min-width:0;padding:.22rem .68rem;display:flex}.toolbar-main[data-v-c5a68249]{--toolbar-gap:.42rem;align-items:center;gap:var(--toolbar-gap);width:100%;min-height:var(--ui-control-height);min-width:0;display:flex}.toolbar-context[data-v-c5a68249]{align-items:center;gap:var(--toolbar-gap);min-height:var(--ui-control-height);flex:auto;min-width:0;display:flex}.inline-control[data-v-c5a68249]{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:.34rem;min-width:0;display:grid}.control-label[data-v-c5a68249]{font-size:var(--fs-meta);color:var(--text-muted);white-space:nowrap;line-height:var(--lh-tight);align-items:center;display:inline-flex}.control-sample .ui-select-control[data-v-c5a68249]{width:176px;max-width:100%}.control-theme .ui-select-control[data-v-c5a68249]{width:148px;max-width:100%}.toolbar-panels[data-v-c5a68249]{flex:none;align-items:center;gap:.3rem;min-width:0;margin-left:auto;display:inline-flex}.panel-toggles[data-v-c5a68249]{margin-right:.1rem}@media (width<=959px){.controls-row[data-v-c5a68249]{padding:.22rem .42rem}.toolbar-main[data-v-c5a68249]{--toolbar-gap:.34rem;align-items:center;gap:var(--toolbar-gap);flex-wrap:wrap}.toolbar-panels[data-v-c5a68249]{justify-content:flex-start;width:auto}.inline-control[data-v-c5a68249]{grid-template-columns:auto minmax(0,1fr)}.toolbar-context[data-v-c5a68249]{gap:var(--toolbar-gap)}.control-sample .ui-select-control[data-v-c5a68249]{width:176px;max-width:100%}.control-theme .ui-select-control[data-v-c5a68249]{width:148px;max-width:100%}.panel-toggles[data-v-c5a68249]{margin-right:0}}.playground-header[data-v-00bae0f2]{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 82%, transparent);background:var(--surface);gap:0;padding:.52rem .68rem .36rem;display:grid}.brand-row[data-v-00bae0f2]{flex-wrap:wrap;align-items:center;gap:.34rem .82rem;min-width:0;display:flex}.title-block[data-v-00bae0f2]{min-width:0;min-height:var(--ui-control-height);align-items:center;display:flex}.playground-header h1[data-v-00bae0f2]{font-family:Geist,system-ui,-apple-system,sans-serif;font-size:var(--fs-title);font-weight:560;line-height:var(--lh-tight);letter-spacing:.002em;flex-wrap:wrap;align-items:center;gap:.3rem;margin:0;padding:.02rem 0;display:inline-flex}.title-main[data-v-00bae0f2]{color:var(--text-primary);font-weight:800}.title-tag[data-v-00bae0f2]{color:inherit;font-family:inherit;font-size:inherit;font-weight:300;line-height:inherit;letter-spacing:inherit}.toolbar-actions[data-v-00bae0f2]{flex:none;align-items:center;gap:.5rem;margin-left:auto;display:flex}.action-group[data-v-00bae0f2]{align-items:center;gap:0;display:inline-flex}.credit-links[data-v-00bae0f2]{font-size:var(--fs-meta);color:var(--text-tertiary);align-items:center;gap:.28rem;display:inline-flex}.credit-prefix[data-v-00bae0f2]{white-space:nowrap}.credit-link[data-v-00bae0f2]{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:.12rem;padding:0;text-decoration:none;transition:color .12s,text-decoration-color .12s;display:inline-flex}.external-icon[data-v-00bae0f2]{opacity:.82}.credit-separator[data-v-00bae0f2]{color:var(--text-muted);line-height:1}.credit-link[data-v-00bae0f2]:hover{color:var(--text-primary);text-underline-offset:1.5px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--text-primary) 46%, transparent);text-decoration-color:color-mix(in srgb, var(--text-primary) 46%, transparent)}@media (width<=959px){.toolbar-actions[data-v-00bae0f2]{margin-left:0}}.color-picker[data-v-b702b09f]{min-width:0;display:inline-flex;position:relative}.color-trigger[data-v-b702b09f]{justify-content:center;align-items:center;min-height:20px;padding:0;display:inline-flex;overflow:hidden}.color-picker.size-md .color-trigger[data-v-b702b09f]{border-radius:3px;width:28px;min-width:28px;height:18px;min-height:18px}.color-picker.size-sm .color-trigger[data-v-b702b09f]{border-radius:3px;width:24px;min-width:24px;height:16px;min-height:16px}.swatch-bg[data-v-b702b09f]{border-radius:inherit;background:linear-gradient(45deg, color-mix(in srgb, var(--border-color) 42%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--border-color) 42%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--border-color) 42%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--border-color) 42%, transparent) 75%), var(--surface);background-position:0 0,0 3px,3px -3px,-3px 0;background-size:6px 6px;width:100%;height:100%;padding:1px}.swatch-color[data-v-b702b09f]{border-radius:calc(var(--ui-control-radius) - 3px);width:100%;height:100%;display:block}.picker-popover[data-v-b702b09f]{z-index:10;pointer-events:auto;border:1px solid color-mix(in srgb, var(--border-color) 56%, transparent);background:color-mix(in srgb, var(--surface) 98%, var(--surface-muted));width:188px;box-shadow:0 8px 22px color-mix(in srgb, var(--t-fg) 10%, transparent);border-radius:8px;gap:.42rem;padding:.42rem;display:grid;position:fixed;overflow:hidden}.sv-area[data-v-b702b09f]{border:1px solid color-mix(in srgb, var(--border-color) 56%, transparent);background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, color-mix(in srgb, var(--picker-hue) 96%, transparent));cursor:crosshair;touch-action:none;background-clip:content-box;border-radius:6px;width:100%;height:98px;position:relative}.sv-cursor[data-v-b702b09f]{pointer-events:none;border:1px solid #fff;border-radius:999px;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000005c}.slider-group[data-v-b702b09f]{gap:.24rem;display:grid}.slider[data-v-b702b09f]{appearance:none;border:1px solid color-mix(in srgb, var(--border-color) 56%, transparent);background:var(--surface);border-radius:999px;width:100%;height:11px;margin:0}.hue-slider[data-v-b702b09f]{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.alpha-slider[data-v-b702b09f]{background:linear-gradient(90deg, var(--alpha-start), var(--alpha-end)), linear-gradient(45deg, color-mix(in srgb, var(--border-color) 36%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--border-color) 36%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--border-color) 36%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--border-color) 36%, transparent) 75%), var(--surface);background-position:0 0,0 0,0 3px,3px -3px,-3px 0,0 0;background-repeat:no-repeat,repeat,repeat,repeat,repeat,repeat;background-size:100% 100%,6px 6px,6px 6px,6px 6px,6px 6px,auto;background-origin:content-box,content-box,content-box,content-box,content-box,padding-box;background-clip:content-box,content-box,content-box,content-box,content-box,padding-box;padding:1px}.slider[data-v-b702b09f]::-webkit-slider-thumb{appearance:none;border:1px solid color-mix(in srgb, var(--border-color) 72%, transparent);background:var(--surface);width:9px;height:9px;box-shadow:0 1px 2px color-mix(in srgb, var(--t-fg) 14%, transparent);border-radius:999px}.slider[data-v-b702b09f]::-moz-range-thumb{border:1px solid color-mix(in srgb, var(--border-color) 72%, transparent);background:var(--surface);width:9px;height:9px;box-shadow:0 1px 2px color-mix(in srgb, var(--t-fg) 14%, transparent);border-radius:999px}.inputs-grid[data-v-b702b09f]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;display:grid}.inputs-grid label[data-v-b702b09f]{gap:.1rem;display:grid}.inputs-grid label>span[data-v-b702b09f]{color:var(--text-muted);font-size:calc(var(--fs-meta) - .02rem);line-height:var(--lh-tight);text-align:center}.inputs-grid input[data-v-b702b09f]{border:1px solid color-mix(in srgb, var(--border-color) 64%, transparent);background:color-mix(in srgb, var(--surface) 98%, var(--surface-muted));width:100%;min-height:20px;color:var(--text-secondary);font-size:calc(var(--fs-control) - .02rem);text-align:center;border-radius:4px;padding:0 .22rem}.value-input[data-v-b702b09f]{border:1px solid color-mix(in srgb, var(--border-color) 64%, transparent);background:color-mix(in srgb, var(--surface) 98%, var(--surface-muted));width:100%;min-height:20px;color:var(--text-secondary);font-family:JetBrains Mono,Geist Mono,monospace;font-size:calc(var(--fs-control) - .02rem);letter-spacing:0;text-transform:none;text-align:center;border-radius:4px;padding:0 .28rem;line-height:1.2}.value-input[data-v-b702b09f]::placeholder{color:color-mix(in srgb, var(--text-muted) 84%, transparent)}.value-input[data-v-b702b09f]:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (width<=959px){.picker-popover[data-v-b702b09f]{width:182px;padding:.38rem}.sv-area[data-v-b702b09f]{height:92px}}.token-color-select[data-v-978dd603]{width:132px;max-width:100%;min-height:var(--ui-control-height);justify-self:end;align-items:center;gap:0;min-width:0;display:inline-flex}.token-color-select[data-v-978dd603] .ui-select-control{flex:auto;width:auto;min-width:0}.token-color-select[data-v-978dd603] .ui-select-trigger{width:100%}.custom-picker[data-v-978dd603]{flex:none}.token-color-select.has-custom-swatch[data-v-978dd603]{gap:.28rem}.token-color-option[data-v-978dd603]{align-items:center;gap:.34rem;min-width:0;display:inline-flex}.token-color-swatch[data-v-978dd603]{border:1px solid color-mix(in srgb, var(--border-color) 72%, transparent);background:var(--surface-muted);border-radius:2px;flex:none;width:9px;height:9px}.token-color-swatch.transparent[data-v-978dd603]{background:linear-gradient(45deg, color-mix(in srgb, var(--border-color) 50%, transparent) 25%, transparent 25%), linear-gradient(-45deg, color-mix(in srgb, var(--border-color) 50%, transparent) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, color-mix(in srgb, var(--border-color) 50%, transparent) 75%), linear-gradient(-45deg, transparent 75%, color-mix(in srgb, var(--border-color) 50%, transparent) 75%), var(--surface);background-position:0 0,0 3px,3px -3px,-3px 0;background-size:6px 6px}.token-key[data-v-978dd603]{font-family:JetBrains Mono,Geist Mono,monospace;font-size:calc(var(--fs-meta) - .01rem);letter-spacing:0;text-transform:none}.options-panel[data-v-8057c289]{width:100%;height:100%}.options-layout[data-v-8057c289]{grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;display:grid}.options-tabs-wrap[data-v-8057c289]{justify-self:start;width:max-content;max-width:calc(100% - 1.28rem);margin:.56rem .64rem .34rem}.options-tabs[data-v-8057c289]{margin:0}.options-content[data-v-8057c289]{min-height:0;padding:.02rem .64rem .9rem;overflow:auto}.setting-list[data-v-8057c289]{gap:.5rem;display:grid}.setting-section[data-v-8057c289]{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 78%, transparent);gap:.24rem;padding:.32rem 0 1.02rem;display:grid}.setting-section[data-v-8057c289]:last-of-type{border-bottom:0;padding-bottom:.5rem}.section-title[data-v-8057c289]{font-size:var(--fs-meta);color:var(--text-muted);letter-spacing:0;text-transform:none;margin:0;font-weight:540}.section-header[data-v-8057c289]{justify-content:flex-start;align-items:center;gap:.5rem;margin:0 0 .16rem;display:flex}.section-reset[data-v-8057c289]{color:var(--text-muted)}.setting-row[data-v-8057c289],.channel-row[data-v-8057c289]{align-items:center;gap:.5rem;min-height:29px;padding:.08rem 0;display:grid}.setting-row[data-v-8057c289]{cursor:default;grid-template-columns:minmax(0,1fr) max-content}.element-setting-row[data-v-8057c289]{grid-template-columns:max-content minmax(0,1fr)}.direction-control[data-v-8057c289],.corner-control[data-v-8057c289],.border-pattern-control[data-v-8057c289],.border-weight-control[data-v-8057c289],.edge-geometry-control[data-v-8057c289],.edge-pattern-control[data-v-8057c289],.edge-weight-control[data-v-8057c289]{justify-self:end}.setting-row[data-v-8057c289] .ui-select-control,.setting-row input[type=number][data-v-8057c289],.setting-row input[type=text][data-v-8057c289],.setting-row input[type=url][data-v-8057c289]{justify-self:end;width:156px;max-width:100%}.setting-row[data-v-8057c289] .ui-select-trigger{width:100%}.element-setting-row[data-v-8057c289] .ui-select-control{justify-self:end}.channel-row[data-v-8057c289]{grid-template-columns:minmax(0,1fr) auto 40px}.channel-row[data-v-8057c289] .ui-checkbox-wrap{justify-self:end}.channel-toggle[data-v-8057c289]{justify-self:end;align-items:center;gap:.46rem;display:inline-flex}.channel-toggle[data-v-8057c289] .ui-checkbox-wrap{justify-self:auto}.channel-info[data-v-8057c289]{color:#0000;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;width:16px;height:12px;display:inline-flex}.channel-info.active[data-v-8057c289]{color:var(--warning-text);visibility:visible;pointer-events:auto}.channel-picker[data-v-8057c289]{justify-self:end}.setting-row>span[data-v-8057c289],.channel-row>label[data-v-8057c289]{color:var(--text-secondary);font-size:var(--fs-meta);line-height:var(--lh-tight);align-items:center;display:inline-flex}.setting-row-label[data-v-8057c289]{align-items:center;gap:.34rem;min-width:0;display:inline-flex}.scope-inactive[data-v-8057c289]{text-decoration-line:line-through;-webkit-text-decoration-color:color-mix(in srgb, var(--text-primary) 72%, currentColor);text-decoration-color:color-mix(in srgb, var(--text-primary) 72%, currentColor);text-decoration-thickness:1px}.token-key[data-v-8057c289]{font-family:JetBrains Mono,Geist Mono,monospace;font-size:calc(var(--fs-meta) - .01rem);letter-spacing:0;text-transform:none}.token-label[data-v-8057c289]{align-items:center;gap:.28rem;display:inline-flex}.channel-row>label[data-v-8057c289]{cursor:default}.setting-row.switch-row[data-v-8057c289]{grid-template-columns:minmax(0,1fr) auto}.options-panel input[type=number][data-v-8057c289]{width:100%;min-height:26px;font-size:var(--fs-control);line-height:var(--lh-tight);border-color:color-mix(in srgb, var(--border-color) 56%, transparent);border-radius:6px;padding:0 .38rem}.font-custom-input[data-v-8057c289]{width:100%;min-height:var(--ui-control-height);border-radius:var(--ui-control-radius);font-size:var(--fs-control);line-height:var(--lh-tight);border-color:color-mix(in srgb, var(--border-color) 56%, transparent);padding:0 .38rem}.options-panel input[type=url][data-v-8057c289]{width:100%;min-height:26px;font-size:var(--fs-control);line-height:var(--lh-tight);border-color:color-mix(in srgb, var(--border-color) 56%, transparent);border-radius:6px;padding:0 .38rem}@media (width<=959px){.options-tabs-wrap[data-v-8057c289]{width:calc(100% - 1.04rem);max-width:calc(100% - 1.04rem);margin:.46rem auto .3rem}.options-tabs[data-v-8057c289]{justify-content:center;width:100%}.setting-list[data-v-8057c289]{gap:.44rem}.setting-section[data-v-8057c289]{padding:.26rem 0 .9rem}.setting-row[data-v-8057c289]{grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:.34rem}.element-setting-row[data-v-8057c289]{grid-template-columns:max-content minmax(0,1fr)}.channel-row[data-v-8057c289]{grid-template-columns:minmax(0,1fr) auto 40px;align-items:center;gap:.34rem}.setting-row.switch-row[data-v-8057c289]{grid-template-columns:minmax(0,1fr) auto;align-items:center}.setting-row[data-v-8057c289] .ui-select-control,.setting-row input[type=number][data-v-8057c289],.setting-row input[type=text][data-v-8057c289],.setting-row input[type=url][data-v-8057c289]{width:156px;max-width:100%}.options-panel input[type=number][data-v-8057c289],.font-custom-input[data-v-8057c289],.options-panel input[type=url][data-v-8057c289]{min-height:30px;font-size:var(--fs-section)}}.app-shell[data-v-47983e38]{flex-direction:column;width:100%;height:100%;min-height:0;display:flex;position:relative}.playground-main[data-v-47983e38]{flex:1;min-height:0;position:relative}.desktop-workspace[data-v-47983e38]{width:100%;height:100%;min-height:0;padding:0;display:flex}.mobile-workspace[data-v-47983e38]{flex-direction:column;flex:1;width:100%;height:100%;min-height:0;padding:0;display:flex}.options-pane[data-v-47983e38]{border-right:1px solid color-mix(in srgb, var(--border-subtle) 72%, transparent);flex:none;width:fit-content}.options-pane.options-pane-full[data-v-47983e38]{border-right:0;flex:1;width:auto}.editor-preview-workspace[data-v-47983e38]{flex:1;min-width:0;min-height:0;display:flex}.editor-preview-workspace.with-options[data-v-47983e38]{border-left:0}.editor-preview-workspace.single[data-v-47983e38]{display:block}.pane[data-v-47983e38]{min-width:0;height:100%;min-height:0}.editor-pane[data-v-47983e38],.preview-pane[data-v-47983e38],.mobile-pane[data-v-47983e38]{background:var(--surface);box-shadow:none;border:0;border-radius:0;flex:auto;overflow:hidden}.editor-pane[data-v-47983e38]{border-right:1px solid color-mix(in srgb, var(--border-subtle) 72%, transparent)}.editor-preview-workspace:not(.single) .editor-pane[data-v-47983e38]{border-right:0;min-width:240px}.editor-preview-workspace:not(.single) .preview-pane[data-v-47983e38]{flex:1 1 0;min-width:344px}.editor-preview-workspace.single .editor-pane[data-v-47983e38],.editor-preview-workspace.single .preview-pane[data-v-47983e38],.mobile-pane[data-v-47983e38]{border-right:0}.divider[data-v-47983e38]{cursor:col-resize;z-index:4;touch-action:none;background:0 0;flex:0 0 10px;width:10px;margin-inline:-5px;position:relative}.divider[data-v-47983e38]:before{content:"";background:color-mix(in srgb, var(--border-subtle) 84%, transparent);width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.divider[data-v-47983e38]:after{content:"";background:color-mix(in srgb, var(--border-color) 70%, transparent);opacity:.52;border-radius:999px;width:1px;height:20px;transition:opacity .12s,height .12s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.divider[data-v-47983e38]:hover:after,.divider.dragging[data-v-47983e38]:after{opacity:.86;height:30px}.toast[data-v-47983e38]{left:50%;top:calc(env(safe-area-inset-top,0px) + 3.85rem);border:1px solid color-mix(in srgb, var(--border-subtle) 72%, transparent);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:min(80vw,440px);color:var(--text-primary);font-size:var(--fs-toast);line-height:var(--lh-tight);white-space:nowrap;text-overflow:ellipsis;box-shadow:0 8px 20px color-mix(in srgb, var(--t-fg) 8%, transparent);z-index:40;pointer-events:none;border-radius:8px;margin:0;padding:.36rem .58rem;position:fixed;overflow:hidden;transform:translate(-50%)}.toast.tone-success[data-v-47983e38]{border-color:color-mix(in srgb, #1f9d55 34%, var(--border-subtle))}.toast.tone-warning[data-v-47983e38]{border-color:color-mix(in srgb, #f59e0b 46%, var(--border-subtle))}.toast.tone-error[data-v-47983e38]{border-color:color-mix(in srgb, var(--danger-text) 46%, var(--border-subtle))}@media (width<=959px){.toast[data-v-47983e38]{top:calc(env(safe-area-inset-top,0px) + 6.5rem);max-width:min(92vw,420px)}.playground-main[data-v-47983e38]{overflow:hidden}}:root{--t-bg:#fff;--t-fg:#27272a;--t-accent:#3b82f6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:var(--t-bg);--surface:var(--t-bg);--surface-muted:color-mix(in srgb, var(--t-fg) 2%, var(--t-bg));--surface-elevated:color-mix(in srgb, var(--t-fg) 5%, var(--t-bg));--text-primary:var(--t-fg);--text-secondary:color-mix(in srgb, var(--t-fg) 74%, var(--t-bg));--text-muted:color-mix(in srgb, var(--t-fg) 52%, var(--t-bg));--border-color:color-mix(in srgb, var(--t-fg) 15%, var(--t-bg));--border-subtle:color-mix(in srgb, var(--t-fg) 10%, var(--t-bg));--border-strong:color-mix(in srgb, var(--t-fg) 20%, var(--t-bg));--button-hover:color-mix(in srgb, var(--t-fg) 4%, var(--t-bg));--button-active:color-mix(in srgb, var(--t-fg) 8%, var(--t-bg));--danger-bg:color-mix(in srgb, #ef4444 10%, var(--t-bg));--danger-text:color-mix(in srgb, #ef4444 78%, var(--t-fg));--warning-bg:color-mix(in srgb, #f59e0b 12%, var(--t-bg));--warning-text:color-mix(in srgb, #b45309 74%, var(--t-fg));--warning-border:color-mix(in srgb, #f59e0b 46%, var(--t-fg));--focus-outline:color-mix(in srgb, var(--t-accent) 58%, transparent);--focus-inset:color-mix(in srgb, var(--t-accent) 18%, transparent);--panel-shadow:none;--ui-control-height:23px;--ui-control-radius:5px;--ui-control-pad-x:.42rem;--fs-title:.9375rem;--fs-section:.8125rem;--fs-control:.75rem;--fs-label:.6875rem;--fs-meta:.6875rem;--fs-code:.75rem;--fs-body:.75rem;--fs-toast:.6875rem;--lh-tight:1.08;--lh-normal:1.32}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{font-family:Geist,system-ui,-apple-system,sans-serif;font-size:var(--fs-body);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;overflow:hidden}#app{height:100dvh}#app-popover-root{z-index:30;pointer-events:none;position:fixed;inset:0}button,select,input,textarea{font:inherit;color:inherit}button,select,input[type=number],input[type=text],input[type=url]{border:1px solid var(--border-color);background:var(--surface);border-radius:6px;min-height:28px;padding:0 .52rem}select,input[type=number],input[type=text],input[type=url]{width:100%}input[type=number]{appearance:textfield;text-align:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1, "lnum" 1}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}button{cursor:pointer;background:var(--surface);transition:border-color .12s,background-color .12s,color .12s,opacity .12s}button:hover:enabled{background:var(--button-hover)}button:active:enabled{background:var(--button-active)}button:disabled{opacity:.45;cursor:not-allowed}.ui-control-surface{min-height:var(--ui-control-height);border-radius:var(--ui-control-radius);padding:0 var(--ui-control-pad-x);border:1px solid color-mix(in srgb, var(--border-color) 88%, transparent);background:color-mix(in srgb, var(--surface) 96%, var(--surface-muted));color:var(--text-secondary);font-size:var(--fs-control);line-height:var(--lh-tight);transition:border-color .12s,background-color .12s,opacity .12s}.ui-control-surface:hover:not(:disabled):not([aria-disabled=true]){border-color:color-mix(in srgb, var(--border-strong) 88%, transparent);background:color-mix(in srgb, var(--surface-elevated) 86%, var(--surface))}.ui-control-surface:disabled,.ui-control-surface[aria-disabled=true]{opacity:.46;cursor:not-allowed}.ui-select{appearance:none;width:100%}.os-theme-playground{box-sizing:border-box;--os-size:8px;--os-padding-perpendicular:1px;--os-padding-axis:1px;--os-track-border-radius:999px;--os-handle-border-radius:999px;--os-handle-min-size:28px;--os-handle-interactive-area-offset:2px;--os-track-bg:transparent;--os-track-bg-hover:color-mix(in srgb, var(--surface-muted) 62%, transparent);--os-track-bg-active:color-mix(in srgb, var(--surface-muted) 76%, transparent);--os-handle-bg:color-mix(in srgb, var(--text-muted) 42%, transparent);--os-handle-bg-hover:color-mix(in srgb, var(--text-secondary) 56%, transparent);--os-handle-bg-active:color-mix(in srgb, var(--text-primary) 62%, transparent)}:where(button,input,select,textarea,a[href],summary,[role=button],[tabindex]:not([tabindex="-1"])):focus{outline:none}:where(button,input,select,textarea,a[href],summary,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible{z-index:80;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--surface) 92%, transparent), inset 0 0 0 2px var(--focus-outline);outline:none;position:relative}input[type=checkbox]{width:16px;height:16px;accent-color:var(--text-primary);margin:0}input[type=color]{appearance:none;border:1px solid var(--border-color);background:var(--surface);border-radius:8px;width:42px;height:30px;padding:2px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:6px}code,pre,textarea{font-family:JetBrains Mono,Iosevka Web,monospace}