/* «Дизайн» карточки (design.js). Только раскладка: поля, кнопки и плашки — общие pw-* из theme.css. Префикс dz- свободен (проверено). */
.dz{display:grid;gap:16px}
.dz-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}
.dz-form{gap:12px}
.dz-field{display:grid;gap:6px;min-width:0}
.dz-form>*,.dz-prev>*{min-width:0}
.dz-field .pw-field{min-width:0;width:100%}
.dz-field>span{font-size:12.5px;color:var(--muted2);display:flex;justify-content:space-between;gap:8px}
.dz-field em{font-style:normal;opacity:.8}
.dz-field select.pw-field{appearance:auto}
.dz-seg{flex-wrap:wrap;justify-self:start;max-width:100%;border-radius:18px}
.dz-seg button{padding:6px 12px;font-size:12.5px}
.dz-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;max-height:236px;overflow:auto}
.dz-ph{aspect-ratio:1;border-radius:12px;overflow:hidden;border:2px solid transparent;padding:0;background:var(--panel)}
.dz-ph img{width:100%;height:100%;object-fit:cover;display:block}
.dz-ph[aria-pressed="true"]{border-color:var(--fg)}
.dz-upload{cursor:pointer;justify-self:start}
.dz-warn{display:grid;gap:4px;font-size:12.5px;line-height:1.4}
.dz-warn .bad{color:var(--bad)}.dz-warn .warn{color:var(--warn)}
.dz-prev{position:sticky;top:12px}
.dz-prev>p:first-child{display:flex;justify-content:space-between;font-weight:500}
.dz-frame{display:grid;place-items:center;background:var(--panel);border-radius:12px;min-height:220px;padding:10px}
.dz-frame img{display:block;max-width:100%;max-height:560px;border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.18)}
.dz-frame.dz-story img{max-height:600px}
.dz-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-top:8px}
.dz-h h3{font-size:18px;font-weight:600}
.dz-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.dz-item{background:var(--inset);border-radius:14px;padding:10px;display:grid;gap:6px;align-content:start;font-size:13px}
.dz-item .dz-t{font-weight:600;line-height:1.3}
.dz-thumb{background:var(--panel);border-radius:10px;display:grid;place-items:center;overflow:hidden;aspect-ratio:1}
.dz-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.dz-thumb>a{display:block;width:100%;height:100%;cursor:zoom-in}
.dz-thumb.dz-story{aspect-ratio:9/12}
.dz-item a.pw-chipbtn{text-decoration:none}
/* Просмотр картинки поверх страницы (dialog.dz-view): общий стиль dialog из theme.css, но шире и с картинкой во весь экран. */
dialog.dz-view{max-width:min(1100px,calc(100vw - 24px));max-height:calc(100vh - 24px);width:auto;padding:14px;display:grid;gap:10px;overflow:hidden}
dialog.dz-view:not([open]){display:none}
.dz-view-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.dz-view-h b{display:block;font-size:15px}.dz-view-h span{font-size:12.5px;color:var(--muted2)}
.dz-view-img{position:relative;display:grid;place-items:center;background:var(--inset);border-radius:12px;min-width:min(320px,calc(100vw - 52px))}
.dz-view-img img{display:block;--ar:1;aspect-ratio:var(--ar);width:min(1072px,calc(100vw - 52px),calc((100vh - 160px) * var(--ar)));height:auto;border-radius:8px;object-fit:contain}
.dz-view-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;background:var(--panel);color:var(--fg);font-size:24px;line-height:1;box-shadow:0 4px 14px #0003}
.dz-view-nav.prev{left:8px}.dz-view-nav.next{right:8px}
@media (max-width:600px){.dz-view .pw-note{display:none}}
@media (max-width:900px){.dz-grid{grid-template-columns:1fr}.dz-prev{position:static}.dz-frame img{max-height:420px}}