.rulator-editor{--pace-color:#1740cc;--speed-color:#007000;--distance-color:#a41100;--time-color:#9a007a;--connector-color:#505d7a;--number-color:#7a4a00;flex:1;min-width:0;position:relative;overflow:hidden}body.dark .rulator-editor{--pace-color:#85b3ff;--speed-color:#6ed274;--distance-color:#ffa242;--time-color:#f98cd7;--connector-color:#9ba5b8;--number-color:#dab155}.rulator-editor .cm-editor{font-family:var(--font-mono)}.rulator-editor .cm-editor .cm-scroller{font-family:var(--font-mono);font-size:16px;font-weight:400;line-height:1.75}.rulator-editor .cm-editor .cm-content{font-family:var(--font-mono);color:var(--text);font-size:16px;line-height:1.75}@media (min-width:640px){.rulator-editor .cm-editor .cm-content{font-size:.9375rem}}@media (min-width:1024px){.rulator-editor .cm-editor .cm-content{font-size:1rem}}.cm-error-line,.cm-rulator-correction-mark{text-underline-offset:3px;-webkit-text-decoration:underline wavy #e95145;text-decoration:underline wavy #e95145;-webkit-text-decoration:underline wavy lab(56.4069% 59.1618 40.4813);text-decoration:underline wavy lab(56.4069% 59.1618 40.4813);text-decoration-thickness:1.5px}.rulator-editor .cm-tooltip{font-family:var(--font-sans)}.rulator-editor .cm-tooltip.cm-rulator-correction-tooltip{border:1px solid var(--border);background:var(--surface-elevated);max-width:min(520px,100vw - 1.5rem);color:var(--text);box-shadow:var(--shadow-lg);border-radius:8px;align-items:center;gap:.375rem;padding:.375rem;font-size:.75rem;line-height:1;display:flex}.cm-rulator-correction-label{color:var(--text-muted);white-space:nowrap;padding:0 .25rem}.cm-rulator-correction-chip{border:1px solid var(--border);background:var(--accent-soft);min-height:1.5rem;color:var(--accent);font-family:var(--font-mono);cursor:pointer;border-radius:6px;padding:.1875rem .5rem;font-size:.75rem;font-weight:600;line-height:1;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out}.cm-rulator-correction-chip:hover,.cm-rulator-correction-chip:focus-visible{border-color:var(--accent);background:var(--accent);color:var(--surface);outline:none}.rulator-editor .cm-tooltip.cm-tooltip-autocomplete{border:1px solid var(--border);background:var(--surface-elevated);color:var(--text);box-shadow:var(--shadow-lg);border-radius:8px;overflow:hidden}.rulator-editor .cm-tooltip.cm-tooltip-autocomplete>ul{min-width:17rem;max-height:15rem;font-family:var(--font-mono);padding:.25rem}.rulator-editor .cm-tooltip.cm-tooltip-autocomplete>ul>li{min-height:2rem;color:var(--text);border-radius:6px;padding:.375rem .5rem;line-height:1.2}.rulator-editor .cm-tooltip.cm-tooltip-autocomplete>ul>li:hover{background:var(--accent-soft)}.rulator-editor .cm-tooltip.cm-tooltip-autocomplete>ul>li[aria-selected]{background:var(--accent);color:var(--surface)}.rulator-editor .cm-completionLabel{font-weight:650}.rulator-editor .cm-completionDetail{color:var(--text-muted);font-family:var(--font-sans);margin-left:.625rem;font-size:.75rem}.rulator-editor .cm-tooltip.cm-tooltip-autocomplete>ul>li[aria-selected] .cm-completionDetail{color:color-mix(in oklch, var(--surface) 72%, var(--accent) 28%)}body.dark .cm-rulator-correction-chip:hover,body.dark .cm-rulator-correction-chip:focus-visible,body.dark .rulator-editor .cm-tooltip.cm-tooltip-autocomplete>ul>li[aria-selected]{color:var(--bg)}.editor-placeholder{font-family:var(--font-mono);color:var(--text-muted);pointer-events:none;opacity:.5;-webkit-user-select:none;user-select:none;white-space:nowrap;text-overflow:ellipsis;z-index:10;padding:0 8px;font-size:16px;font-style:italic;line-height:1.75;transition:opacity .3s;position:absolute;top:12px;left:0;right:0;overflow:hidden}@media (min-width:640px){.editor-placeholder{font-size:.9375rem}}@media (min-width:1024px){.editor-placeholder{font-size:1rem}}