:root{--black:#0b0b0b;--panel:#161616;--line:#2a2a2a;--gold:#c9a227;--text:#f2f2f2;--muted:#a3a3a3;--danger:#e5484d;--ok:#3fb950}*{box-sizing:border-box}html,body{background:var(--black);color:var(--text);margin:0;font-family:IBM Plex Sans Arabic,system-ui,sans-serif;line-height:1.7}h1{margin:0;font-size:1.35rem}h2{margin:0;font-size:1.05rem}.muted{color:var(--muted);margin:.25rem 0}.error{color:var(--danger)}.ok{color:var(--ok)}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login .card{width:min(420px,100%)}.shell{min-height:100vh}.top{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:12px;padding:12px 16px;display:flex}.top strong{color:var(--gold);margin-inline-end:auto}.page{max-width:860px;margin:0 auto;padding:16px}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:12px;padding:16px;display:grid}.posts{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.badge{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:.8rem}.badge.on{border-color:var(--gold);color:var(--gold)}label{gap:6px;font-weight:500;display:grid}label.check{align-items:center;gap:8px;display:flex}input,textarea{border:1px solid var(--line);background:var(--black);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:10px 12px}input[type=checkbox]{width:auto}input:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:1px}fieldset{border:1px solid var(--line);border-radius:8px;gap:8px;margin:0;padding:12px;display:grid}legend{color:var(--muted);padding:0 6px}.pair{grid-template-columns:1fr 1.4fr auto;align-items:center;gap:8px;display:grid}fieldset p{margin:0}.warn{color:var(--gold);margin:0;font-size:.9rem}.hint{font-size:.85rem}.thumbs{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.thumb{border:1px solid var(--line);background:var(--black);border-radius:8px;display:grid;position:relative;overflow:hidden}.thumb img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.thumb .order{top:6px;background:var(--gold);color:#111;text-align:center;border-radius:999px;min-width:22px;padding:0 6px;font-size:.75rem;font-weight:600;line-height:22px;position:absolute;inset-inline-start:6px}.thumb-actions{border-top:1px solid var(--line);display:flex}.thumb-actions button{border:0;border-radius:0;flex:1;min-height:36px;padding:4px 0}.thumb-actions button+button{border-inline-start:1px solid var(--line)}.uploads{gap:8px;margin:0;padding:0;list-style:none;display:grid}.upload{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 8px;font-size:.9rem;display:grid}.upload .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload .muted{align-items:center;gap:4px;margin:0;display:flex}.upload .wide{grid-column:1/-1}progress{appearance:none;background:var(--line);width:100%;height:8px;color:var(--gold);border:0;border-radius:999px;display:block;overflow:hidden}progress::-webkit-progress-bar{background:var(--line)}progress::-webkit-progress-value{background:var(--gold)}progress::-moz-progress-bar{background:var(--gold)}.link-add{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.video-preview{justify-items:start;gap:8px;display:grid}.video-preview video{border:1px solid var(--line);background:#000;border-radius:8px;width:100%;max-height:360px;display:block}.actions{flex-wrap:wrap;gap:8px;display:flex}button{font:inherit;border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:8px 14px}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--gold);border-color:var(--gold);color:#111;font-weight:600}button.danger{border-color:var(--danger);color:var(--danger)}button.link{color:var(--muted);border:0;padding:4px 6px;text-decoration:underline}button.pick{border-color:var(--gold);color:var(--gold)}@media (width<=560px){.pair{grid-template-columns:1fr}}
