.pmd{min-height:430px}.pmd-drop{gap:14px;display:grid}.pmd-filemark{border:1px solid var(--line);border-radius:var(--r-md);width:48px;height:48px;font:700 14px var(--font-mono);color:var(--ink-1);background:var(--surface-2);place-items:center;display:grid}.pmd-notice,.pmd-working,.pmd-lock,.pmd-error,.pmd-boundary{border-left:4px solid var(--warn);background:var(--surface-2);padding:12px 14px}.pmd-working{border-color:var(--brass);gap:9px;display:grid}.pmd-working span,.pmd-lock p,.pmd-output header span,.pmd-report p{color:var(--ink-1);font-size:14px}.pmd-working progress{width:100%;height:10px;accent-color:var(--brass)}.pmd-lock{gap:10px;display:grid}.pmd-lock>div{gap:8px;display:flex}.pmd-lock input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-0);min-width:0;min-height:44px;color:var(--ink-0);flex:1;padding:0 12px;font-size:16px}.pmd-lock button,.pmd-plain,.pmd-tabs button,.pmd-actions button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-0);min-height:44px;color:var(--ink-0);cursor:pointer;padding:0 14px;font-weight:700}.pmd-plain{background:0 0}.pmd-bench{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);align-items:start;gap:20px;display:grid}.pmd-output,.pmd-report{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-1);min-width:0;padding:20px}.pmd-output>header,.pmd-report li>header,.pmd-stub{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pmd-output>header>div{gap:3px;min-width:0;display:grid}.pmd-output>header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pmd-tabs{border-bottom:1px solid var(--line);gap:6px;margin:18px 0 10px;display:flex}.pmd-tabs button{border-radius:var(--r-sm) var(--r-sm) 0 0;border-bottom:0}.pmd-tabs button[aria-pressed=true]{box-shadow:inset 0 -3px 0 var(--brass)}.pmd-output textarea,.pmd-styled{box-sizing:border-box;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-0);width:100%;min-height:500px;max-height:700px;color:var(--ink-0);padding:16px;overflow:auto}.pmd-output textarea{resize:vertical;font:16px/1.55 var(--font-mono)}.pmd-styled{font-size:16px;line-height:1.6}.pmd-styled img{max-width:100%;height:auto;margin:16px auto;display:block}.pmd-styled table{border-collapse:collapse;max-width:100%;display:block;overflow:auto}.pmd-styled th,.pmd-styled td{border:1px solid var(--line);padding:7px 9px}.pmd-blocked{background:var(--surface-2);color:var(--ink-1);padding:12px;display:block}.pmd-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.pmd-actions .pmd-primary{border-color:var(--brass);background:var(--brass);color:var(--surface-0)}.pmd-actions button:disabled{opacity:.55}.pmd-zip{font:13px var(--font-mono);overflow-wrap:anywhere}.pmd-error{border-color:var(--error);color:var(--error)}.pmd-stub{border-bottom:1px dashed var(--line);font:12px var(--font-mono);color:var(--ink-1);padding-bottom:12px}.pmd-report h2{font-size:21px}.pmd-summary{grid-template-columns:1fr 1fr;gap:8px;margin:0 0 18px;display:grid}.pmd-summary div{background:var(--surface-2);padding:10px}.pmd-summary dt{color:var(--ink-1);font-size:12px}.pmd-summary dd{font:700 18px var(--font-mono);margin:3px 0 0}.pmd-pages{gap:12px;max-height:650px;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.pmd-pages>li{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-0);padding:12px}.pmd-pages header span{color:var(--ink-1);text-align:right;font-size:12px}.pmd-pages ul{gap:6px;margin:8px 0 0;padding-left:20px;display:grid}.pmd-pages ul li{font-size:13px}.pmd-pages ul li[data-severity=loss]{color:var(--error)}.pmd-boundary{border-color:var(--warn);margin-top:16px}@media (width<=800px){.pmd-bench{grid-template-columns:1fr}.pmd-output,.pmd-report{padding:16px}.pmd-output textarea,.pmd-styled{min-height:390px}.pmd-actions{z-index:2;background:var(--surface-1);border:1px solid var(--line);border-radius:var(--r-md);padding:8px;position:sticky;bottom:8px}}@media (width<=390px){.pmd-output>header{flex-direction:column;align-items:stretch}.pmd-actions,.pmd-summary{grid-template-columns:1fr}.pmd-lock>div{flex-direction:column}.pmd-tabs button,.pmd-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.pmd *{scroll-behavior:auto;transition:none!important;animation:none!important}}