/* MXM editor: plain, large, hard to get wrong. */
:root{--bg:#0e0e10;--panel:#17171a;--panel2:#1f1f23;--line:#33333a;--ink:#f4f4f6;--ink2:#a9a9b2;--blue:#1e9bff;--red:#ff6b6b;--font:"Archivo",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:17px;line-height:1.5}
a{color:var(--blue)}
h1{font-size:32px;font-weight:800;letter-spacing:-.01em;margin:0 0 20px}
h2{font-size:19px;font-weight:700;margin:26px 0 10px}
h2:first-child{margin-top:0}
.a-top{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:24px;padding:12px 24px;background:#000;border-bottom:2px solid var(--blue);flex-wrap:wrap}
.a-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:13px}
.a-top nav{display:flex;gap:4px;flex-wrap:wrap}
.a-top nav a{padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--ink2);font-weight:600;font-size:15px}
.a-top nav a:hover{color:var(--ink);background:var(--panel)}
.a-top nav a[aria-current]{color:#fff;background:var(--blue)}
.a-right{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:15px}
.a-right button{background:none;border:1px solid var(--line);color:var(--ink2);padding:7px 12px;border-radius:8px;font:inherit;font-size:14px;cursor:pointer}
.a-main{max-width:960px;margin:0 auto;padding:32px 20px 80px}
.a-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;margin:0 0 20px}
.a-narrow{max-width:460px;margin:8vh auto}
label{display:block;margin:14px 0 0;font-weight:600;font-size:15px}
input:not([type=checkbox]):not([type=file]),textarea,select{display:block;width:100%;margin-top:6px;padding:12px 14px;font:inherit;font-size:17px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px}
input:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,155,255,.25)}
input[type=file]{display:block;margin-top:8px;font:inherit;font-size:15px;color:var(--ink2)}
textarea{resize:vertical;line-height:1.55}
.a-hint{display:inline;font-weight:400;font-size:14px;color:var(--ink2)}
p.a-hint{display:block;margin:4px 0 0}
.a-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 16px}
.a-stat{grid-template-columns:120px 90px 1fr}
.a-check{display:flex;align-items:center;gap:10px;font-weight:500;margin-top:16px}
.a-check input{width:20px;height:20px}
.a-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border:0;border-radius:10px;background:var(--blue);color:#fff;font:inherit;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer}
.a-btn:hover{background:#4fb2ff}
.a-actions{display:flex;align-items:center;gap:18px;margin-top:22px}
.a-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.a-head h1{margin:0}
.a-flash{padding:14px 18px;border-radius:10px;background:rgba(30,155,255,.15);border:1px solid rgba(30,155,255,.4);margin:0 0 20px}
.a-err{padding:14px 18px;border-radius:10px;background:rgba(255,107,107,.12);border:1px solid rgba(255,107,107,.45);color:#ffd5d5;margin:0 0 16px}
.a-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.a-tile{display:block;padding:24px;border-radius:14px;background:var(--panel);border:1px solid var(--line);text-decoration:none;color:var(--ink);transition:border-color .2s}
.a-tile:hover{border-color:var(--blue)}
.a-tile b{display:block;font-size:20px}
.a-tile span{display:block;margin-top:6px;color:var(--ink2);font-size:15px}
.a-list{display:grid;gap:8px}
.a-item{display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center;padding:10px 14px 10px 10px;border-radius:12px;background:var(--panel);border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.a-item-text{grid-template-columns:1fr auto;padding:14px 16px}
.a-item img,.a-noimg{width:96px;height:64px;object-fit:cover;border-radius:8px;background:var(--panel2);display:block}
.a-item img.a-logo,img.a-logo{object-fit:contain;background:#fff;padding:6px;width:96px;height:56px;border-radius:8px}
.a-item b{display:block}
.a-item span{display:block;font-size:14px;color:var(--ink2)}
.a-item-actions{display:flex;align-items:center;gap:14px;font-size:15px}
.a-item-actions form{margin:0}
.a-item-actions button{background:none;border:0;color:var(--blue);font:inherit;cursor:pointer;padding:4px}
.a-link-danger{background:none;border:0;color:var(--red) !important;font:inherit;cursor:pointer;padding:4px}
.a-cover{align-items:end}
.a-cover img{width:220px;height:124px;object-fit:cover;border-radius:10px}
.a-cover img.a-logo{width:180px;height:90px}
.a-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:0 0 20px}
.a-grid figure{position:relative;margin:0;border-radius:10px;overflow:hidden;background:var(--panel2);aspect-ratio:4/3}
.a-grid img{width:100%;height:100%;object-fit:cover}
.a-grid form{position:absolute;top:6px;right:6px;margin:0}
.a-x{width:32px;height:32px;border-radius:50%;border:0;background:rgba(0,0,0,.7);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.a-x:hover{background:var(--red)}
details.a-card summary{cursor:pointer;font-weight:700}
details.a-card form{margin-top:12px}
.a-busy{opacity:.6;pointer-events:none}
.a-vid{align-items:start;grid-template-columns:160px 1fr}
.a-vid>img{width:160px;height:90px}
.a-vid .a-row{margin-top:2px}
.a-vid .a-check{margin-top:10px;font-size:15px}
@media (max-width:640px){.a-vid{grid-template-columns:1fr}.a-vid>img{width:100%;height:auto;aspect-ratio:16/9}}
@media (max-width:640px){.a-item{grid-template-columns:72px 1fr}.a-item img,.a-noimg{width:72px;height:52px}.a-item-actions{grid-column:1 / -1}.a-stat{grid-template-columns:1fr 1fr}}