:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f5f0e7;--surface:#fbf8f2;--surface-soft:#f7f1e8;--surface-raised:#fffdf8;--ink:#2a2521;--ink-soft:#625a52;--ink-faint:#8a8178;--rule:#dfd3c4;--rule-strong:#d2c2ae;--terra:#ad503b;--terra-deep:#91402e;--terra-soft:#ead0c5;--sage:#49805f;--code:#332d29;--code-key:#b13e31;--code-string:#a84638;--code-number:#285f71;--code-boolean:#3e7c57;--code-null:#8a6754;--shadow:0 14px 42px #4c392612;--body:"Avenir Next", Avenir, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#201c19;--surface:#27221e;--surface-soft:#2b2521;--surface-raised:#322a25;--ink:#f1e9df;--ink-soft:#c6b9ac;--ink-faint:#95877b;--rule:#473b33;--rule-strong:#5a493e;--terra:#c96b51;--terra-deep:#b85840;--terra-soft:#59362e;--sage:#6fa181;--code:#ece2d8;--code-key:#ee8d78;--code-string:#df806d;--code-number:#79aec0;--code-boolean:#83bb92;--code-null:#bd9e8b;--shadow:0 18px 46px #0000003d}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);font-family:var(--body);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0}button,textarea,input{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible,[role=separator]:focus-visible{outline:3px solid color-mix(in srgb, var(--terra) 42%, transparent);outline-offset:2px}.page-shell{flex-direction:column;width:100%;height:100svh;min-height:100svh;padding:0 14px 12px;display:flex;overflow:hidden}.site-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2.5vw,38px);min-height:60px;padding:0 12px;display:grid}.brand{white-space:nowrap;letter-spacing:.01em;align-items:center;gap:12px;font-size:19px;font-weight:650;display:inline-flex}.brand svg{color:var(--ink)}.tool-switcher{border:1px solid var(--rule);background:color-mix(in srgb, var(--surface-soft) 78%, transparent);scrollbar-width:none;border-radius:999px;align-items:center;gap:4px;width:fit-content;min-width:0;max-width:100%;padding:3px;display:flex;overflow-x:auto}.tool-switcher::-webkit-scrollbar{display:none}.tool-tab{min-height:36px;color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:7px 20px;font-size:14px;font-weight:560;transition:color .16s,background-color .16s,transform .16s}.tool-tab:hover{color:var(--ink);background:color-mix(in srgb, var(--surface-raised) 70%, transparent)}.tool-tab:active{transform:translateY(1px)}.tool-tab.active{color:#fffaf3;background:var(--terra-deep);min-width:120px;box-shadow:0 4px 12px color-mix(in srgb, var(--terra-deep) 27%, transparent);font-weight:720}.tool-tab.icon-only{place-items:center;width:38px;min-width:38px;padding-inline:0;display:grid}.tool-divider{background:var(--rule);flex:none;width:1px;height:22px;margin-inline:4px}.global-actions{justify-content:flex-end;align-items:center;gap:14px;display:flex}.theme-control,.settings-button{cursor:pointer;background:0 0;border:0;min-height:36px;padding:4px}.theme-control{align-items:center;gap:10px;display:inline-flex}.theme-track{border:1px solid var(--rule-strong);background:#cfc8bf;border-radius:999px;width:44px;height:24px;transition:background-color .18s;position:relative}.theme-track span{background:#fffdf8;border-radius:50%;width:16px;height:16px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 2px 7px #4033282e}.theme-control[aria-checked=true] .theme-track{background:var(--terra-deep)}.theme-control[aria-checked=true] .theme-track span{transform:translate(20px)}.settings-button{color:var(--ink-soft);align-items:center;gap:7px;font-size:14px;display:inline-flex}.theme-control:hover,.settings-button:hover{color:var(--terra-deep)}main{flex:1;width:100%;min-width:0;min-height:0;display:flex}.workbench{background:0 0;flex:1;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.editors{flex:1;width:100%;min-width:0;min-height:0;display:flex;overflow:hidden}.editor-panel{border:1px solid var(--rule-strong);background:var(--surface);width:100%;min-width:0;min-height:0;box-shadow:var(--shadow);border-radius:15px;flex-direction:column;flex:1;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:18px;width:100%;min-width:0;max-width:100%;min-height:46px;padding:4px 14px 4px 16px;display:flex}.workspace-header{grid-template-columns:auto minmax(0,1fr) auto;column-gap:30px;display:grid}.header-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.validation-badge{border:1px solid color-mix(in srgb, var(--terra) 50%, var(--rule));min-height:28px;color:var(--terra-deep);background:color-mix(in srgb, var(--terra-soft) 52%, transparent);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:4px 8px;font-size:12px;font-weight:650;display:inline-flex}.wrap-control{min-height:30px;color:var(--ink-faint);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:4px 5px 4px 7px;font-size:12px;font-weight:560;display:inline-flex}.wrap-control:hover{color:var(--terra-deep);background:var(--surface-raised)}.wrap-track{border:1px solid var(--rule-strong);background:color-mix(in srgb, var(--ink-faint) 30%, transparent);border-radius:999px;flex:none;width:30px;height:18px;transition:background-color .16s;position:relative}.wrap-track span{background:var(--surface-raised);border-radius:50%;width:12px;height:12px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #3d312729}.wrap-control[aria-checked=true] .wrap-track{border-color:var(--terra-deep);background:var(--terra-deep)}.wrap-control[aria-checked=true] .wrap-track span{transform:translate(14px)}.panel-title{letter-spacing:.03em;margin:0;font-size:15px;font-weight:740}.command-bar{scrollbar-width:none;align-items:center;gap:10px;min-width:0;padding:2px;display:flex;overflow-x:auto}.command-bar::-webkit-scrollbar{display:none}.command-button,.quiet-button{border:1px solid var(--rule);min-height:30px;color:var(--ink-soft);background:color-mix(in srgb, var(--surface-raised) 50%, transparent);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;font-size:13px;font-weight:560;transition:border-color .15s,color .15s,background-color .15s,transform .1s;display:inline-flex}.command-button{color:var(--ink);padding:6px 10px;font-size:13px;font-weight:650}.command-icon{color:var(--ink-faint);opacity:.76;flex:none;transition:color .15s,opacity .15s}.command-button:hover .command-icon{color:currentColor;opacity:1}.quiet-button{background:0 0;border-color:#0000;padding:6px 10px}.command-button:hover,.quiet-button:hover{border-color:color-mix(in srgb, var(--terra) 55%, var(--rule));color:var(--terra-deep);background:var(--surface-raised)}.command-button:active,.quiet-button:active{background:var(--terra-soft);transform:translateY(1px)}.quiet-button:disabled{cursor:not-allowed;opacity:.42}.copy-button{border-color:var(--rule);background:color-mix(in srgb, var(--surface-raised) 45%, transparent)}.editor-body{--editor-font-size:14px;--editor-row-height:25.2px;flex:1;width:100%;min-width:0;max-width:100%;min-height:0;position:relative;overflow:hidden}.code-editor{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.code-editor .cm-editor{width:100%;min-width:0;max-width:100%;height:100%;color:var(--code);font-family:var(--mono);font-size:var(--editor-font-size);background:0 0;position:relative;overflow:hidden}.code-editor .cm-editor.cm-focused{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--terra) 18%, transparent);outline:0}.code-editor .cm-scroller{overscroll-behavior-x:contain;width:100%;min-width:0;max-width:100%;font-family:var(--mono);line-height:var(--editor-row-height);scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent;overflow:auto}.code-editor .cm-content{min-height:100%;caret-color:var(--ink);font-family:var(--mono);padding:18px 16px 24px 8px}.code-editor .cm-line{min-height:var(--editor-row-height);padding:0}.code-editor .cm-gutters{border-right:1px solid var(--rule);color:var(--ink-faint);background:color-mix(in srgb, var(--surface-soft) 54%, var(--surface));font-family:var(--mono);font-size:13px;line-height:var(--editor-row-height)}.code-editor .cm-lineNumbers .cm-gutterElement{min-width:33px;line-height:var(--editor-row-height);text-align:right;padding:0 6px 0 4px}.code-editor .cm-foldGutter{width:23px}.code-editor .cm-foldGutter .cm-gutterElement{width:23px;line-height:var(--editor-row-height);cursor:pointer;justify-content:center;align-items:center;padding:0 4px 0 2px;display:flex}.cm-fold-icon{border:1px solid color-mix(in srgb, var(--terra) 72%, var(--rule));width:15px;height:15px;color:var(--terra);background:var(--surface-raised);font-family:var(--body);border-radius:5px;justify-content:center;align-items:center;font-size:13px;font-weight:720;line-height:1;transition:color .14s,border-color .14s,background-color .14s;display:inline-flex}.cm-fold-icon.is-closed{border-color:color-mix(in srgb, var(--sage) 72%, var(--rule));color:var(--sage)}.code-editor .cm-foldGutter .cm-gutterElement:hover .cm-fold-icon{border-color:var(--terra-deep);color:var(--terra-deep);background:var(--terra-soft)}.code-editor .cm-foldPlaceholder{border:1px solid var(--rule);color:var(--ink-faint);background:var(--surface-soft);font-family:var(--body);cursor:pointer;border-radius:5px;margin:0 4px;padding:0 6px;font-size:11px;line-height:17px}.code-editor .cm-matchingBracket{background:var(--terra-soft);outline:1px solid color-mix(in srgb, var(--terra) 46%, transparent);border-radius:3px;color:var(--terra-deep)!important}.code-editor .cm-cursor,.code-editor .cm-dropCursor{border-left-color:var(--ink)!important}.code-editor .cm-selectionBackground,.code-editor.cm-focused .cm-selectionBackground{background:color-mix(in srgb, var(--terra-soft) 82%, transparent)!important}.code-editor .cm-content ::selection{background:color-mix(in srgb, var(--terra-soft) 82%, transparent)}.code-editor .cm-panels{border-color:var(--rule);color:var(--ink-soft);background:var(--surface-soft);font-family:var(--body)}.code-editor .cm-panels-top{border-bottom:1px solid var(--rule)}.code-editor .cm-panel.cm-search{grid-template-columns:minmax(220px,1.3fr) repeat(6,max-content);grid-template-areas:"find prev next select case regexp word""replace-field replace-button replace-all. . . .";align-items:center;gap:7px 8px;min-width:0;padding:8px 42px 8px 10px;display:grid;position:relative}.code-editor .cm-panel.cm-search br{display:none}.code-editor .cm-panel.cm-search input,.code-editor .cm-panel.cm-search button,.code-editor .cm-panel.cm-search label{margin:0}.code-editor .cm-panel.cm-search .cm-textfield{border:1px solid var(--rule-strong);width:100%;min-width:0;height:30px;color:var(--ink);background:var(--surface-raised);border-radius:7px;outline:0;padding:5px 9px}.code-editor .cm-panel.cm-search .cm-textfield:focus{border-color:var(--terra);box-shadow:0 0 0 2px color-mix(in srgb, var(--terra) 16%, transparent)}.code-editor .cm-panel.cm-search .cm-button{border:1px solid var(--rule);min-height:30px;color:var(--ink-soft);background:var(--surface-raised);cursor:pointer;background-image:none;border-radius:7px;padding:5px 9px;font-size:12px}.code-editor .cm-panel.cm-search .cm-button:hover{border-color:var(--terra);color:var(--terra-deep)}.code-editor .cm-panel.cm-search label{min-height:30px;color:var(--ink-faint);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:5px;padding:0 6px;font-size:11px;display:inline-flex}.code-editor .cm-panel.cm-search label:hover{color:var(--ink-soft);background:color-mix(in srgb, var(--surface-raised) 66%, transparent)}.code-editor .cm-panel.cm-search label:has(input:checked){border-color:color-mix(in srgb, var(--terra) 35%, var(--rule));color:var(--terra-deep);background:color-mix(in srgb, var(--terra-soft) 58%, transparent)}.code-editor .cm-panel.cm-search input[type=checkbox]{width:13px;height:13px;accent-color:var(--terra-deep)}.code-editor .cm-panel.cm-search [name=search]{grid-area:find}.code-editor .cm-panel.cm-search [name=prev]{grid-area:prev}.code-editor .cm-panel.cm-search [name=next]{grid-area:next}.code-editor .cm-panel.cm-search [name=select]{grid-area:select}.code-editor .cm-panel.cm-search label:has([name=case]){grid-area:case}.code-editor .cm-panel.cm-search label:has([name=re]){grid-area:regexp}.code-editor .cm-panel.cm-search label:has([name=word]){grid-area:word}.code-editor .cm-panel.cm-search input[name=replace]{grid-area:replace-field}.code-editor .cm-panel.cm-search button[name=replace]{grid-area:replace-button}.code-editor .cm-panel.cm-search [name=replaceAll]{grid-area:replace-all}.code-editor .cm-panel.cm-search [name=close]{width:30px;height:30px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;padding:0;font-size:20px;line-height:1;display:inline-grid;top:8px;right:8px}.code-editor .cm-panel.cm-search [name=close]:hover{color:var(--terra-deep);background:var(--surface-raised)}@media (max-width:900px){.code-editor .cm-panel.cm-search{grid-template-columns:minmax(160px,1fr) repeat(3,max-content);grid-template-areas:"find prev next select""case regexp word.""replace-field replace-field replace-button replace-all"}}@media (max-width:620px){.code-editor .cm-panel.cm-search{grid-template-columns:minmax(0,1fr) repeat(2,max-content);grid-template-areas:"find find find""prev next select""case regexp word""replace-field replace-field replace-field""replace-button replace-all."}}.code-editor .cm-searchMatch{background:#f3c94e9e}.code-editor .cm-searchMatch-selected{background:color-mix(in srgb, var(--terra) 36%, #f3c94e);outline:1px solid var(--terra)}.cm-json-sticky-scope{z-index:8;color:var(--code);background:var(--surface);box-shadow:0 6px 12px color-mix(in srgb, var(--ink) 5%, transparent);opacity:0;pointer-events:none;position:absolute;top:0;left:0;right:0;overflow:hidden}.cm-json-sticky-scope.is-visible{opacity:1}.cm-json-sticky-row{min-height:var(--editor-row-height);background:color-mix(in srgb, var(--surface) 94%, var(--surface-soft));box-shadow:inset 0 -1px var(--rule);font-family:var(--mono);font-size:var(--editor-font-size);line-height:var(--editor-row-height);align-items:stretch;display:grid}.cm-json-sticky-line-number,.cm-json-sticky-fold-spacer{color:var(--ink-faint);background:color-mix(in srgb, var(--surface-soft) 54%, var(--surface))}.cm-json-sticky-line-number{text-align:right;border-right:0;padding:0 6px 0 4px;font-size:13px}.cm-json-sticky-fold-spacer{border-right:1px solid var(--rule)}.cm-json-sticky-code{white-space:pre;min-width:max-content;padding:0 16px 0 8px}.cm-json-sticky-code .tok-propertyName{color:var(--code-key)}.cm-json-sticky-code .tok-string{color:var(--code-string)}.cm-json-sticky-code .tok-number{color:var(--code-number)}.cm-json-sticky-code .tok-bool{color:var(--code-boolean)}.cm-json-sticky-code .tok-null{color:var(--code-null)}.cm-json-sticky-index{color:var(--terra);font-weight:650}.toast{z-index:20;border:1px solid var(--terra-deep);color:#fffaf4;background:var(--terra-deep);opacity:0;pointer-events:none;border-radius:10px;padding:11px 16px;font-size:13px;font-weight:650;transition:opacity .18s,transform .18s;position:fixed;bottom:24px;right:24px;transform:translateY(16px);box-shadow:0 12px 30px #48271e38}.toast.visible{opacity:1;transform:translateY(0)}@media (max-width:1180px){.site-header{gap:18px}.workspace-header{column-gap:12px}.command-bar{gap:6px}.tool-tab{padding-inline:15px}.tool-tab.active{min-width:104px}.settings-button span{display:none}.command-button{gap:4px;padding-inline:8px;font-size:12px}}@media (max-width:900px){.page-shell{padding-inline:10px}.site-header{grid-template-columns:auto minmax(0,1fr);min-height:56px;padding-inline:8px}.brand{font-size:0}.brand svg{width:26px;height:26px}.global-actions{display:none}.tool-switcher{justify-self:end}.editors{flex-direction:column;gap:10px;display:flex;overflow-y:auto}.editor-panel{min-height:520px}}@media (max-width:620px){.page-shell{padding:0 6px 6px}.site-header{gap:8px;min-height:52px;padding-inline:4px}.brand{display:none}.tool-switcher{grid-column:1/-1;width:100%}.tool-tab{min-height:34px;padding-inline:12px;font-size:13px}.tool-tab.active{min-width:86px}.panel-header{min-height:46px;padding-inline:12px}.workspace-header{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.command-bar{gap:4px}.quiet-button{padding-inline:8px}.quiet-button span,.wrap-label,.validation-label{display:none}.validation-badge{padding-inline:6px}.editor-body{--editor-font-size:12px;--editor-row-height:21.6px}.code-editor .cm-content{padding-inline:7px 12px}.code-editor .cm-gutters{font-size:12px}.cm-json-sticky-line-number{padding-inline:3px 5px;font-size:12px}.cm-json-sticky-code{padding-inline:7px 12px}.code-editor .cm-lineNumbers .cm-gutterElement{min-width:29px;padding-inline:3px 5px}.code-editor .cm-foldGutter,.code-editor .cm-foldGutter .cm-gutterElement{width:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}