:root{--bg:#f4f4f2;--card:#fff;--ink:#171717;--muted:#6e6e6e;--line:#dededb;--dark:#171717;--danger:#bb3333}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.admin-head{min-height:95px;padding:20px max(20px,calc((100% - 980px)/2));background:#171717;color:white;display:flex;justify-content:space-between;align-items:center}.admin-head h1{margin:3px 0 0;font-size:28px}.admin-head small{color:#aaa}.admin-head nav{display:flex;gap:18px;font-size:13px}.admin-head.compact{min-height:62px}.back{text-decoration:none}.admin-main{max-width:980px;margin:0 auto;padding:22px 18px 70px}button,input{font:inherit}input{width:100%;border:1px solid var(--line);background:#fff;padding:12px;border-radius:7px}label{font-size:12px;font-weight:650;display:grid;gap:7px}.primary,.danger,.edit-image,.save-title{border:0;border-radius:7px;padding:12px 15px;cursor:pointer}.primary{background:var(--dark);color:#fff}.danger{background:#fff0f0;color:var(--danger);border:1px solid #edcccc}.new-album{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:22px}.new-album summary{padding:17px;cursor:pointer;font-weight:700}.form-grid{padding:0 17px 17px;display:grid;grid-template-columns:2fr 1fr auto;gap:12px;align-items:end}.admin-albums{display:grid;gap:8px}.admin-album{display:grid;grid-template-columns:74px 1fr 15px;align-items:center;gap:14px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:9px;text-decoration:none}.admin-album img,.placeholder{width:74px;height:74px;object-fit:cover;border-radius:6px}.placeholder{display:grid;place-items:center;background:#eee;color:#999;font-size:10px}.admin-album span:not(.placeholder){display:grid;gap:5px}.admin-album small{color:var(--muted)}.admin-album b{font-size:24px;color:#aaa}.album-meta{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px;display:grid;grid-template-columns:2fr 1fr auto;align-items:end;gap:12px}.upload-box{margin:18px 0;background:#e9eefc;border:1px solid #ced8f5;border-radius:10px;padding:16px}.upload-box h2,.section-title h2{margin:0 0 5px;font-size:19px}.upload-box p,.section-title p{margin:0 0 14px;color:var(--muted);font-size:12px}.upload-box form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.file-button{display:inline-block;background:#fff;padding:12px 15px;border-radius:7px;border:1px solid #ccd2e0;cursor:pointer}.file-button input{position:absolute;left:-9999px}.upload-box progress{width:100%;height:8px}.section-title{margin-top:25px}.image-list{display:grid;gap:9px}.image-item{display:grid;grid-template-columns:32px 120px 1fr;gap:11px;align-items:center;background:#fff;border:1px solid var(--line);padding:8px;border-radius:9px;touch-action:pan-y}.image-item.dragging{opacity:.55;box-shadow:0 8px 25px #999}.image-item img{width:120px;height:90px;object-fit:cover;border-radius:6px}.drag-handle{font-size:25px;color:#999;cursor:grab;text-align:center;touch-action:none}.image-fields{display:grid;gap:8px}.title-input{padding:9px}.item-actions{display:flex;gap:7px;flex-wrap:wrap}.item-actions button{font-size:11px;padding:8px 10px}.edit-image,.save-title{background:#eee}.delete-album{text-align:center;border-top:1px solid var(--line);margin-top:35px;padding-top:30px}.alert{padding:11px 14px;border-radius:7px}.alert.success{background:#dbf3e3;color:#225f35}.alert.error{background:#ffe3e3;color:#8f2222}.login-page{min-height:100dvh;display:grid;place-items:center;padding:20px;background:#181818}.login-card{width:min(390px,100%);background:#fff;padding:25px;border-radius:12px;display:grid;gap:18px}.login-card h1{font-size:22px;margin:0}.login-card>a{text-align:center;font-size:12px;color:#777}dialog{border:0;padding:0;border-radius:12px;width:min(900px,96vw);height:min(720px,94dvh);background:#191919;color:#fff}dialog::backdrop{background:rgba(0,0,0,.75)}.editor-head{height:52px;padding:0 15px;display:flex;justify-content:space-between;align-items:center}.editor-head button{background:none;border:0;color:#fff;font-size:27px}.canvas-wrap{height:calc(100% - 170px);display:grid;place-items:center;overflow:hidden;background:#080808}.canvas-wrap canvas{max-width:100%;max-height:100%}.controls{min-height:118px;padding:12px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.controls label{min-width:150px}.controls button{padding:10px;border-radius:7px;border:0}.controls .primary{margin-left:auto}
@media(max-width:650px){.admin-head{padding:15px 16px}.admin-main{padding:14px 10px 55px}.form-grid,.album-meta{grid-template-columns:1fr}.admin-album{grid-template-columns:62px 1fr 12px}.admin-album img,.placeholder{width:62px;height:62px}.image-item{grid-template-columns:25px 84px 1fr;gap:7px}.image-item img{width:84px;height:105px}.item-actions{display:grid;grid-template-columns:1fr 1fr}.item-actions .danger{grid-column:1/-1}.upload-box form>*{width:100%;text-align:center}.controls{display:grid;grid-template-columns:1fr 1fr}.controls label{min-width:0}.controls .primary{margin:0}.canvas-wrap{height:calc(100% - 210px)}}
.delete-album.top-delete{text-align:right;border-top:0;margin:10px 0 0;padding:0}.delete-album.top-delete button{font-size:12px;padding:9px 12px}