.realtime-editor{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#282c34;--chrome:#21252b;--border:#181b20;--text:#abb2bf;--muted:#636d83;--red:#e06c75;--blue:#61afef}.realtime-editor *{box-sizing:border-box}.realtime-editor{background:var(--background);color:var(--text);flex-direction:column;height:100dvh;font:12px -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:hidden}.realtime-editor .workspace{flex-direction:column;flex:1;min-height:0;display:flex}.realtime-editor .toolbar{background:var(--chrome);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:stretch;height:36px;padding-right:12px;display:flex}.realtime-editor .file{background:var(--background);border-right:1px solid var(--border);align-items:center;gap:10px;min-width:160px;padding:0 17px;font-size:12px;display:flex}.realtime-editor .file-icon{color:var(--muted);font-size:16px}.realtime-editor .save-dot{background:#d19a66;border-radius:50%;width:5px;height:5px;margin-left:12px}.realtime-editor .save-dot[data-saved=true]{display:none}.realtime-editor .controls{align-items:center;gap:14px;min-width:0;display:flex}.realtime-editor button,.realtime-editor select{font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0}.realtime-editor button{border-radius:3px;padding:3px 4px}.realtime-editor button:hover,.realtime-editor select:hover{color:#d7dae0;background:#ffffff09}.realtime-editor button:focus-visible,.realtime-editor select:focus-visible{outline:1px solid var(--blue);outline-offset:1px}.realtime-editor .editor-area{flex:1;min-height:0;padding-top:17px;display:flex}.realtime-editor .gutter{color:#596273;text-align:right;flex-shrink:0;width:65px;padding-right:23px;font:13px/24px SFMono-Regular,Consolas,Liberation Mono,monospace;overflow:hidden}.realtime-editor .writing-surface{flex:1;min-width:0;position:relative}.realtime-editor .writing-surface textarea,.realtime-editor .writing-surface pre{letter-spacing:0;white-space:pre;tab-size:2;resize:none;background:0 0;border:0;width:100%;height:100%;margin:0;padding:0 24px 24px 0;font:13px/24px SFMono-Regular,Consolas,Liberation Mono,monospace;position:absolute;inset:0;overflow:auto}.realtime-editor .writing-surface pre{pointer-events:none;color:#0000;scrollbar-width:none}.realtime-editor .writing-surface textarea{color:#abb2bf;caret-color:#528bff;scrollbar-color:#3e4451 transparent;scrollbar-width:thin;outline:none}.realtime-editor .writing-surface textarea::selection{background:#3e4451aa}.realtime-editor .red{-webkit-text-decoration:underline wavy var(--red);-webkit-text-decoration:underline wavy var(--red);text-decoration:underline wavy var(--red);text-underline-offset:4px;text-decoration-thickness:1px}.realtime-editor .blue{-webkit-text-decoration:underline wavy var(--blue);-webkit-text-decoration:underline wavy var(--blue);text-decoration:underline wavy var(--blue);text-underline-offset:4px;text-decoration-thickness:1px}.realtime-editor .both{-webkit-text-decoration:underline wavy var(--red);-webkit-text-decoration:underline wavy var(--red);text-decoration:underline wavy var(--red);text-underline-offset:4px;box-shadow:0 8px 0 -7px var(--blue)}.realtime-editor .statusbar{background:var(--chrome);border-top:1px solid var(--border);height:27px;color:var(--muted);flex-shrink:0;justify-content:space-between;gap:16px;padding:0 12px;font-size:11px;display:flex}.realtime-editor .statusbar button,.realtime-editor .statusbar select{font-size:11px}.realtime-editor .jev-toggle{align-items:center;gap:6px;display:flex}.realtime-editor .status-dot{background:#98c379;border-radius:50%;width:5px;height:5px}.realtime-editor .status-dot.paused{background:#636d83}.realtime-editor .check-state{color:#697386;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.realtime-editor .issue-count{color:#8992a3}.realtime-editor .position{color:#8992a3;font:10px monospace}.realtime-editor .check-button{color:#8992a3}.realtime-editor .check-button:disabled{opacity:.4;cursor:default}.realtime-editor select{background:var(--chrome);max-width:110px;padding:2px}.realtime-editor .error{color:#e5a0a6;border-top:1px solid var(--border);background:#35272e;padding:9px 14px;font-size:11px}.realtime-editor .findings{background:var(--chrome);flex-shrink:0;max-height:180px;padding:10px 16px;overflow:auto}.realtime-editor .findings-heading{color:#8992a3;margin-bottom:6px;font-size:11px}.realtime-editor .findings-heading span{color:var(--muted);margin-left:6px}.realtime-editor .finding{text-align:left;align-items:center;gap:10px;width:100%;padding:7px 0;font-size:11px;display:flex}.realtime-editor .finding strong{min-width:140px;font-weight:400}.realtime-editor .finding>span:last-child{white-space:nowrap;color:var(--muted);margin-left:auto}.realtime-editor .excerpt{text-overflow:ellipsis;white-space:nowrap;color:#737d90;overflow:hidden}.realtime-editor .issue-dot{background:var(--red);border-radius:50%;flex-shrink:0;width:5px;height:5px}.realtime-editor .issue-dot.grammar{background:var(--blue)}.realtime-editor .sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.realtime-editor .pulse{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.realtime-editor .pulse{animation:none}}@media (max-width:600px){.realtime-editor .check-state{display:none}.realtime-editor .controls{gap:8px}.realtime-editor .gutter{width:43px;padding-right:15px}.realtime-editor .statusbar{padding:0 7px}.realtime-editor .excerpt{display:none}}.realtime-editor .writing-surface pre{color:#abb2bf}.realtime-editor .writing-surface textarea{color:#0000;-webkit-text-fill-color:transparent}.realtime-editor .syntax-keyword{color:#c678dd}.realtime-editor .syntax-string{color:#98c379}.realtime-editor .syntax-comment{color:#5c6370;font-style:italic}.realtime-editor .syntax-literal{color:#d19a66}.realtime-editor .syntax-function{color:#61afef}.realtime-editor .syntax-type{color:#e5c07b}.realtime-editor .toolbar select{margin-right:4px;font-size:11px}.realtime-editor .detection-label{color:#697386;font-size:11px}.realtime-editor .issue-tooltip{z-index:20;pointer-events:none;color:#d7dae0;background:#21252b;border:1px solid #454c59;border-radius:5px;width:max-content;max-width:min(300px,100vw - 16px);padding:10px 12px;font-size:12px;line-height:1.5;position:fixed;box-shadow:0 6px 20px #0005}.realtime-editor .issue-tooltip small{color:#737d90;margin-top:5px;font-size:10px;display:block}