:root{--bg:#0f1115;--card:#181b22;--line:#2a2f3a;--text:#e7e9ee;--dim:#8b93a3;--accent:#6c8cff;--err:#ff7b7b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);justify-content:center;margin:0;padding:48px 16px;font:15px/1.5 system-ui,sans-serif;display:flex}main{width:100%;max-width:640px}h1{margin:0 0 4px;font-size:28px}.sub{color:var(--dim);margin:0 0 24px}.drop{border:2px dashed var(--line);text-align:center;background:var(--card);cursor:pointer;border-radius:14px;padding:48px 16px;transition:all .15s}.drop.over,.drop:focus-visible{border-color:var(--accent);background:#1d2230;outline:none}.drop strong{color:var(--accent)}.drop small{color:var(--dim);margin-top:6px;display:block}.head{color:var(--dim);justify-content:space-between;align-items:center;margin-top:28px;display:flex}.list{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.list li{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px}.name{word-break:break-all;font-weight:600}.name span{color:var(--dim);font-weight:400}.row{gap:8px;margin-top:8px;display:flex}.row input{border:1px solid var(--line);background:var(--bg);min-width:0;color:var(--text);border-radius:8px;flex:1;padding:8px 10px;font:13px ui-monospace,monospace}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-weight:600}button.ghost{color:var(--dim);border:1px solid var(--line);background:0 0}.err{color:var(--err);margin-top:6px}.bar{background:var(--line);border-radius:2px;height:4px;margin-top:8px;overflow:hidden}.bar>div{background:var(--accent);height:100%;transition:width .1s}.note{color:var(--dim);margin-top:6px;font-size:13px}.note a{color:var(--accent)}.ext{color:var(--dim);margin:-12px 0 20px;font-size:13px}.ext a{color:var(--accent)}.drop .hint{color:var(--dim);margin-top:6px;font-size:13px;display:block}.pasterow{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.pasterow .note{margin:0}