/* Боковой drawer детали ресурса (редактор в кабинете и просмотр на витрине) + галерея. */
.drawer-overlay{position:fixed;inset:0;background:rgba(12,20,27,.5);backdrop-filter:blur(3px);z-index:80;display:flex;justify-content:flex-end}
.drawer{width:min(460px,100%);height:100%;background:var(--surface);box-shadow:var(--shadow-lg);overflow:auto;position:relative;animation:slidein .2s ease}
@keyframes slidein{from{transform:translateX(30px);opacity:.6}to{transform:none;opacity:1}}
.drawer-x{position:absolute;top:14px;right:14px;z-index:3;width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--surface);font-size:15px}
.drawer-hero{height:170px;position:relative;display:grid;place-items:end start}
.drawer-bd{padding:20px}
.drawer-title{width:100%;border:0;background:transparent;font-family:"Unbounded";font-size:21px;font-weight:700;color:var(--ink);letter-spacing:-.01em;border-bottom:1px dashed transparent;padding:2px 0}
.drawer-title:focus{outline:none;border-bottom-color:var(--line)}

.gallery .gal-hero{height:200px;border-radius:14px;position:relative;display:grid;place-items:end start;margin-bottom:8px}
.gal-hero{height:200px;border-radius:14px;position:relative;display:grid;place-items:end start;margin-bottom:8px}
.gal-cap{margin:12px;font-size:12px;font-weight:600;color:#fff;background:rgba(0,0,0,.35);padding:4px 10px;border-radius:999px;backdrop-filter:blur(4px)}
.gal-thumbs{display:flex;gap:7px;flex-wrap:wrap}
.gal-th{width:52px;height:40px;border-radius:8px;border:2px solid transparent;cursor:pointer}
.gal-th.on{border-color:var(--accent)}
.gal-empty{height:140px;border-radius:14px;background:var(--surface-2);display:grid;place-items:center;color:var(--ink-faint)}
.gal-empty svg{width:40px;height:40px}
.gal-edit{display:flex;gap:8px;flex-wrap:wrap}
.gal-eth{position:relative;width:96px;height:66px;border-radius:10px;display:flex;align-items:flex-end;padding:5px}
.gal-elabel{width:100%;border:0;background:rgba(0,0,0,.35);color:#fff;border-radius:6px;padding:3px 6px;font-size:10.5px;font-weight:600}
.gal-edel{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:6px;border:0;background:rgba(0,0,0,.4);color:#fff;font-size:11px}
.gal-add{width:96px;height:66px;border:1px dashed var(--line);background:var(--surface-2);border-radius:10px;font-size:12.5px;font-weight:600;color:var(--accent)}
.amen-add{display:flex;gap:8px;margin-top:9px}
.amen-add input{flex:1;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:8px 11px;font-size:13.5px;color:var(--ink)}