: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;min-height:0;display:flex}.workbench{background:0 0;flex:1;min-height:0;display:flex;overflow:visible}.editors{flex:1;width:100%;min-height:0;display:flex}.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;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;grid-template-columns:44px minmax(0,1fr);min-height:0;padding-top:18px;display:grid;position:relative}.editor-body.wrap-enabled .syntax-layer,.editor-body.wrap-enabled .editor-field{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.line-numbers{border-right:1px solid var(--rule);min-height:0;color:var(--ink-faint);font-family:var(--mono);font-size:13px;line-height:var(--editor-row-height);text-align:right;-webkit-user-select:none;user-select:none;margin:0;padding:1px 9px 24px 0;list-style:none;overflow:hidden}.code-editor{min-width:0;min-height:0;position:relative;overflow:hidden}.syntax-layer,.editor-field{width:100%;min-width:0;height:100%;min-height:0;font-family:var(--mono);font-size:var(--editor-font-size);line-height:var(--editor-row-height);tab-size:2;white-space:pre;word-break:normal;overflow-wrap:normal;scrollbar-width:thin;scrollbar-color:var(--rule-strong) transparent;background:0 0;border:0;outline:0;margin:0;padding:0 16px 24px;position:absolute;inset:0;overflow:auto}.wrap-measurer{visibility:hidden;pointer-events:none;width:100%;height:auto;font-family:var(--mono);font-size:var(--editor-font-size);line-height:var(--editor-row-height);tab-size:2;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;margin:0;padding:0 16px 24px;position:absolute;inset:0}.wrap-measurer-line{display:block}.syntax-layer{z-index:1;color:var(--code);pointer-events:none}.editor-field{z-index:2;resize:none;color:#0000;caret-color:var(--ink);-webkit-text-fill-color:transparent}.editor-field::selection{background:color-mix(in srgb, var(--terra-soft) 78%, transparent)}.token-key,.token-string{color:var(--code-key)}.token-string{color:var(--code-string)}.token-number{color:var(--code-number)}.token-boolean{color:var(--code-boolean)}.token-null{color:var(--code-null)}.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;grid-template-columns:36px minmax(0,1fr)}.syntax-layer,.editor-field{padding-inline:16px}.line-numbers{padding-right:7px;font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}