.pt-page{max-width:1440px;margin:auto}.pt-layout{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:24px;align-items:start}.pt-page .nf-panel{min-width:0}.pt-page .nf-panel>label{display:block;margin:16px 0}.pt-page .nf-actions{gap:12px;margin:18px 0}.pt-page textarea{width:100%;min-height:240px}.pt-page canvas,.pt-output-image{display:block;max-width:100%;max-height:580px;object-fit:contain;margin:auto}.pt-checker{background:repeating-conic-gradient(#4b3b57 0% 25%,#21172b 0% 50%) 0/20px 20px;border:1px solid #80629a;border-radius:12px;overflow:auto;padding:12px;min-height:200px}.pt-page progress{width:100%;accent-color:#ac7fea}.pt-preview{min-height:260px;overflow:auto;background:#181020;border:1px solid #75558b;border-radius:12px;padding:18px}.pt-preview svg{display:block;max-width:100%;height:auto;margin:auto}.pt-page .pt-help{font-size:14px;color:#d3bddf;line-height:1.7}.pt-page .pt-result{min-height:220px;font:15px/1.7 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.pt-page .pt-file{margin:14px 0}.pt-page .pt-choices{display:flex;gap:12px;flex-wrap:wrap}.pt-page input[type=color]{min-height:44px}.pt-page .pt-metric{font-size:20px;color:#e6c8ff;margin:14px 0}.pt-output-image:not([src]){display:none}@media(max-width:850px){.pt-layout{grid-template-columns:1fr}.pt-page canvas{max-height:420px}.pt-page textarea{min-height:200px}}
.pt-preview{max-height:620px}.pt-preview svg{max-height:560px;width:auto}.pt-preview.pt-actual svg{max-height:none;max-width:none;width:auto}.pt-preview img{max-width:100%;max-height:560px;object-fit:contain}.pt-project-label{font-size:13px;max-width:220px}.pt-project-label input{margin-top:6px;max-width:100%}.pt-audit{margin-top:16px;border-top:1px solid #a77a58;color:#ffd8aa}.pt-audit p{overflow-wrap:anywhere}
.pt-audit-table{margin-top:18px;max-height:340px;overflow:auto}.pt-audit-table th{position:sticky;top:0}.pt-audit-table td{white-space:pre-wrap}.pt-page .pt-preview:has(.pt-audit-table){max-height:800px}