.code-editor{min-width:0;--ce-line-height:24px;--ce-gutter:44px;background:var(--bg);border-block:1px solid var(--line)}.code-editor:has(textarea[hidden]){display:none}.code-editor-main{display:grid;grid-template-columns:var(--ce-gutter) minmax(0,1fr);align-items:stretch;position:relative;overflow:hidden;min-width:0}.ce-gutter{grid-column:1;grid-row:1;overflow:hidden;position:relative;z-index:3;pointer-events:none;min-height:0;background:color-mix(in srgb,var(--panel) 75%,var(--bg));border-right:1px solid var(--line)}.ce-gutter-track{position:absolute;top:0;left:0;right:0;padding-top:12px;will-change:transform}.ce-line-number{font:11px/var(--ce-line-height) var(--mono,monospace);padding-right:10px;text-align:right;color:var(--muted);position:relative}.ce-line-number.is-current{color:var(--accent-text,#ff8a1f);background:color-mix(in srgb,var(--app-accent,#ff8a1f) 12%,transparent);font-weight:600}.ce-line-number.has-error{color:var(--danger);background:color-mix(in srgb,var(--danger) 12%,transparent)}.ce-line-number.has-error:before{content:'!';position:absolute;left:4px;font-weight:700}.code-editor #source{grid-column:2;grid-row:1;position:relative;z-index:2;display:block;width:100%;min-width:0;min-height:360px;max-height:700px;height:440px;resize:vertical;padding:12px 14px;margin:0;border:0;border-radius:0;background:transparent;color:var(--fg);font:14px/var(--ce-line-height) var(--mono,monospace);tab-size:2;white-space:pre;overflow:auto;overflow-wrap:normal;scroll-behavior:auto;box-shadow:none;caret-color:var(--app-accent,#ff8a1f)}.code-editor #source:focus-visible{outline:2px solid var(--app-accent,#ff8a1f);outline-offset:-2px}.code-editor.is-wrapped #source{white-space:pre-wrap;overflow-wrap:break-word}.ce-active-line,.ce-error-line{position:absolute;z-index:1;top:0;left:var(--ce-gutter);right:0;height:var(--ce-line-height);pointer-events:none;background:color-mix(in srgb,var(--app-accent,#ff8a1f) 7%,transparent);border-left:2px solid color-mix(in srgb,var(--app-accent,#ff8a1f) 55%,transparent)}.ce-error-line{background:color-mix(in srgb,var(--danger) 9%,transparent);border-left-color:var(--danger)}.ce-measure{position:absolute;left:calc(var(--ce-gutter) + 14px);top:0;width:calc(100% - var(--ce-gutter) - 28px);visibility:hidden;pointer-events:none;z-index:-1;font:14px/var(--ce-line-height) var(--mono,monospace);tab-size:2;white-space:pre;overflow-wrap:normal}.code-editor.is-wrapped .ce-measure{white-space:pre-wrap;overflow-wrap:break-word}.ce-measure-line{min-height:var(--ce-line-height)}.ce-footer{display:flex;align-items:center;gap:10px;padding:6px 12px;border-top:1px solid var(--line);flex-wrap:wrap;background:var(--panel)}.ce-position{font:10px/1.6 var(--mono,monospace);color:var(--muted);white-space:normal}.ce-key-hint{font-size:10px;color:var(--muted);margin-left:auto}.ce-wrap-toggle{font-size:10px;min-height:44px;padding:7px 9px;margin-left:auto;border-radius:6px}.ce-error-message{font-size:12px;line-height:1.7;color:var(--danger);padding:10px 14px;border-top:1px solid var(--line);overflow-wrap:anywhere;background:var(--panel)}
@media(max-width:600px){.code-editor #source{font-size:16px;min-height:320px;height:380px}.ce-key-hint{display:none}.ce-footer{padding:5px 10px}.ce-position{font-size:10px}.ce-measure{font-size:16px}.ce-wrap-toggle{font-size:11px}.ce-line-number{font-size:10px}}