:root{--bg:#0d1117;--card:#151b23;--border:#2a3441;--text:#e6edf3;--dim:#8b949e;--ok:#3fb950;--accent:#58a6ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;padding:2rem 1rem 4rem;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:44rem;margin:0 auto}h1{margin:0 0 .25rem;font-size:1.6rem}h2{margin:0 0 .75rem;font-size:1rem}h3{margin:0;font-size:1rem}.lede{color:var(--dim);margin:0 0 2rem}.card{border:1px solid var(--border);background:var(--card);border-radius:12px;margin-bottom:1.25rem;padding:1.1rem 1.2rem}.actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}button{font:inherit;color:var(--text);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;padding:.5rem .9rem}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#06121f;font-weight:600}.state{margin:0;font-size:.92rem}.state.is-idle{color:var(--dim)}.state.is-waiting{color:var(--accent)}.state.is-connected{color:var(--ok);font-weight:600}.fold{margin-top:.9rem;font-size:.9rem}.fold summary{cursor:pointer;color:var(--dim)}.row{gap:.4rem;margin-top:.5rem;display:flex}.row input{min-width:0;color:var(--text);border:1px solid var(--border);background:#0b1017;border-radius:8px;flex:1;padding:.4rem .6rem;font-family:ui-monospace,Menlo,monospace;font-size:.75rem}.drop{border:1px dashed var(--border);text-align:center;color:var(--dim);border-radius:10px;padding:1.4rem}.drop.is-over{border-color:var(--accent);color:var(--text)}.drop input{display:none}.drop .link{color:var(--accent);cursor:pointer;text-decoration:underline}.files{margin:1rem 0 0;padding:0;list-style:none}.files li{border-top:1px solid var(--border);align-items:center;gap:.75rem;padding:.5rem 0;display:flex}.files .name{overflow-wrap:anywhere;flex:1;min-width:0}.files .size{color:var(--dim);white-space:nowrap;font-size:.85rem}.hint{color:var(--dim);font-size:.9rem}.modal{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:12px;max-width:26rem}.modal::backdrop{background:#0009}.modal-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.close{border:0;padding:0 .3rem;font-size:1.3rem;line-height:1}.tree .files{border-left:1px solid var(--border);margin:0;padding-left:1.1rem}.tree li.folder{border-top:1px solid var(--border);padding:0;display:block}.tree li.file{border-top:1px solid var(--border)}.tree .files li:first-child{border-top:0}.folder-head{text-align:left;width:100%;font:inherit;color:var(--text);border:0;padding:.5rem 0;display:block}.folder-head:hover{color:var(--accent)}.top{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.locale select{appearance:none;border:1px solid var(--border);color:var(--dim);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:.3rem .7rem;font-size:.85rem}.locale option{background:var(--card);color:var(--text)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}