[hidden]{display:none!important}:root{--editor-h: max(420px, calc(100vh - 210px) );--gutter-w: 48px;--code-font-size: var(--text-md);--tok-comment: #8c7f74;--tok-keyword: #b5390f;--tok-string: #2e7d4f;--tok-number: #a35f00;--tok-function: #1d5fa8;--tok-attr: #8a4fb0;--tok-punct: #6b5f57}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--tok-comment: #8d8176;--tok-keyword: #ff9466;--tok-string: #8fd19e;--tok-number: #f2b56b;--tok-function: #7fb4ff;--tok-attr: #d7a4ff;--tok-punct: #b3a79d}}:root[data-theme=dark]{--tok-comment: #8d8176;--tok-keyword: #ff9466;--tok-string: #8fd19e;--tok-number: #f2b56b;--tok-function: #7fb4ff;--tok-attr: #d7a4ff;--tok-punct: #b3a79d}.navbar-inner{max-width:1600px}.workspace{max-width:1600px;margin:0 auto;padding:var(--gutter);display:flex;flex-direction:column;gap:14px}.menubar{display:flex;align-items:center;gap:4px;margin:0 auto 0 12px}.menubar .file-menu-wrap{position:relative}.menubar .file-menu-button{display:inline-flex;align-items:center;gap:4px;padding:6px 10px 6px 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;font-size:var(--text-md);font-weight:500;line-height:1.2;cursor:pointer}.menubar .file-menu-button:hover,.menubar .file-menu-button[aria-expanded=true]{background:var(--fill)}.menubar .file-menu-chevron{display:inline-grid;color:var(--muted);transition:transform .2s var(--ease)}.menubar .file-menu-chevron svg{width:12px;height:12px}.menubar .file-menu-button[aria-expanded=true] .file-menu-chevron{transform:rotate(180deg);color:var(--accent)}.menubar .file-menu-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:10;display:flex;flex-direction:column;min-width:260px;padding:6px;border-radius:var(--radius-md);background:var(--surface);box-shadow:0 0 0 1px var(--separator),0 12px 32px #00000038}.menubar .file-menu-panel[hidden]{display:none!important}.menubar .file-menu-sep{height:1px;margin:6px;background:var(--separator)}.menubar .file-menu-item{display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;margin:0;padding:7px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;font-size:var(--text-sm);text-align:left;cursor:pointer}.menubar .file-menu-item:hover,.menubar .file-menu-item:focus-visible{background:var(--accent);color:#fff;outline:none}.menubar .file-menu-item kbd{margin-left:auto;padding:0;border:0;background:none;box-shadow:none;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--muted)}.menubar .file-menu-item:hover kbd,.menubar .file-menu-item:focus-visible kbd,.menubar .file-menu-item:hover .file-menu-check,.menubar .file-menu-item:focus-visible .file-menu-check{color:#fff}.menubar .file-menu-item .file-menu-check{width:14px;color:var(--accent);visibility:hidden}.menubar .file-menu-item[aria-checked=true] .file-menu-check{visibility:visible}.header-mode{margin-right:12px}.work{padding:16px;min-width:0}.editors{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor{display:flex;flex-direction:column;gap:8px;min-width:0}.editor label{font-size:var(--text-sm);font-weight:500;color:var(--muted)}.code-field{position:relative;height:var(--editor-h);background:var(--surface-2);border:1px solid var(--separator);border-radius:var(--radius-lg);overflow:hidden}.code-field:focus-within,.code-field.is-dragging{border-color:var(--accent);box-shadow:0 0 0 4px var(--focus)}.gutter{position:absolute;top:0;bottom:0;left:0;width:var(--gutter-w);overflow:hidden;border-right:1px solid var(--separator);pointer-events:none;user-select:none}.gutter-lines{padding:14px 10px 14px 0;text-align:right;font-family:var(--font-mono);font-size:var(--code-font-size);line-height:1.6;color:var(--muted);white-space:pre;font-variant-numeric:tabular-nums}.code-hl,.code-field textarea{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:14px 16px 14px calc(var(--gutter-w) + 12px);border:0;border-radius:0;font-family:var(--font-mono);font-size:var(--code-font-size);line-height:1.6;tab-size:4;white-space:pre;overflow-wrap:normal;background:transparent;box-sizing:border-box}.code-float{position:absolute;top:10px;right:10px;z-index:2;height:34px;box-shadow:0 2px 10px #0000001f}.result-float{position:absolute;bottom:10px;right:10px;z-index:2;display:flex;align-items:center;gap:14px;height:40px;padding:0 6px 0 14px;border-radius:var(--radius);background:var(--fill, var(--surface-2))}.tool{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--muted);white-space:nowrap}.tool select{width:auto;min-width:130px;height:34px;padding-block:0}.tool input[type=range]{width:110px}.tool-value{min-width:1.5em;font-variant-numeric:tabular-nums;color:var(--text)}.result-float .tool select{min-width:110px}.result-float .btn{height:34px}.picker-host{width:auto;min-width:170px;box-shadow:none}.picker-host .picker-trigger{box-shadow:0 2px 10px #0000001f}.picker{min-width:0;font-size:var(--text-md)}.picker-trigger{display:flex;align-items:center;gap:8px;width:100%;min-height:34px;padding:0 6px 0 12px;border:0;border-radius:var(--radius);background:var(--fill, var(--surface-2));color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background .15s}.picker-trigger:hover,.picker-trigger[aria-expanded=true]{background:var(--fill-strong, var(--separator))}.picker-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-chevron{display:grid;place-items:center;width:22px;height:22px;color:var(--muted);transition:transform .2s var(--ease)}.picker-chevron svg{width:14px;height:14px}.picker-trigger[aria-expanded=true] .picker-chevron{transform:rotate(180deg);color:var(--accent)}.picker-popover{position:fixed;inset:auto;margin:0;padding:0;border:0;overflow:hidden;border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-md);box-shadow:0 0 0 1px var(--separator),0 16px 40px #00000038;transition:opacity .12s var(--ease),transform .12s var(--ease),overlay .12s allow-discrete,display .12s allow-discrete}.picker-popover:popover-open{animation:ds-pop .14s var(--ease)}.picker-popover:not(:popover-open){opacity:0;transform:translateY(-4px) scale(.98)}.picker-search{display:flex;align-items:center;gap:8px;margin:6px 6px 0;padding:7px 10px;border-radius:var(--radius-sm);background:var(--fill, var(--surface-2));color:var(--muted);cursor:text}.picker-search:focus-within{box-shadow:inset 0 0 0 1px var(--separator)}.picker-search svg{flex-shrink:0;width:14px;height:14px}.picker-input{flex:1;min-width:0;padding:0;border:0;background:transparent;color:var(--text);font:inherit;outline:none;box-shadow:none}.picker-input:focus,.picker-input:focus-visible{outline:none;box-shadow:none;border-color:transparent}.picker-list{margin:0;padding:6px;list-style:none;max-height:300px;overflow-y:auto}.picker-option{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:var(--radius-sm);color:var(--text);cursor:pointer}.picker-option.is-active{background:var(--fill, var(--surface-2))}.picker-option[aria-selected=true]{color:var(--accent);font-weight:600}.picker-option[aria-selected=true].is-active{background:var(--accent-soft)}.picker-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.picker-check{display:inline-flex;flex-shrink:0;color:var(--accent)}.picker-check svg{width:14px;height:14px}.picker-empty{padding:10px;color:var(--muted);text-align:center}.code-hl{overflow:hidden;color:var(--text);pointer-events:none}.code-hl code{font:inherit;color:inherit}.code-field textarea{z-index:1;color:transparent;caret-color:var(--text);overflow:auto;resize:none;outline:none}.code-field textarea::selection{background:var(--focus)}.code-field textarea[readonly]{cursor:default}.code-hl .token.comment,.code-hl .token.prolog,.code-hl .token.doctype,.code-hl .token.cdata{color:var(--tok-comment);font-style:italic}.code-hl .token.punctuation{color:var(--tok-punct)}.code-hl .token.keyword,.code-hl .token.tag,.code-hl .token.atrule,.code-hl .token.important{color:var(--tok-keyword)}.code-hl .token.string,.code-hl .token.char,.code-hl .token.inserted,.code-hl .token.selector{color:var(--tok-string)}.code-hl .token.number,.code-hl .token.boolean,.code-hl .token.constant,.code-hl .token.symbol,.code-hl .token.deleted,.code-hl .token.unit{color:var(--tok-number)}.code-hl .token.function,.code-hl .token.class-name,.code-hl .token.builtin{color:var(--tok-function)}.code-hl .token.attr-name,.code-hl .token.property,.code-hl .token.variable,.code-hl .token.regex{color:var(--tok-attr)}.code-hl .token.operator,.code-hl .token.entity,.code-hl .token.url{color:var(--tok-punct)}.code-hl .token.bold{font-weight:700}.code-hl .token.italic{font-style:italic}.error-note{margin:12px 0 0;padding:10px 14px;border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-size:var(--text-sm)}.site-footer{text-align:center;padding:16px 24px;color:var(--muted);font-size:var(--text-sm);border-top:1px solid var(--separator);margin-top:8px}@media(max-width:860px){.editors{grid-template-columns:minmax(0,1fr)}.editors{--editor-h: max(260px, 60vh)}.result-float{left:10px;right:10px;flex-wrap:wrap;justify-content:flex-end;height:auto;padding:8px 8px 8px 12px}}