:root{--bg:#1b1e23;--panel:#23272e;--line:#333943;--text:#e6e9ee;--muted:#8b93a1;--accent:#3d8bfd;--error:#ff6b6b;color:var(--text);background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}[hidden]{display:none!important}.muted{color:var(--muted)}input,button{font:inherit;color:inherit;border:1px solid var(--line);background:var(--bg);border-radius:6px;outline:none;padding:8px 10px}input:focus{border-color:var(--accent)}button{cursor:pointer;background:var(--panel)}#login{place-items:center;height:100%;padding:16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:12px;width:min(340px,100%);padding:28px;display:flex}.card h1{margin:0;font-size:20px}.card p{margin:0;font-size:14px}.card button[type=submit]{background:var(--accent);border-color:var(--accent);color:#fff}.error{color:var(--error);min-height:1.2em}#app{height:100%;display:flex}#sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:10px;width:280px;padding:12px;transition:margin-left .2s;display:flex}.collapsed #sidebar{margin-left:-280px}#sidebar header{justify-content:space-between;align-items:baseline;display:flex}.logo{font-weight:600}#list{flex:1;margin:0;padding:0;list-style:none;overflow-y:auto}#list li{cursor:pointer;word-break:break-all;border-radius:6px;padding:8px 10px}#list li:hover{background:#2c313a}#list li.active{background:#1f3a63}#list li.empty{cursor:default;background:0 0}#list .name{font-size:14px}#list .meta{margin-top:2px;font-size:12px}.busy #list li{cursor:progress;opacity:.6}main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}#topbar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:10px;height:44px;padding:0 10px;display:flex}#topbar button{padding:4px 10px}#title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}#viewer{flex:1;min-height:0;position:relative;overflow:hidden}#layouts{z-index:20;border:1px solid var(--line);background:#23272eeb;border-radius:8px;gap:2px;padding:3px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}#layouts button{color:var(--muted);background:0 0;border:none;padding:5px 14px;font-size:13px}#layouts button.active{background:var(--accent);color:#fff}#layouts .hint{color:var(--muted);white-space:nowrap;align-self:center;padding:0 8px;font-size:12px}#status{z-index:100;pointer-events:none;white-space:nowrap;background:#000000bf;border-radius:6px;padding:8px 16px;font-size:14px;position:absolute;top:60px;left:50%;transform:translate(-50%)}@media (width<=768px){#sidebar{z-index:50;width:85vw;position:absolute;top:0;bottom:0;left:0}.collapsed #sidebar{margin-left:-85vw}}