:root{--bg:#12130f;--bg-raised:#1b1d18;--border:#2e3129;--text:#e8e6df;--text-muted:#9a9a8f;--accent:#b7c48a;--danger:#e0917f;--radius:6px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text)}.boot{height:100%;color:var(--text-muted);place-items:center;display:grid}.login{flex-direction:column;justify-content:center;gap:12px;width:min(280px,100% - 32px);min-height:100%;margin:0 auto;display:flex}.login__error{color:var(--danger);margin:0;font-size:13px}input[type=password]{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:inherit;font:inherit;text-align:center;padding:10px 12px}input:focus-visible,.modal textarea:focus-visible,.button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app{flex-direction:column;height:100%;display:flex}.bar{border-bottom:1px solid var(--border);background:var(--bg-raised);flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:10px 14px;display:flex}.bar--footer{border-bottom:0;border-top:1px solid var(--border);justify-content:flex-end}.bar__actions{flex:none;align-items:center;gap:8px;display:flex}.bar__status{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.button{border:1px solid var(--text-muted);border-radius:var(--radius);background:var(--bg);color:var(--text);font:inherit;cursor:pointer;padding:7px 13px;font-size:13px}.button:hover:not(:disabled){border-color:var(--text)}.button:disabled{opacity:.5;cursor:default}.button--primary{background:var(--accent);border-color:var(--accent);color:#14170c}.button--quiet{color:var(--text-muted)}.status--error{color:var(--danger)}.status--ok{color:var(--accent)}.status--muted,.status--busy{color:var(--text-muted)}.menu{display:flex;position:relative}.menu__trigger{align-items:center;gap:6px;display:inline-flex}.menu__chevron{margin-top:1px;transition:transform .12s}.menu__chevron--open{transform:rotate(180deg)}.menu__list{z-index:10;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);flex-direction:column;min-width:130px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 6px 20px #00000073}.menu__item{color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:7px 10px;font-size:13px}.menu__item:hover{background:var(--bg)}.menu__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.editor{flex:1;min-height:0;display:flex}textarea{color:var(--text);resize:none;tab-size:2;background:0 0;border:0;flex:1;padding:16px;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,monospace;font-size:13.5px;line-height:1.65}.editor textarea:focus,.editor textarea:focus-visible{outline:none}.modal{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);width:min(560px,100vw - 32px);color:var(--text);padding:0}.modal::backdrop{background:#0009}.modal__body{flex-direction:column;gap:14px;padding:18px;display:flex}.modal__title{margin:0;font-size:15px;font-weight:600}.modal input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);min-width:0;color:inherit;font:inherit;padding:8px 10px;font-size:13px}.modal textarea{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);flex:none;height:170px;padding:10px 12px;font-size:12.5px}.modal__error{color:var(--danger);margin:0;font-size:13px}.modal__actions{justify-content:flex-end;gap:8px;display:flex}.modal--preview[open]{flex-direction:column;width:min(760px,100vw - 32px);max-width:none;height:calc(100vh - 48px);max-height:none;padding:0;display:flex;overflow:hidden}.preview__bar{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;padding:10px 14px;display:flex}.preview__count{color:var(--text-muted);flex:1;font-size:13px}.preview__body{background:#0c0d0a;flex:1;min-height:0;padding:20px;overflow-y:auto}.empty{color:var(--text-muted);text-align:center;margin-top:32px;font-size:14px}.diagnostics{border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);white-space:pre-wrap;background:#2a1a17;margin:0 0 14px;padding:10px 12px;font-size:12.5px;line-height:1.5;overflow-x:auto}.warning{color:#d8c48a;margin:0 0 10px;font-size:12.5px}.preview{flex-direction:column;align-items:center;gap:18px;display:flex}.page{background-color:#fff;background-repeat:no-repeat;border-radius:2px;width:100%;max-width:620px;box-shadow:0 1px 3px #00000080}