/* Heft-Dialog */
.dsback{position:fixed;inset:0;background:#0009;z-index:90;display:none;align-items:center;justify-content:center;padding:12px}.dsback.on{display:flex}
.dsbox{background:var(--pan);color:var(--tx);border:1px solid #444;border-radius:18px;width:min(860px,100%);max-height:94vh;overflow:auto;padding:18px 20px;box-shadow:0 24px 70px #000c}
.dsbox h2{margin:0 0 8px;font-size:20px}.dsbox h3{margin:14px 0 8px;font-size:12px;color:var(--mu);text-transform:uppercase;letter-spacing:.06em;font-weight:600}
.dsbox .row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dsbox .sw{width:40px;height:40px;border-radius:12px;border:2px solid transparent;cursor:pointer}.dsbox .sw.on{border-color:#fff}
.dsbox .chip{height:36px;padding:0 13px;border-radius:11px;background:var(--card);border:1px solid #444;color:#eee;font-size:14px;cursor:pointer}.dsbox .chip.on{background:var(--ac);border-color:var(--ac);color:#fff}
.dsbox input[type=color]{width:40px;height:40px;border:1px solid #555;border-radius:12px;background:#333;padding:2px}
.dsbox input[type=text],.dsbox select,.dsbox input[type=number]{height:38px;border-radius:10px;border:1px solid #555;background:#2a2a2a;color:#fff;padding:0 10px;font-size:15px}
.dsbox input[type=text]{width:100%;margin-bottom:8px}.dsbox .x{float:right;height:36px;padding:0 14px;border-radius:10px;background:#333;color:#fff}
.hfgrid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px}.hfr img{width:100%;border-radius:8px;box-shadow:0 10px 30px #000a;background:#333;aspect-ratio:595/842;object-fit:contain}.hfc{display:flex;gap:8px;align-items:center;font-size:14px;color:#ddd}
@media(max-width:700px){.hfgrid{grid-template-columns:1fr}.hfr{order:-1;max-width:220px;margin:0 auto}.dsbox{padding:14px}}