.pn-panel{border:1px solid var(--hairline);background:var(--bg);border-radius:10px;flex-direction:column;gap:7px;margin-top:8px;padding:9px 10px 10px;display:flex}.pn-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.pn-kicker{font:600 8.5px/1.35 var(--font-mono,monospace);letter-spacing:.09em;text-transform:uppercase;color:var(--ink-4);white-space:nowrap}.pn-name{font:600 12px/1.35 var(--font-text);color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pn-facts{flex-wrap:wrap;align-items:baseline;gap:7px;display:flex}.pn-price{font:600 11px/1 var(--font-text);color:var(--accent-ink);background:var(--signal);border-radius:999px;padding:3px 7px}.pn-meta{font:500 9.5px/1.35 var(--font-mono,monospace);letter-spacing:.04em;color:var(--ink-4);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pn-strip{scrollbar-width:thin;gap:5px;padding-bottom:2px;display:flex;overflow-x:auto}.pn-thumb{border:1px solid var(--hairline);background:var(--surface);cursor:pointer;border-radius:7px;flex:none;width:42px;height:42px;padding:0;overflow:hidden}.pn-thumb:hover{border-color:var(--hairline-2)}.pn-thumb:focus-visible{outline:2px solid var(--color-signal);outline-offset:1px}.pn-thumb-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.pn-desc{font:400 11px/1.5 var(--font-text);color:var(--ink-3);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pn-empty{font:400 10.5px/1.4 var(--font-text);color:var(--ink-4)}.pn-plate{background:var(--paper);border-top:1px solid var(--hairline);color:var(--ink-4);border-bottom-right-radius:16px;border-bottom-left-radius:16px;align-items:center;gap:7px;margin:0;padding:8px 10px 9px;display:flex}.pn-plate-name{min-width:0;font:600 12px/1.35 var(--font-text);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pn-extract{border:1px solid var(--hairline-2);background:var(--bg);color:var(--ink-2);font:600 10px/1 var(--font-text);cursor:pointer;border-radius:7px;flex-shrink:0;padding:5px 9px}.pn-extract:hover{border-color:var(--ink-4);color:var(--ink)}.pn-plate-extract{border:1px solid var(--hairline-2);background:var(--paper);color:var(--ink-2);font:600 10px/1 var(--font-text);cursor:pointer;opacity:0;border-radius:7px;flex-shrink:0;margin-left:auto;padding:4px 8px;transition:opacity .12s ease-out,border-color .12s ease-out}.react-flow__node:hover .pn-plate-extract,.pn-plate-extract:focus-visible{opacity:1}.pn-plate-extract:hover{border-color:var(--ink-4);color:var(--ink)}.pn-panel[data-variant=page]{background:0 0;border:0;gap:14px;margin-top:0;padding:0}.pn-hero{background:var(--surface);cursor:zoom-in;aspect-ratio:4/5;border:0;border-radius:14px;width:100%;max-height:46vh;padding:0;display:block;overflow:hidden}.pn-hero-img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.pn-panel[data-variant=page] .pn-strip{flex-wrap:nowrap;gap:8px;padding-bottom:2px;overflow-x:auto}.pn-panel[data-variant=page] .pn-thumb{border-radius:10px;flex:none;width:56px;height:56px}.pn-panel[data-variant=page] .pn-price{font:600 13px/1 var(--font-text);padding:4px 10px}.pn-panel[data-variant=page] .pn-meta{font:500 12px/1.4 var(--font-text)}.pn-panel[data-variant=page] .pn-desc{font:400 13px/1.6 var(--font-text);-webkit-line-clamp:6}.pn-panel[data-variant=page] .pn-empty{font:400 13px/1.5 var(--font-text)}