:root{color-scheme:light dark;--fg: #111;--bg: #fff;--muted: #6b7280;--pri: #3b82f6;--ok: #16a34a;--warn: #f59e0b;--err: #ef4444}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;background:var(--bg);color:var(--fg)}.wrap{max-width:1500px;margin:5px auto;padding:0 16px 64px}h1{font-size:clamp(20px,2.5vw,28px);margin:0 0 12px}.card{background:#7f7f7f0f;border:1px solid rgba(127,127,127,.2);border-radius:16px;padding:18px;box-shadow:0 6px 24px #0000000f}.grid{display:grid;gap:12px}.g-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.g-cols-2.grid{row-gap:10px;column-gap:50px}.row{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center}input[type=text],input[type=password],input[type=file],input[type=search]{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(127,127,127,.3);background:transparent;color:var(--fg)}input::placeholder{color:var(--muted)}.btnbar{display:flex;gap:10px;flex-wrap:wrap}button{appearance:none;border:0;border-radius:12px;padding:10px 14px;font-weight:600;color:#fff;cursor:pointer;background:var(--pri)}button.secondary{background:#7f7f7f40;color:var(--fg)}button.ok{background:var(--ok)}button.warn{background:var(--warn)}button.err{background:var(--err)}button[disabled]{opacity:.55;cursor:not-allowed}.muted{color:var(--muted);font-size:13px}.status{font-weight:600}progress{width:100%;height:12px}table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}th,td{padding:8px 10px;border-bottom:1px solid rgba(127,127,127,.2);white-space:nowrap}th{text-align:left;color:var(--muted);font-weight:600}td.key{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pager{display:flex;gap:8px;align-items:center;justify-content:flex-end}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;background:#7f7f7f2e;padding:2px 6px;border-radius:6px}.log{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;background:#7f7f7f14;border:1px solid rgba(127,127,127,.2);padding:10px;border-radius:12px;height:120px;overflow:auto}.foot{margin-top:18px;display:flex;justify-content:space-between;gap:10px;align-items:center}*,*:before,*:after{box-sizing:border-box}@media(prefers-color-scheme:dark){:root{--fg: #e5e7eb;--bg: #0b0f1a;--muted: #9ca3af;--pri: #60a5fa;--ok: #22c55e;--warn: #fbbf24;--err: #f87171}}@media(max-width:980px){.g-cols-2,.row{grid-template-columns:1fr}}:root{--btn-bg: #1f6feb;--btn-bg-hover: #1a5fd0;--btn-ink: #fff;--ring: rgba(31, 111, 235, .35);--badge-bg: #eef2ff;--badge-ink: #334155}.file-picker{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.btn-folder{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem .9rem;border-radius:.75rem;background:var(--btn-bg);color:var(--btn-ink);font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0000001f;transition:transform .04s ease,background .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none}.btn-folder:hover{background:var(--btn-bg-hover)}.btn-folder:active{transform:translateY(1px)}.btn-folder:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}#btnUpload{background-color:#ef4444;color:#fff}.file-summary{display:inline-flex;align-items:center;padding:.45rem .7rem;border-radius:999px;background:var(--badge-bg);color:var(--badge-ink);font-weight:600;letter-spacing:.01em}.container{display:flex;gap:18px;align-items:flex-start}#settings-panel{width:360px;flex-shrink:0;position:sticky;top:24px}#main-content{flex:1;min-width:0}#settings-panel .row{grid-template-columns:1fr;gap:6px;align-items:flex-start}#settings-panel label{font-weight:600;font-size:14px}#main-content .card{width:100%}#main-content .card progress{width:auto;flex:1}@media(max-width:980px){.container{flex-direction:column;align-items:stretch}#settings-panel{width:100%;position:static}}#connectStatus{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background-color:#7f7f7f1a;transition:background-color .3s ease,color .3s ease;margin-top:10px}#connectStatus .indicator{width:10px;height:10px;border-radius:50%;background-color:var(--muted);transition:background-color .3s ease;flex-shrink:0}#connectStatus .text{font-weight:600}#connectStatus.status-connected{background-color:rgba(var(--ok),.15);color:var(--ok)}#connectStatus.status-connected .indicator{background-color:var(--ok)}#connectStatus.status-connecting{background-color:rgba(var(--pri),.15);color:var(--pri)}#connectStatus.status-connecting .indicator{background-color:var(--pri);animation:pulse 1.5s infinite}#connectStatus.status-error{background-color:rgba(var(--err),.15);color:var(--err)}#connectStatus.status-error .indicator{background-color:var(--err)}#connectStatus.status-disconnected{background-color:#7f7f7f1a;color:var(--muted)}#connectStatus.status-disconnected .indicator{background-color:var(--muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}