.admin{grid-template-columns:240px 1fr;min-height:100svh;display:grid}.admin-nav{border-right:1px solid var(--line);background:var(--bg-2);flex-direction:column;gap:4px;padding:20px 14px;display:flex}.admin-nav .brand{margin-bottom:20px}.admin-nav button{text-align:left;cursor:pointer;color:var(--text-2);background:0 0;border:0;border-radius:8px;padding:10px 12px}.admin-nav button[aria-pressed=true]{background:var(--cyan-dim);color:var(--text)}.admin-logout{margin-top:auto}.admin-main{min-width:0;padding:32px clamp(16px,4vw,48px)}.admin-wrap{place-items:center;min-height:100svh;padding:16px;display:grid}.admin-login{flex-direction:column;gap:14px;width:min(380px,100%);display:flex}.admin-tiles{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.admin-num{font-family:var(--font-display), sans-serif;margin:6px 0 0;font-size:30px;font-weight:600}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{text-align:left;font-size:11px;font-family:var(--font-mono), monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2);border-bottom:1px solid var(--line-strong);padding:8px}.admin-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 8px}.clickable{cursor:pointer}.clickable:hover{background:#ffffff05}.admin-code{min-height:420px;font-family:var(--font-mono), monospace;font-size:12.5px}.admin-pre{border:1px solid var(--line);background:#080b10b3;border-radius:8px;max-height:280px;padding:12px;font-size:12px;overflow:auto}@media (max-width:900px){.admin{grid-template-columns:1fr}.admin-nav{border-right:0;border-bottom:1px solid var(--line);flex-flow:wrap}.admin-nav .brand{width:100%;margin-bottom:8px}.admin-tiles{grid-template-columns:1fr 1fr}.admin-table{display:block;overflow-x:auto}}.admin-tabs{border-radius:12px;flex-wrap:wrap;margin:16px 0}.admin-form{flex-direction:column;gap:14px;display:flex}.admin-savebar{background:linear-gradient(0deg, var(--bg) 70%, transparent);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 0;display:flex;position:sticky;bottom:0}.list-editor{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.list-item{border:1px solid var(--line);background:#080b1059;border-radius:10px;width:100%;padding:12px 14px}.list-tools{justify-content:flex-end;align-items:center;gap:6px;margin-bottom:6px;display:flex}.list-tools .mono{margin-right:auto}.list-tools .icon-btn{width:28px;height:28px;font-size:14px}.list-tools .icon-btn:disabled{opacity:.3}.ref-edit{grid-template-columns:220px 1fr;gap:16px;display:grid}.ref-thumb{flex-direction:column;gap:8px;display:flex}.ref-thumb img,.ref-thumb>span{aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:8px;place-items:center;width:100%;display:grid}.range-row{align-items:center;gap:12px;display:flex}.range-row input{accent-color:var(--cyan);flex:1}.media-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:16px;display:grid}.media-item{border:1px solid var(--line);background:#080b1066;border-radius:10px;margin:0;overflow:hidden}.media-item.clickable:hover{border-color:var(--cyan)}.media-item img,.media-item video{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.media-item figcaption{flex-direction:column;gap:2px;padding:8px 10px;display:flex}.media-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:700px){.ref-edit{grid-template-columns:1fr}}
