.pn-options{margin-top:var(--s-4)}.pn-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,20rem);gap:var(--s-5);align-items:start}.pn-controls{display:grid;gap:var(--s-4);min-width:0}@media(max-width:52rem){.pn-body{grid-template-columns:minmax(0,1fr)}}.pn-preview-slot{display:grid;gap:var(--s-2);min-width:0}.pn-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));gap:var(--s-3)}.pn-shot{position:relative;display:grid;place-items:center;min-height:6rem;padding:var(--s-1);border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface)}.pn-shot canvas{display:block;width:100%;height:auto}.pn-shot-page{position:absolute;top:calc(-1 * var(--s-1));left:var(--s-2);transform:translateY(-50%);padding:0 var(--s-1);background:var(--surface);color:var(--faint);font-size:var(--fs-12)}.pn-shot-wait{color:var(--faint);font-size:var(--fs-12)}.pn-mark{position:absolute;display:flex;align-items:center;box-sizing:border-box;padding:0 1px;outline:1px dashed var(--accent);outline-offset:1px;background:var(--accent-soft);color:var(--text);font-family:var(--sans);line-height:1;white-space:nowrap}.pn-mark[hidden]{display:none}.pn-clash{color:var(--warn)}.pn-clash[hidden]{display:none}.pn-plan-bar{border-top:1px solid var(--border);background:var(--raised)}.pn-plan{margin:0;color:var(--muted);font-size:var(--fs-14)}.pn-plan.is-bad{color:var(--danger)}.pn-controls .field>.input{align-self:start}