.pm-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:18px}.pm-nav{display:flex;flex-direction:column;gap:6px;align-self:start}.pm-nav button{text-align:left;background:transparent;color:var(--ink);border:0}.pm-nav button.active{background:#eeecff;color:#4038c7}.pm-main{min-width:0}.pm-toolbar,.pm-hero-actions{display:flex;align-items:center;gap:12px;justify-content:space-between}.pm-toolbar input{flex:1}.pm-list{display:grid;gap:8px;margin-top:16px}.pm-item{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;text-align:left;background:#fff;color:var(--ink);border:1px solid #e4e7f2}.pm-item small,.pm-item strong{display:block}.pm-item small,.pm-item em{color:#737b95;font-style:normal}.pm-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eeecff;color:#4038c7;font-weight:800}.pm-gate{max-width:620px;margin:8vh auto;text-align:center;padding:48px}.pm-gate form{display:grid;gap:12px;max-width:420px;margin:24px auto}.pm-lock{font-size:48px;color:#5547da}.pm-modal{position:fixed;inset:0;z-index:10000;background:rgba(20,24,45,.58);display:grid;place-items:center;padding:20px}.pm-modal .modal-card{position:relative;background:#fff;border-radius:20px;width:min(760px,100%);max-height:90vh;overflow:auto;padding:28px}.pm-modal .modal-close{position:absolute;right:18px;top:14px}.pm-field{display:flex;gap:6px}.pm-field input,.pm-field textarea{flex:1}.pm-tool{max-width:900px;margin:auto}.pm-tool>button:first-child{margin-bottom:20px}.pm-tool #genOut{font:600 18px ui-monospace,monospace;width:100%;margin:20px 0}.pm-tool .stats{margin:20px 0}@media(max-width:760px){.pm-layout{grid-template-columns:1fr}.pm-nav{display:grid;grid-template-columns:repeat(2,1fr)}.pm-toolbar,.pm-hero-actions{align-items:stretch;flex-direction:column}.pm-item{grid-template-columns:42px 1fr}.pm-item em{grid-column:2}}
@media(max-width:760px){.pm-layout,.pm-main,.pm-nav,.pm-list,.pm-tool,.pm-gate{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.pm-nav button,.pm-toolbar>*,.pm-hero-actions>*{width:100%;min-width:0;max-width:100%}.pm-item{width:100%;min-width:0;overflow:hidden}.pm-item>*{min-width:0;overflow-wrap:anywhere}.pm-modal{padding:0;place-items:end center}.pm-modal .modal-card{width:100%;max-width:100%;max-height:96dvh;border-radius:18px 18px 0 0;padding:24px 14px;overflow-x:hidden}.pm-field{flex-wrap:wrap}.pm-field input,.pm-field textarea{min-width:0}.pm-tool #genOut{font-size:15px;overflow-wrap:anywhere}}
