:root{color-scheme:dark;--bg:#0b0c12;--card:rgba(255,255,255,0.05);--border:rgba(255,255,255,0.10);--text:#e8ecff;--muted:#b0b0d0;--accent:#7c7dff;}
*{box-sizing:border-box;}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);}
.top{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);background:rgba(11,12,18,0.75);backdrop-filter:blur(10px);}
.brand{display:flex;gap:10px;align-items:baseline;}
.wrap{max-width:1100px;margin:0 auto;padding:18px 16px 60px;}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px;margin:14px 0;}
.muted{color:var(--muted);}
.row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);}
input,textarea{border:1px solid var(--border);border-radius:12px;background:rgba(0,0,0,0.25);color:var(--text);padding:10px 12px;font-size:14px;}
button{background:rgba(124,125,255,0.22);border:1px solid rgba(124,125,255,0.55);color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;}
button:hover{background:rgba(124,125,255,0.30);}
.tiny{font-size:12px;white-space:pre-wrap;}
.hidden{display:none;}
.tabs{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;}
.tabs button{background:rgba(255,255,255,0.03);border:1px solid var(--border);}
.tabs button.active{border-color:rgba(124,125,255,0.55);background:rgba(124,125,255,0.18);}
table{width:100%;border-collapse:collapse;}
th,td{border-bottom:1px solid var(--border);padding:8px;text-align:left;font-size:13px;}
th{color:var(--muted);font-weight:600;}

/* Gallery editor */
.galleryList{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px;}
.galleryItem{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,0.03);}
.galleryItem[aria-grabbed="true"]{outline:2px solid rgba(0,212,255,0.7);outline-offset:2px;background:rgba(0,212,255,0.08);}
.galleryThumb{width:72px;height:54px;border-radius:10px;border:1px solid var(--border);object-fit:cover;background:rgba(0,0,0,0.25);}
.galleryMeta{flex:1;min-width:0;}
.galleryMeta input{width:100%;}
.galleryBtns{display:flex;flex-direction:column;gap:6px;}
.galleryBtns button{min-width:86px;}

@media (max-width: 700px){
  .galleryItem{flex-direction:column;align-items:stretch;}
  .galleryThumb{width:100%;height:160px;}
  .galleryBtns{flex-direction:row;flex-wrap:wrap;}
  .galleryBtns button{flex:1 1 120px;}
}