*{box-sizing:border-box}body{margin:0;background:#111;color:#eee;font-family:Arial,sans-serif}header{height:70px;border-bottom:1px solid #292929;padding:0 5%;display:flex;justify-content:space-between;align-items:center}header a{color:#eee;text-decoration:none}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#888}main{max-width:1100px;margin:auto;padding:70px 5%}.panel{border:1px solid #333;padding:35px;max-width:500px}.login{margin-top:12vh}.login h1,.toolbar h1{font-family:Georgia,serif;font-weight:400;font-size:48px}.login input{display:block;width:100%;padding:14px;background:#1d1d1d;border:1px solid #444;color:#fff;margin:20px 0}.login button,.toolbar button,.actions button{background:#f1eee8;border:0;padding:14px 20px;cursor:pointer}.login small{display:block;color:#777;margin-top:15px}.toolbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}.admin-card{border:1px solid #333;padding:18px;margin-bottom:15px;display:flex;gap:20px;align-items:center}.admin-card img{width:120px;height:80px;object-fit:cover}.admin-card h3{margin:0 0 6px;font:26px Georgia,serif}.admin-card span{color:#888;font-size:13px}.admin-card button{margin-left:auto;background:none;color:#eee;border:1px solid #444;padding:9px 14px;cursor:pointer}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(560px,100%);background:#171717;border-left:1px solid #333;padding:30px;transform:translateX(100%);transition:.25s;overflow:auto;z-index:10}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between}.drawer-head button{background:none;border:0;color:#fff;font-size:35px}.drawer label{display:block;color:#aaa;font-size:13px;margin-top:25px}.drawer input{display:block;width:100%;margin-top:8px;padding:12px;background:#111;border:1px solid #444;color:#fff}.actions{margin-top:30px}.thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:15px}.thumbs img{width:100%;aspect-ratio:1;object-fit:cover}[hidden]{display:none!important}input,button{font:inherit}button:disabled{opacity:.5;cursor:wait}#status,#loginStatus{line-height:1.5;color:#f1d6a5}#preview{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}#preview img{width:80px;height:80px;object-fit:cover}.drawer label,.admin-card span,.eyebrow{font-size:14px}@media(max-width:600px){main{padding:30px 5%}.login{margin-top:20px}.login h1,.toolbar h1{font-size:32px}.toolbar{flex-wrap:wrap;gap:15px}.admin-card{flex-wrap:wrap;gap:12px}.admin-card img{width:80px}.admin-card button{margin-left:0}.panel{padding:24px}}
.admin-card{flex-wrap:wrap}.admin-card button{font-size:14px}.admin-card img{flex-shrink:0}[data-optimize]{max-width:230px}

.drawer-head{position:sticky;top:-30px;z-index:2;margin:-30px -30px 0;padding:24px 30px 18px;background:#171717;border-bottom:1px solid #333;display:flex;align-items:center;flex-wrap:wrap;gap:12px;box-shadow:0 8px 18px rgba(0,0,0,.22)}
.drawer-head h2{margin:0;flex:1;font-size:24px}.drawer-head #cancel{min-width:44px;min-height:44px;cursor:pointer}.editor-actions{width:100%}.drawer-head #save{display:block;width:100%;min-height:48px;background:#f1eee8;color:#111;border:0;padding:14px 20px;font-size:16px;cursor:pointer}.drawer-head #save:disabled{cursor:wait;opacity:.5}#editorStatus{color:#f1d6a5;font-size:14px;line-height:1.5;margin:12px 0 0;overflow-wrap:anywhere}#editorStatus:empty{display:none}