@keyframes pk-sheen{0%{transform:translate(-130%)skew(-18deg)}to{transform:translate(330%)skew(-18deg)}}@keyframes pk-fact{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.dc-port.dc-np{--brand-mark:white}:root[data-theme=light] .dc-port.dc-np{--brand-mark:black}.dc-port.dc-np .pk{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;display:grid;position:relative}.dc-port.dc-np .pk-top{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.dc-port.dc-np .pk-stage{--px:0;--py:0;border:1px solid var(--line-2);min-height:292px;box-shadow:var(--shadow);perspective:900px;border-radius:24px;place-items:center;display:grid;position:relative;overflow:hidden}.dc-port.dc-np .pk-bg{opacity:0;transition:opacity .6s cubic-bezier(.16,.8,.2,1);position:absolute;inset:0}.dc-port.dc-np .pk-bg[data-on]{opacity:1}.dc-port.dc-np .pk-bg[data-bg=dark]{background:radial-gradient(120% 90% at 50% 0,#333,#0f0f0f)}.dc-port.dc-np .pk-bg[data-bg=light]{background:radial-gradient(120% 90% at 50% 0%, white, color-mix(in srgb, white 90%, var(--copper)))}.dc-port.dc-np .pk-bg[data-bg=copper]{background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--copper) 74%, black), color-mix(in srgb, var(--copper) 56%, black))}.dc-port.dc-np .pk-sheen{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:40%;animation:.9s cubic-bezier(.3,.6,.3,1) backwards pk-sheen;position:absolute;inset:0 auto 0 0;transform:translate(330%)skew(-18deg)}.dc-port.dc-np .pk-mark{transform:rotateY(calc(var(--px) * 12deg)) rotateX(calc(var(--py) * -12deg));place-items:center;margin-bottom:44px;transition:transform .5s cubic-bezier(.16,.8,.2,1);display:grid;position:relative}.dc-port.dc-np .pk-mark img{opacity:0;grid-area:1/1;width:132px;height:auto;transition:opacity .45s;display:block}.dc-port.dc-np .pk-mark img[data-on]{opacity:1}.dc-port.dc-np .pk-switch{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:999px;justify-content:center;gap:4px;padding:4px;display:flex;position:absolute;inset:auto 10px 10px}.dc-port.dc-np .pk-swatch{min-width:0;min-height:44px;color:var(--ink-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;gap:7px;padding:0 8px;font-family:inherit;font-size:13px;font-weight:500;line-height:1;transition:background .3s,color .3s,border-color .3s;display:inline-flex}.dc-port.dc-np .pk-swatch:hover{color:var(--ink)}.dc-port.dc-np .pk-swatch[aria-checked=true]{background:var(--copper-soft);border-color:var(--copper-line);color:var(--ink)}.dc-port.dc-np .pk-swatch i{border:1px solid var(--line-2);border-radius:999px;flex-shrink:0;width:14px;height:14px}.dc-port.dc-np .pk-swatch[data-bg=dark] i{background:#1a1a1a}.dc-port.dc-np .pk-swatch[data-bg=light] i{background:#fff}.dc-port.dc-np .pk-swatch[data-bg=copper] i{background:color-mix(in srgb, var(--copper) 70%, black)}.dc-port.dc-np .pk-facts{gap:8px;min-width:0;display:grid}.dc-port.dc-np .pk-fact{border:1px solid var(--line);background:var(--card);border-radius:14px;align-content:center;gap:5px;min-width:0;padding:9px 14px;animation:.6s cubic-bezier(.16,.8,.2,1) both pk-fact;display:grid}.dc-port.dc-np[data-page=press] .np-pill{font-size:12px}.dc-port.dc-np .pk-fact .np-mono{letter-spacing:.1em;font-size:12px}.dc-port.dc-np .pk-fact-value{color:var(--ink);font-size:14.5px;font-weight:600;line-height:1.2}.dc-port.dc-np .pk-nobreak{white-space:nowrap;font-size:clamp(12px,3.7vw,15px)}.dc-port.dc-np .pk-fact-value .pk-nobreak{font-size:clamp(12px,3.7vw,14.5px)}.dc-port.dc-np .pk:not([data-ready]) .pk-switch,.dc-port.dc-np .pk:not([data-ready]) .pk-copy{visibility:hidden}.dc-port.dc-np .pk-ask{max-width:420px;margin-top:22px}.dc-port.dc-np .pk-desc{border:1px solid var(--line);background:var(--card);color:var(--ink-2);border-radius:16px;margin:0;padding:14px 16px;font-size:13.5px;line-height:1.55}.dc-port.dc-np .pk-actions{flex-wrap:wrap;gap:10px;display:flex}.dc-port.dc-np .pk-download{background:var(--btn-c);min-height:48px;color:var(--btn-c-ink);box-shadow:var(--btn-c-shadow);white-space:nowrap;border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex}.dc-port.dc-np .pk-size{font-family:var(--mono);letter-spacing:.04em;opacity:.85;font-size:12px}.dc-port.dc-np .pk-copy{border:1px solid var(--line-2);background:var(--card);min-height:48px;color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;flex:auto;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-family:inherit;font-size:14.5px;font-weight:500;line-height:1;transition:border-color .3s,background .3s,color .3s;display:inline-flex}.dc-port.dc-np .pk-copy:hover{border-color:var(--copper-line)}.dc-port.dc-np .pk-copy[data-state=done]{border-color:var(--teal);color:var(--teal)}.dc-port.dc-np .pk-copy-words{justify-items:center;display:grid}.dc-port.dc-np .pk-copy-words>span{opacity:0;grid-area:1/1;transition:opacity .25s,transform .25s;transform:translateY(6px)}.dc-port.dc-np .pk-copy-words>span[data-on]{opacity:1;transform:none}.dc-port.dc-np .pk-status{color:color-mix(in srgb, var(--rose) 70%, var(--ink));margin:0;font-size:13px;line-height:1.4}.dc-port.dc-np .pk-status:not([data-shown]){clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.dc-port.dc-np .pk-mark{transform:none}.dc-port.dc-np .pk-sheen{display:none}.dc-port.dc-np .pk-bg,.dc-port.dc-np .pk-mark img,.dc-port.dc-np .pk-copy-words>span{transition:none}.dc-port.dc-np .pk-fact{animation:none}}@media (max-width:640px){.dc-port.dc-np .pk-top{grid-template-columns:minmax(0,1fr)}.dc-port.dc-np .pk-stage{min-height:264px}.dc-port.dc-np .pk-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.dc-port.dc-np .pk-fact:last-child:nth-child(odd){grid-column:1/-1}.dc-port.dc-np .pk-swatch{gap:5px;padding:0 4px;font-size:12.5px}.dc-port.dc-np .pk-fact{padding:9px 11px}}@media (max-width:360px){.dc-port.dc-np .pk-facts{grid-template-columns:minmax(0,1fr)}.dc-port.dc-np .pk-fact-value .pk-nobreak{font-size:14.5px}.dc-port.dc-np .pk-download,.dc-port.dc-np .pk-copy{flex-basis:100%;min-width:0}.dc-port.dc-np .pk-download{white-space:normal;border-radius:24px;flex-wrap:wrap;gap:2px 10px;padding:8px 16px}}