:root{--twp-background: #ffffff;--twp-boolean: #0550ae;--twp-comment: #6e7781;--twp-identifier: #1f2328;--twp-keyword: #cf222e;--twp-number: #0550ae;--twp-operator: #cf222e;--twp-punctuation: #1f2328;--twp-regex: #0a3069;--twp-string: #0a3069;--twp-template: #0a3069;--twp-attribute: #0550ae;--twp-builtin: #0550ae;--twp-class_name: #953800;--twp-constant: #0550ae;--twp-decorator: #8250df;--twp-lifetime: #cf222e;--twp-namespace: #953800;--twp-parameter: #953800;--twp-property: #0550ae;--twp-type: #0550ae;--twp-variable: #1f2328;--twp-variant: #0550ae;--twp-function: #8250df;--twp-attr_name: #0550ae;--twp-doctype: #6e7781;--twp-entity: #0550ae;--twp-tag_name: #116329;--twp-css_variable: #953800;--twp-selector: #116329;--twp-selector_class: #0550ae;--twp-selector_id: #0550ae;--twp-selector_pseudo: #0550ae;--twp-unit: #cf222e;--twp-changed: #953800;--twp-changed_marker: #953800;--twp-deleted: #82071e;--twp-deleted_marker: #82071e;--twp-hash: #6e7781;--twp-heading: #0550ae;--twp-inserted: #116329;--twp-inserted_marker: #116329;--twp-label: #6e7781;--twp-autolink: #0a3069;--twp-bold: #1f2328;--twp-code: #0550ae;--twp-code_block: #0550ae;--twp-code_language: #0550ae;--twp-italic: #1f2328;--twp-link_text: #0a3069;--twp-strike: #1f2328;--twp-url: #0a3069;--twp-url_link: #0a3069;--twp-url_title: #0a3069;--twp-autolink_open: #0a3069;--twp-autolink_close: #0a3069;--twp-bold_open: #1f2328;--twp-bold_close: #1f2328;--twp-code_open: #0550ae;--twp-code_close: #0550ae;--twp-italic_open: #1f2328;--twp-italic_close: #1f2328;--twp-link_text_open: #0a3069;--twp-link_text_close: #0a3069;--twp-strike_open: #1f2328;--twp-strike_close: #1f2328;--twp-blockquote_marker: #6e7781;--twp-code_fence: #6e7781;--twp-front_matter_marker: #6e7781;--twp-heading_marker: #0550ae;--twp-hr: #6e7781;--twp-list_marker: #953800;--twp-task_marker: #1a7f37;--twp-escape: #116329;--twp-hard_break: #6e7781;--twp-expression: #cf222e;--twp-svelte_block: #cf222e;--twp-svelte_directive: #0550ae;--twp-output: #0550ae;--twp-prompt: #1f2328;--twp-prompt_prefix: #0550ae;--twp-carriage_return: inherit;--twp-newline: inherit;--twp-space: inherit;--twp-tab: inherit;--twp-raw_code_block: #1f2328;--twp-raw_front_matter: #1f2328;--twp-raw_json: #1f2328;--twp-raw_markup: #1f2328;--twp-raw_script: #1f2328;--twp-raw_shell: #1f2328;--twp-raw_style: #1f2328;--twp-raw_svelte_expression: #1f2328;--twp-string_escape: #116329;--twp-format: #cf222e;--twp-attr_sigil: #cf222e;--twp-bit: #0550ae;--twp-array_table_header: #116329;--twp-datetime: #0550ae;--twp-block_scalar_header: #6e7781;--twp-directive: #cf222e;--twp-doc_marker: #6e7781;--twp-plain_scalar: #1f2328;--twp-tag: #cf222e;--twp-null: #0550ae;--twp-autolink-text-decoration: underline;--twp-bold-font-weight: bold;--twp-heading-font-weight: bold;--twp-heading_marker-font-weight: bold;--twp-hr-font-weight: bold;--twp-italic-font-style: italic;--twp-strike-text-decoration: line-through}.dark{--twp-background: #0d1117;--twp-boolean: #79c0ff;--twp-comment: #8b949e;--twp-identifier: #e6edf3;--twp-keyword: #ff7b72;--twp-number: #79c0ff;--twp-operator: #ff7b72;--twp-punctuation: #e6edf3;--twp-regex: #a5d6ff;--twp-string: #a5d6ff;--twp-template: #a5d6ff;--twp-attribute: #79c0ff;--twp-builtin: #79c0ff;--twp-class_name: #ffa657;--twp-constant: #79c0ff;--twp-decorator: #d2a8ff;--twp-lifetime: #ffa657;--twp-namespace: #ffa657;--twp-parameter: #ffa657;--twp-property: #79c0ff;--twp-type: #79c0ff;--twp-variable: #e6edf3;--twp-variant: #79c0ff;--twp-function: #d2a8ff;--twp-attr_name: #79c0ff;--twp-doctype: #8b949e;--twp-entity: #79c0ff;--twp-tag_name: #7ee787;--twp-css_variable: #ffa657;--twp-selector: #7ee787;--twp-selector_class: #79c0ff;--twp-selector_id: #79c0ff;--twp-selector_pseudo: #79c0ff;--twp-unit: #ff7b72;--twp-changed: #ffa657;--twp-changed_marker: #ffa657;--twp-deleted: #ffa198;--twp-deleted_marker: #ffa198;--twp-hash: #8b949e;--twp-heading: #79c0ff;--twp-inserted: #7ee787;--twp-inserted_marker: #7ee787;--twp-label: #8b949e;--twp-autolink: #a5d6ff;--twp-bold: #e6edf3;--twp-code: #79c0ff;--twp-code_block: #79c0ff;--twp-code_language: #79c0ff;--twp-italic: #e6edf3;--twp-link_text: #a5d6ff;--twp-strike: #e6edf3;--twp-url: #a5d6ff;--twp-url_link: #a5d6ff;--twp-url_title: #a5d6ff;--twp-autolink_open: #a5d6ff;--twp-autolink_close: #a5d6ff;--twp-bold_open: #e6edf3;--twp-bold_close: #e6edf3;--twp-code_open: #79c0ff;--twp-code_close: #79c0ff;--twp-italic_open: #e6edf3;--twp-italic_close: #e6edf3;--twp-link_text_open: #a5d6ff;--twp-link_text_close: #a5d6ff;--twp-strike_open: #e6edf3;--twp-strike_close: #e6edf3;--twp-blockquote_marker: #8b949e;--twp-code_fence: #8b949e;--twp-front_matter_marker: #8b949e;--twp-heading_marker: #79c0ff;--twp-hr: #8b949e;--twp-list_marker: #ffa657;--twp-task_marker: #3fb950;--twp-escape: #7ee787;--twp-hard_break: #8b949e;--twp-expression: #ff7b72;--twp-svelte_block: #ff7b72;--twp-svelte_directive: #79c0ff;--twp-output: #79c0ff;--twp-prompt: #e6edf3;--twp-prompt_prefix: #79c0ff;--twp-carriage_return: inherit;--twp-newline: inherit;--twp-space: inherit;--twp-tab: inherit;--twp-raw_code_block: #e6edf3;--twp-raw_front_matter: #e6edf3;--twp-raw_json: #e6edf3;--twp-raw_markup: #e6edf3;--twp-raw_script: #e6edf3;--twp-raw_shell: #e6edf3;--twp-raw_style: #e6edf3;--twp-raw_svelte_expression: #e6edf3;--twp-string_escape: #7ee787;--twp-format: #ff7b72;--twp-attr_sigil: #ff7b72;--twp-bit: #79c0ff;--twp-array_table_header: #7ee787;--twp-datetime: #79c0ff;--twp-block_scalar_header: #8b949e;--twp-directive: #ff7b72;--twp-doc_marker: #8b949e;--twp-plain_scalar: #e6edf3;--twp-tag: #ff7b72;--twp-null: #79c0ff;--twp-autolink-text-decoration: underline;--twp-bold-font-weight: bold;--twp-heading-font-weight: bold;--twp-heading_marker-font-weight: bold;--twp-hr-font-weight: bold;--twp-italic-font-style: italic;--twp-strike-text-decoration: line-through}.twinkleplop .boolean{color:var(--twp-boolean)}.twinkleplop .comment{color:var(--twp-comment)}.twinkleplop .identifier{color:var(--twp-identifier)}.twinkleplop .keyword{color:var(--twp-keyword)}.twinkleplop .number{color:var(--twp-number)}.twinkleplop .operator{color:var(--twp-operator)}.twinkleplop .punctuation{color:var(--twp-punctuation)}.twinkleplop .regex{color:var(--twp-regex)}.twinkleplop .string{color:var(--twp-string)}.twinkleplop .template{color:var(--twp-template)}.twinkleplop .attribute{color:var(--twp-attribute)}.twinkleplop .builtin{color:var(--twp-builtin)}.twinkleplop .class_name{color:var(--twp-class_name)}.twinkleplop .constant{color:var(--twp-constant)}.twinkleplop .decorator{color:var(--twp-decorator)}.twinkleplop .lifetime{color:var(--twp-lifetime)}.twinkleplop .namespace{color:var(--twp-namespace)}.twinkleplop .parameter{color:var(--twp-parameter)}.twinkleplop .property{color:var(--twp-property)}.twinkleplop .type{color:var(--twp-type)}.twinkleplop .variable{color:var(--twp-variable)}.twinkleplop .variant{color:var(--twp-variant)}.twinkleplop .function{color:var(--twp-function)}.twinkleplop .attr_name{color:var(--twp-attr_name)}.twinkleplop .doctype{color:var(--twp-doctype)}.twinkleplop .entity{color:var(--twp-entity)}.twinkleplop .tag_name{color:var(--twp-tag_name)}.twinkleplop .css_variable{color:var(--twp-css_variable)}.twinkleplop .selector{color:var(--twp-selector)}.twinkleplop .selector_class{color:var(--twp-selector_class)}.twinkleplop .selector_id{color:var(--twp-selector_id)}.twinkleplop .selector_pseudo{color:var(--twp-selector_pseudo)}.twinkleplop .unit{color:var(--twp-unit)}.twinkleplop .changed{color:var(--twp-changed)}.twinkleplop .changed_marker{color:var(--twp-changed_marker)}.twinkleplop .deleted{color:var(--twp-deleted)}.twinkleplop .deleted_marker{color:var(--twp-deleted_marker)}.twinkleplop .hash{color:var(--twp-hash)}.twinkleplop .heading{color:var(--twp-heading);font-weight:var(--twp-heading-font-weight)}.twinkleplop .inserted{color:var(--twp-inserted)}.twinkleplop .inserted_marker{color:var(--twp-inserted_marker)}.twinkleplop .label{color:var(--twp-label)}.twinkleplop .autolink{color:var(--twp-autolink);text-decoration:var(--twp-autolink-text-decoration)}.twinkleplop .bold{color:var(--twp-bold);font-weight:var(--twp-bold-font-weight)}.twinkleplop .code{color:var(--twp-code)}.twinkleplop .code_block{color:var(--twp-code_block)}.twinkleplop .code_language{color:var(--twp-code_language)}.twinkleplop .italic{color:var(--twp-italic);font-style:var(--twp-italic-font-style)}.twinkleplop .link_text{color:var(--twp-link_text)}.twinkleplop .strike{color:var(--twp-strike);text-decoration:var(--twp-strike-text-decoration)}.twinkleplop .url{color:var(--twp-url)}.twinkleplop .url_link{color:var(--twp-url_link)}.twinkleplop .url_title{color:var(--twp-url_title)}.twinkleplop .autolink_open{color:var(--twp-autolink_open)}.twinkleplop .autolink_close{color:var(--twp-autolink_close)}.twinkleplop .bold_open{color:var(--twp-bold_open)}.twinkleplop .bold_close{color:var(--twp-bold_close)}.twinkleplop .code_open{color:var(--twp-code_open)}.twinkleplop .code_close{color:var(--twp-code_close)}.twinkleplop .italic_open{color:var(--twp-italic_open)}.twinkleplop .italic_close{color:var(--twp-italic_close)}.twinkleplop .link_text_open{color:var(--twp-link_text_open)}.twinkleplop .link_text_close{color:var(--twp-link_text_close)}.twinkleplop .strike_open{color:var(--twp-strike_open)}.twinkleplop .strike_close{color:var(--twp-strike_close)}.twinkleplop .blockquote_marker{color:var(--twp-blockquote_marker)}.twinkleplop .code_fence{color:var(--twp-code_fence)}.twinkleplop .front_matter_marker{color:var(--twp-front_matter_marker)}.twinkleplop .heading_marker{color:var(--twp-heading_marker);font-weight:var(--twp-heading_marker-font-weight)}.twinkleplop .hr{color:var(--twp-hr);font-weight:var(--twp-hr-font-weight)}.twinkleplop .list_marker{color:var(--twp-list_marker)}.twinkleplop .task_marker{color:var(--twp-task_marker)}.twinkleplop .escape{color:var(--twp-escape)}.twinkleplop .hard_break{color:var(--twp-hard_break)}.twinkleplop .expression{color:var(--twp-expression)}.twinkleplop .svelte_block{color:var(--twp-svelte_block)}.twinkleplop .svelte_directive{color:var(--twp-svelte_directive)}.twinkleplop .output{color:var(--twp-output)}.twinkleplop .prompt{color:var(--twp-prompt)}.twinkleplop .prompt_prefix{color:var(--twp-prompt_prefix)}.twinkleplop .raw_code_block{color:var(--twp-raw_code_block)}.twinkleplop .raw_front_matter{color:var(--twp-raw_front_matter)}.twinkleplop .raw_json{color:var(--twp-raw_json)}.twinkleplop .raw_markup{color:var(--twp-raw_markup)}.twinkleplop .raw_script{color:var(--twp-raw_script)}.twinkleplop .raw_shell{color:var(--twp-raw_shell)}.twinkleplop .raw_style{color:var(--twp-raw_style)}.twinkleplop .raw_svelte_expression{color:var(--twp-raw_svelte_expression)}.twinkleplop .string_escape{color:var(--twp-string_escape)}.twinkleplop .format{color:var(--twp-format)}.twinkleplop .attr_sigil{color:var(--twp-attr_sigil)}.twinkleplop .bit{color:var(--twp-bit)}.twinkleplop .array_table_header{color:var(--twp-array_table_header)}.twinkleplop .datetime{color:var(--twp-datetime)}.twinkleplop .block_scalar_header{color:var(--twp-block_scalar_header)}.twinkleplop .directive{color:var(--twp-directive)}.twinkleplop .doc_marker{color:var(--twp-doc_marker)}.twinkleplop .plain_scalar{color:var(--twp-plain_scalar)}.twinkleplop .tag{color:var(--twp-tag)}.twinkleplop .null{color:var(--twp-null)}.twinkleplop .space,.twinkleplop .tab,.twinkleplop .newline{white-space:pre}:root{--color-canvas: #ffffff;--color-surface: #fafafa;--color-sunken: #f4f4f5;--color-edge: #e4e4e7;--color-strong-edge: #d4d4d8;--color-ink: #09090b;--color-body: #52525b;--color-muted: #a1a1aa;--color-accent: #c2410c;--color-fill: #09090b;--color-on-fill: #fafafa;--text-caption: 12px;--leading-caption: 1.33;--text-nav-control: 14px;--leading-nav-control: 1.43;--text-body: 16px;--leading-body: 1.25;--leading-body-relaxed: 1.5;--text-feature-heading: 24px;--leading-feature-heading: 1.17;--text-section-heading: 36px;--leading-section-heading: 1.11;--text-display: 60px;--leading-display: 1;--tracking-display: -1.5px;--weight-body: 400;--weight-control: 500;--weight-heading: 600;--border-module: 1px solid var(--color-edge);--border-control: 1px solid var(--color-edge);--border-emphasis: 1px solid var(--color-strong-edge);--hover-fill: rgba(9, 9, 11, .04);--shadow-sm: rgba(9, 9, 11, .06) 0 1px 3px 0, rgba(9, 9, 11, .04) 0 1px 2px -1px;--shadow-panel: rgba(9, 9, 11, .1) 0 8px 24px -6px, rgba(9, 9, 11, .06) 0 2px 6px -2px;--space-8: 8px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--space-56: 56px;--space-64: 64px;--page-max-width: 1152px;--card-padding: var(--space-16);--element-gap: var(--space-8);--radius-card: 10px;--radius-button: 8px;--radius-pill: 9999px;--radius-panel: 16px;--shell-height: 56px;--control-height: 28px;--bar-height: 44px;--icon-size: 16px;--icon-gap: 6px;--font-ui: Inter, ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--twp-background: transparent;--twp-punctuation: var(--color-muted);--twp-operator: var(--color-muted);--twp-comment: var(--color-muted);--twp-doctype: var(--color-muted);--twp-tag_name: var(--color-ink);--twp-selector: var(--color-ink);--twp-selector_class: var(--color-ink);--twp-selector_id: var(--color-ink);--twp-selector_pseudo: var(--color-ink);--twp-keyword: var(--color-ink);--twp-attr_name: var(--color-body);--twp-attribute: var(--color-body);--twp-property: var(--color-body);--twp-css_variable: var(--color-body);--twp-identifier: var(--color-body);--twp-variable: var(--color-body);--twp-string: var(--color-accent);--twp-number: var(--color-accent);--twp-unit: var(--color-accent);--twp-entity: var(--color-accent);--twp-text: var(--color-body);color-scheme:light}html,body{overflow:hidden;height:100%}*{box-sizing:border-box}body{margin:0;background:var(--color-canvas);color:var(--color-body);font-family:var(--font-ui);font-size:var(--text-body);font-weight:var(--weight-body);line-height:var(--leading-body-relaxed);font-feature-settings:"clig" 0,"liga" 0;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;color:var(--color-ink)}p{margin:0}code{padding:2px 6px;border:var(--border-module);border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-ink);font-family:var(--font-mono);font-size:.875em}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--color-strong-edge);outline-offset:2px}.shell{display:flex;gap:var(--space-16);align-items:center;padding:0 var(--space-16);height:var(--shell-height);border-bottom:var(--border-module);background:var(--color-canvas)}.wordmark{color:var(--color-ink);font-size:var(--text-body);font-weight:var(--weight-control)}.copy{display:inline-flex;gap:var(--element-gap);align-items:center;padding:2px 2px 2px var(--space-16);border:var(--border-module);border-radius:var(--radius-pill);background:var(--color-surface)}.copy code{border:0;padding:0;background:none;color:var(--color-body);font-size:var(--text-caption)}.links{display:flex;gap:var(--element-gap);margin-left:auto}.actions{display:flex;gap:var(--element-gap);align-items:center;margin-left:auto}.trigger{height:var(--control-height);padding:0 12px}.button{display:inline-flex;gap:var(--icon-gap);align-items:center;padding:0 var(--space-16);height:var(--control-height);border-radius:var(--radius-pill);font-family:inherit;font-size:var(--text-nav-control);font-weight:var(--weight-control);line-height:20px;text-decoration:none;cursor:pointer}.button.pale{border:1px solid var(--color-fill);background:var(--color-fill);color:var(--color-on-fill);box-shadow:var(--shadow-sm)}.button.charcoal{border:var(--border-emphasis);background:var(--color-canvas);color:var(--color-ink);box-shadow:var(--shadow-sm)}.button:disabled{border:var(--border-module);background:var(--color-sunken);color:var(--color-muted);box-shadow:none;cursor:default}.icon-button{display:inline-flex;place-content:center;align-items:center;width:var(--control-height);height:var(--control-height);flex:none;cursor:pointer;border:var(--border-module);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-ink);box-shadow:var(--shadow-sm)}.split{display:grid;height:calc(100dvh - var(--shell-height));grid-template-columns:calc(var(--split, 50) * 1% - 2.5px) 5px calc((100 - var(--split, 50)) * 1% - 2.5px)}.pane{display:flex;min-width:0;min-height:0;flex-direction:column}.divider{background:none;cursor:col-resize;touch-action:none;user-select:none}.divider:after{content:"";display:block;margin-left:2px;width:1px;height:100%;background:var(--color-edge)}.drag-shield{position:fixed;z-index:2;inset:0;cursor:col-resize}.divider:hover:after,.divider.dragging:after{width:3px;margin-left:1px;background:var(--color-strong-edge)}.bar{display:flex;gap:var(--space-16);align-items:center;padding:0 var(--space-16);height:var(--bar-height);flex:none;border-bottom:var(--border-module);background:var(--color-surface)}.label{display:inline-flex;gap:var(--icon-gap);align-items:center;color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-caption);line-height:var(--leading-caption)}.note{color:var(--color-muted);font-size:var(--text-caption)}.error{overflow:hidden;color:var(--color-ink);font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap}.dropdown{position:relative}.bar .label+.dropdown{margin-left:auto}.trigger{display:inline-flex;gap:var(--icon-gap);align-items:center;border-radius:var(--radius-pill);font-family:inherit;font-size:var(--text-nav-control);font-weight:var(--weight-control);line-height:18px;cursor:pointer}.trigger.plain{border:var(--border-module);background:var(--color-canvas);color:var(--color-body)}.trigger.plain:hover,.trigger.plain[aria-expanded=true]{border:var(--border-emphasis);color:var(--color-ink)}.trigger.pale{border:1px solid var(--color-fill);background:var(--color-fill);color:var(--color-on-fill);box-shadow:var(--shadow-sm)}.trigger:disabled{border:var(--border-module);background:var(--color-sunken);color:var(--color-muted);box-shadow:none;cursor:default}.sheet{position:fixed;z-index:1;inset:0}.menu{position:absolute;z-index:2;top:calc(100% + 6px);right:0;overflow-y:auto;margin:0;padding:var(--space-8);min-width:100%;width:max-content;max-width:280px;max-height:60vh;border:var(--border-module);border-radius:var(--radius-panel);background:var(--color-canvas);box-shadow:var(--shadow-panel);list-style:none}.menu button{display:flex;gap:var(--element-gap);align-items:center;padding:0 12px;width:100%;height:var(--control-height);border:0;border-radius:var(--radius-pill);background:none;color:var(--color-body);font-size:var(--text-nav-control);font-weight:var(--weight-control);text-align:left;cursor:pointer}.menu button:hover{background:var(--hover-fill);color:var(--color-ink)}.menu .chosen{color:var(--color-ink)}.menu svg{width:var(--icon-size);height:var(--icon-size);flex:none}.menu .chosen svg{margin-left:auto;color:var(--color-accent)}.bar .label svg,.trigger svg{width:var(--icon-size);height:var(--icon-size);flex:none}.button svg,.icon-button svg{width:var(--icon-size);height:var(--icon-size)}.source{position:relative;overflow:hidden;flex:1;min-height:0;background:var(--color-sunken)}.source .twinkle,.source textarea{position:absolute;inset:0;overflow:auto;margin:0;padding:var(--space-16);font-family:var(--font-mono);font-size:var(--text-caption);line-height:1.7;letter-spacing:0;tab-size:2;white-space:pre;overflow-wrap:normal}.source .twinkle{pointer-events:none}.source .twinkle pre,.source .twinkle code{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit}.source textarea{border:0;background:transparent;color:transparent;caret-color:var(--color-ink);resize:none}.source.over .twinkle,.source.over textarea{opacity:.25}.drop{position:absolute;z-index:1;inset:var(--space-16);display:grid;place-items:center;border:var(--border-emphasis);border-radius:var(--radius-panel);background:var(--hover-fill);color:var(--color-ink);font-size:var(--text-nav-control);font-weight:var(--weight-control);pointer-events:none}.source textarea::selection{background:#c2410c2e}.preview{overflow:hidden auto;flex:1;min-height:0;background:var(--color-canvas)}.page{position:relative}.preview iframe{position:absolute;inset:0;border:0;transform-origin:0 0}@media(max-width:920px){.copy{display:none}.split{grid-template-rows:minmax(0,1fr) minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.divider{display:none}.pane:last-of-type{border-top:var(--border-module)}.note{display:none}.source .twinkle,.source textarea{font-size:var(--text-nav-control)}}