.pm{display:grid;gap:16px}.pm-drop{border:1.5px dashed #666;border-radius:12px;padding:26px;text-align:center;background:#0a0a0a}.pm-drop.drag{border-color:var(--y);background:#171800}.pm-bar,.pm-actions,.pm-mini{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pm-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:16px}.pm-pages{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.pm-page{border:1px solid #3a3a3a;border-radius:10px;padding:8px;background:#141414;cursor:grab}.pm-page.selected{border-color:#929500}.pm-page.deleted{opacity:.45}.pm-page canvas{width:100%;aspect-ratio:.707;object-fit:contain;background:#fff}.pm-page b,.pm-page small{display:block}.pm-settings{border:1px solid #333;border-radius:10px;background:#0b0b0b;padding:14px;display:grid;gap:10px}.pm-settings .field{margin:0}.pm-progress{height:8px;background:#292929;border-radius:8px;overflow:hidden}.pm-progress span{display:block;height:100%;background:var(--y);width:0}.pm-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pm-summary div{border:1px solid #333;border-radius:8px;padding:10px}.pm-summary b{display:block;color:var(--y)}@media(max-width:800px){.pm-layout{grid-template-columns:1fr}.pm-settings{grid-template-columns:1fr 1fr}.pm-summary{grid-template-columns:1fr 1fr}}@media(max-width:440px){.pm-settings{grid-template-columns:1fr}.pm-pages{grid-template-columns:repeat(2,minmax(0,1fr))}}