:root { --bg:#0b0c10; --card:#151822; --txt:#e6e6e6; --muted:#a9b0c3; --line:#2a3042; }
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,Segoe UI,Arial; background:var(--bg); color:var(--txt); }
.wrap { max-width:1000px; margin:0 auto; padding:16px; }
header h1 { margin:8px 0; }
.muted { color:var(--muted); }
.card { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:16px; margin:16px 0; }
.grid { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px; }
label { display:flex; flex-direction:column; gap:6px; font-size:14px; }
input, textarea, select {
  background:#0f1220; color:var(--txt); border:1px solid var(--line);
  border-radius:10px; padding:10px; font-size:14px;
}
textarea { min-height:90px; resize:vertical; }
.row { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:10px; }
button {
  border:1px solid var(--line); background:#0f1220; color:var(--txt);
  padding:10px 12px; border-radius:10px; cursor:pointer;
}
button.primary { background:#2b6cff; border-color:#2b6cff; }
button.danger { background:#b3261e; border-color:#b3261e; }
.item { border:1px dashed var(--line); border-radius:12px; padding:12px; margin:10px 0; }
.item h3 { margin:0 0 10px 0; font-size:14px; color:var(--muted); }
.file { display:inline-flex; gap:8px; align-items:center; border:1px solid var(--line);
  padding:10px 12px; border-radius:10px; cursor:pointer; }
.file input { display:none; }