.pm-intro{background:#f5f2ea}.pm-intro h1{max-width:1160px}.pm-intro-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.pm-intro-points span{padding:9px 13px;border:1px solid #c9c7bd;border-radius:100px;font-size:.78rem;font-weight:750}.pm-tool{padding:100px 0;background:#151615;color:#fff}.pm-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.65fr);gap:clamp(36px,6vw,95px);align-items:start}.pm-head h2{font-size:clamp(2.6rem,5vw,5rem);font-weight:300;letter-spacing:-.06em;line-height:1;margin:8px 0 14px}.pm-head p:last-child{color:#c7c9c0;margin:0 0 28px}.pm-drop{display:flex;min-height:285px;padding:35px;flex-direction:column;justify-content:center;align-items:center;gap:10px;border:1px dashed #9a9c9b;background:#252726;cursor:pointer;text-align:center}.pm-drop:hover,.pm-drop.is-over{border-color:#9fb2ff;background:#2b3150}.pm-drop-mark{display:grid;place-items:center;width:62px;height:62px;background:#274bd8;color:#fff;font-size:2rem;line-height:1}.pm-drop strong{font-size:1.5rem}.pm-drop span:not(.pm-drop-mark){color:#c7c9c0}.pm-drop small{color:#aeb1ac}.pm-result[hidden]{display:none}.pm-result{margin-top:28px}.pm-preview{display:grid;place-items:center;min-height:220px;max-height:420px;overflow:hidden;background:repeating-conic-gradient(#353735 0% 25%,#2b2d2b 0% 50%) 50% / 24px 24px}.pm-preview img{display:block;max-width:100%;max-height:420px;object-fit:contain}.pm-file-line{display:flex;justify-content:space-between;gap:20px;align-items:start;padding:22px 0;border-bottom:1px solid #515450}.pm-file-line>div{min-width:0}.pm-file-line strong,.pm-file-line span{display:block;overflow-wrap:anywhere}.pm-file-line span{margin-top:5px;color:#bbc0ba;font-size:.84rem}.pm-change{padding:0;border:0;background:transparent;color:#a9baff;text-decoration:underline;cursor:pointer;white-space:nowrap}.pm-findings{padding:28px 0}.pm-findings h3{margin:0 0 8px;font-size:1.4rem}.pm-findings>p{margin:0 0 22px;color:#c7c9c0}.pm-finding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#525550;border:1px solid #525550}.pm-finding{padding:17px;background:#232523;min-height:76px}.pm-finding span{display:block;color:#aeb3ad;font-size:.72rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.pm-finding strong{display:block;margin-top:6px;color:#fff;font-size:.95rem;overflow-wrap:anywhere}.pm-output{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px;background:#274bd8}.pm-output h3{margin:5px 0 6px;font-size:1.5rem}.pm-output p:last-child{margin:0;color:#e1e7ff;font-size:.85rem}.pm-output .button{flex:none;cursor:pointer}.pm-status{min-height:1.4em;color:#ffc7a9}.pm-side{padding:28px;border:1px solid #555851}.pm-side-number{color:#a9baff;font-size:.7rem;font-weight:800;letter-spacing:.14em}.pm-side h2{margin:12px 0;font-family:var(--serif);font-size:1.9rem;font-weight:400}.pm-side p{margin:0;color:#c7c9c0;font-size:.9rem;line-height:1.55}.pm-side-rule{height:1px;background:#555851;margin:28px 0}.pm-notes{background:#f5f2ea}@media(max-width:900px){.pm-grid{grid-template-columns:1fr}.pm-side{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.pm-side-rule{display:none}}@media(max-width:620px){.pm-tool{padding:64px 0}.pm-side{display:block}.pm-side-rule{display:block}.pm-finding-grid{grid-template-columns:1fr}.pm-output{align-items:stretch;flex-direction:column}.pm-output .button{width:100%}.pm-file-line{flex-direction:column}}