*{box-sizing:border-box}
body{margin:0;padding:16px;font:15px/1.5 system-ui,sans-serif;background:#0f1115;color:#e6e8ec}
h1{font-size:16px;margin:0 0 12px}
button{font:inherit;padding:9px 14px;border-radius:8px;border:1px solid #2a2f38;
  background:#191c22;color:#e6e8ec;cursor:pointer}
.p{display:flex;gap:8px;margin-bottom:12px}
.p label{flex:1;text-align:center;padding:16px;border:1px dashed #2a2f38;
  border-radius:12px;background:#191c22;font-weight:600;cursor:pointer}
#bar{font-size:13px;color:#8b93a1;min-height:20px;margin-bottom:10px}
.c{background:#191c22;border:1px solid #2a2f38;border-radius:12px;
  padding:12px;margin-bottom:12px;overflow:hidden}
.c img{width:80px;height:80px;object-fit:cover;border-radius:8px;float:left;margin-right:12px}
.c textarea{width:100%;min-height:120px;margin-top:8px;background:#0c0e12;color:#cfe3ff;
  border:1px solid #2a2f38;border-radius:8px;padding:8px;font:13px/1.5 monospace}
.c .ops{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}
.c .ops button{padding:6px 12px;font-size:13px}
.s{font-size:13px;color:#8b93a1}
#login{position:fixed;inset:0;background:rgba(8,9,12,.94);display:flex;
  align-items:center;justify-content:center;padding:20px;z-index:9}
#login .box{background:#191c22;border:1px solid #2a2f38;border-radius:14px;
  padding:20px;display:grid;gap:10px;width:100%;max-width:300px}
#login input{padding:10px;border-radius:8px;border:1px solid #2a2f38;
  background:#0c0e12;color:#e6e8ec;font:inherit}
.hide{display:none!important}