:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f5f4;--card:#fff;--text:#1c1917;--muted:#6b6661;--line:#dcd9d5;--accent:#1c1917;--accent-text:#fff;--danger:#b42318;--ok:#0f7b3f;--lens:#0b0f0b;--lens-text:#5dfc8a;font-family:system-ui,-apple-system,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121211;--card:#1d1c1b;--text:#f2f0ed;--muted:#a5a09a;--line:#34322f;--accent:#f2f0ed;--accent-text:#121211;--danger:#ff8478;--ok:#4ade80}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-size:16px;line-height:1.5}main{max-width:640px;padding:16px 16px calc(32px + env(safe-area-inset-bottom));flex-direction:column;gap:16px;margin:0 auto;display:flex}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}h1{margin:0;font-size:22px}h2{color:var(--muted);margin:0 0 8px;font-size:15px;font-weight:600}section{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.row h2{margin:0}.badge{color:var(--muted);margin:0;font-size:13px}.badge.ok{color:var(--ok)}.hint{color:var(--muted);margin:0;font-size:13px}.lens{background:var(--lens);color:var(--lens-text);aspect-ratio:2;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;padding:10px 12px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:14px;line-height:1.45;overflow:auto}.lens-status{opacity:.75;margin-bottom:6px}.log{flex-direction:column;gap:8px;max-height:45vh;display:flex;overflow-y:auto}.log:empty{display:none}.msg{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;max-width:88%;padding:8px 12px}.msg.user{background:var(--accent);color:var(--accent-text);align-self:flex-end}.msg.assistant{background:var(--bg);border:1px solid var(--line);align-self:flex-start}.composer{align-items:flex-end;gap:8px;display:flex}label{flex-direction:column;gap:4px;font-size:14px;display:flex}label.check{flex-direction:row;align-items:center;gap:8px;min-height:44px}input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}input:not([type=checkbox]),select,textarea{width:100%;min-height:44px;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:10px 12px}textarea{resize:vertical;flex:1}button{min-height:44px;font:inherit;color:var(--accent-text);background:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:8px;padding:0 16px;font-weight:600}button.ghost{color:var(--text);border-color:var(--line);background:0 0}button.danger{color:#fff;background:var(--danger);border-color:var(--danger)}@media (prefers-color-scheme:dark){button.danger{color:#121211}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--text);outline-offset:2px}[hidden]{display:none!important}