.ptl{container-type:inline-size;color:var(--ink);display:flex;flex-direction:column;gap:14px;inline-size:100%;min-inline-size:0}.ptl-shell{padding:16px 16px 96px;max-inline-size:1180px;margin-inline:auto;display:flex;flex-direction:column;gap:14px}.ptl-head h1{font-size:22px;margin:0}.ptl-head p{margin:4px 0 0;color:var(--dim);font-size:14px}.ptl .sr{position:absolute;inline-size:1px;block-size:1px;opacity:0;overflow:hidden}.ptl-pick{display:flex;flex-direction:column;gap:10px}.ptl-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-block-size:200px;padding:24px 16px;border:1.5px dashed var(--line);border-radius:var(--r-lg, 16px);background:var(--panel);text-align:center;cursor:pointer}.ptl-drop.on,.ptl-drop:hover{border-color:var(--cyan)}.ptl-droph{font-size:16px;font-weight:600}.ptl-dropl{font-size:13px;color:var(--dim)}.ptl-cam{justify-content:center}.ptl-grid{display:flex;flex-direction:column;gap:14px;min-inline-size:0}.ptl-main,.ptl-rail,.ptl-side{display:flex;flex-direction:column;gap:12px;min-inline-size:0}.ptl-rail{gap:12px}.ptl-field{display:flex;flex-direction:column;gap:6px;min-inline-size:0;flex:1}.ptl-lbl{font-size:13px;color:var(--dim)}.ptl-hint{font-size:12px;color:var(--dim)}.ptl-in{block-size:44px;inline-size:100%;min-inline-size:0;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);padding:0 10px;font-size:16px}.ptl-color{block-size:44px;inline-size:72px;border-radius:10px;border:1px solid var(--line);background:var(--panel);padding:4px}.ptl-two{display:flex;gap:8px;align-items:flex-end}.ptl-lock{flex:none;inline-size:44px;block-size:44px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--dim);cursor:pointer}.ptl-lock[aria-pressed=true]{color:var(--ink)}.ptl-chips{display:flex;flex-wrap:wrap;gap:8px}.ptl-chips .chip[aria-pressed=true],.ptl-chips .chip[data-on=true]{border-color:var(--cyan);background:var(--cyan-tint);color:var(--ink)}.ptl-chips label.chip{position:relative;cursor:pointer}.ptl-dot{flex:none;display:inline-block;inline-size:16px;block-size:16px;border-radius:50%;box-shadow:0 0 0 1px #8080808c}.ptl-switch{position:sticky;inset-block-start:0;z-index:5;display:flex;gap:8px;padding:8px 16px;overflow-x:auto;scrollbar-width:none;background:var(--deep, var(--void));border-block-end:1px solid var(--line)}.ptl-switch::-webkit-scrollbar{display:none}@media(max-width:1023.98px){.ptl-switch{padding-inline:28px;scroll-padding-inline:28px;-webkit-mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}.lsec .ptl-switch{margin-inline:-16px;padding-inline:28px}}.ptl-sw{flex:none;display:inline-flex;align-items:center;gap:6px;min-block-size:40px;padding:0 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--dim);font-size:13px;white-space:nowrap;text-decoration:none}.ptl-sw[aria-current]{border-color:var(--cyan);background:var(--cyan-tint);color:var(--ink)}.lsec .ptl-switch{margin-block-end:12px;padding-inline:0}.ptl-grp{display:flex;flex-direction:column;gap:10px}.ptl-grp h2{margin:8px 0 0;font-size:15px;color:var(--dim);font-weight:600}.ptl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.ptl-card{display:flex;align-items:center;gap:12px;min-block-size:72px;padding:12px;border:1px solid var(--line);border-radius:var(--r-lg, 16px);background:var(--panel);color:var(--ink);text-decoration:none}.ptl-card:hover{border-color:var(--cyan)}.ptl-ci{flex:none;display:grid;place-items:center;inline-size:40px;block-size:40px;border-radius:12px;background:var(--cyan-tint);color:var(--cyan)}.ptl-ct{flex:1;display:flex;flex-direction:column;gap:2px;min-inline-size:0;font-size:13px;color:var(--dim)}.ptl-ct strong{font-size:15px;font-weight:600;color:var(--ink)}.ptl-cf{flex:none;font-size:12px;color:var(--dim)}.ptl-carry{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px;border:1px solid var(--cyan);border-radius:12px}.ptl-carry img{flex:none;inline-size:48px;block-size:48px;object-fit:cover;border-radius:8px}.ptl-carryt{flex:1 1 200px;display:flex;flex-direction:column;gap:2px;min-inline-size:0;font-size:14px}.ptl-back{display:inline-flex;align-items:center;gap:6px;min-block-size:40px;color:var(--dim);font-size:14px;text-decoration:none}.ptl-ta{block-size:auto;padding-block:10px;resize:vertical}.ptl-busy{display:flex;align-items:center;gap:16px;min-block-size:120px;padding:18px 16px;border:1px solid var(--line);border-radius:var(--r-lg, 16px);background:var(--panel)}.ptl-spin{flex:none;display:inline-block;inline-size:36px;block-size:36px;box-sizing:border-box;border-radius:50%;border:3px solid var(--line);border-block-start-color:var(--cyan);animation:ptl-turn .8s linear infinite}.ptl-spin.sm{inline-size:16px;block-size:16px;border-width:2px;vertical-align:-3px}@keyframes ptl-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ptl-spin{animation-duration:2.4s}}.ptl-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-inline-size:0;font-size:14px;color:var(--dim)}.ptl-steps li{display:flex;gap:8px;align-items:flex-start}.ptl-steps .now{color:var(--ink);font-weight:600}.ptl-steps .done{color:var(--ok, #34d399)}.ptl-mark{flex:none;display:grid;place-items:center;inline-size:14px;block-size:20px}.ptl-one{display:flex;align-items:center;gap:12px;min-inline-size:0}.ptl-thumb{inline-size:72px;block-size:72px;object-fit:cover;border-radius:10px;flex:none}.ptl-many{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.ptl-tile{inline-size:52px;block-size:52px;object-fit:cover;border-radius:8px}.ptl-rowt{display:flex;flex-direction:column;gap:2px;min-inline-size:0;flex:1}.ptl-name{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ptl-dim{font-size:13px;color:var(--dim)}.ptl-good{font-size:13px;color:var(--ok, #34d399)}.ptl-warn{font-size:13px;color:var(--warn, #fbbf24)}.ptl-acts{display:flex;flex-wrap:wrap;gap:8px}.ptl-bar{position:sticky;inset-block-end:0;z-index:2;display:flex;flex-direction:column;gap:6px;padding:10px 0;background:linear-gradient(to top,var(--deep, var(--void)) 72%,transparent)}.ptl-bar .btn{inline-size:100%;justify-content:center}.ptl-bar .ptl-dim{text-align:center;font-size:12px}.ptl-note{display:flex;gap:8px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:10px;background:var(--panel);font-size:13px}.ptl-note svg{flex:none;margin-block-start:2px}.ptl-note.warn{color:var(--warn, #fbbf24)}.ptl-result{display:flex;flex-direction:column;gap:12px;scroll-margin-block-start:72px}.ptl-stats{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.ptl-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ptl-row{display:flex;align-items:center;gap:10px;min-inline-size:0}.ptl-row img{flex:none;inline-size:48px;block-size:48px;object-fit:cover;border-radius:8px}.ptl-cmp{--at: 50%;position:relative;inline-size:100%;max-block-size:70dvh;overflow:hidden;border-radius:12px;background:var(--panel);touch-action:pan-y;-webkit-user-select:none;user-select:none}.ptl-cmp img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain}.ptl-cmpb{clip-path:inset(0 calc(100% - var(--at)) 0 0)}.ptl-cmpl{position:absolute;inset-block:0;inset-inline-start:var(--at);inline-size:2px;margin-inline-start:-1px;background:#fff;box-shadow:0 0 4px #0000007f;pointer-events:none}.ptl-cmpk{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);inline-size:36px;block-size:36px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111}.ptl-cmpr{position:absolute;inset:0;inline-size:100%;block-size:100%;margin:0;opacity:0;cursor:ew-resize}.ptl-cmpt{position:absolute;inset-block-start:8px;padding:3px 8px;border-radius:8px;background:#0009;color:#fff;font-size:12px;pointer-events:none}.ptl-cmpt.l{inset-inline-start:8px}.ptl-cmpt.r{inset-inline-end:8px}html[dir=rtl] .ptl-cmp{direction:ltr}@container (min-width: 760px){.ptl-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:start}.ptl-rail{position:sticky;inset-block-start:12px}.ptl-bar{position:static;background:none;padding-block-end:0}}.ptl-psfr{position:relative;inline-size:min(100%,300px,calc(46dvh * var(--ar, .78)));margin-inline:auto;overflow:hidden;border-radius:6px;background:#fff;touch-action:none;cursor:grab;box-shadow:0 0 0 1px var(--line)}.ptl-psimg{display:block;inline-size:100%;block-size:100%}.ptl-psg{position:absolute;inset-inline:16%;border:1.5px dashed rgb(96 165 250 / 90%);border-radius:50%;pointer-events:none}.ptl-pswork{position:absolute;inset:0;display:grid;place-items:center;background:#00000059}.ptl-pswork[hidden]{display:none}.ptl-range{inline-size:100%;block-size:44px;accent-color:var(--cyan)}.ptl-checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13.5px}.ptl-checks li{display:flex;gap:8px;align-items:flex-start}.ptl-checks svg{flex:none;margin-block-start:2px}.ptl-checks .ok svg{color:var(--ok, #34d399)}.ptl-checks .no{color:var(--warn, #fbbf24)}.ptl-tick{display:flex;gap:10px;align-items:center;min-block-size:44px;font-size:14px}.ptl-tick input{inline-size:20px;block-size:20px}.ptl-sub{margin:8px 0 0;font-size:15px}.ptl-more summary{min-block-size:44px;display:flex;align-items:center;font-size:14px;cursor:pointer}.ptl-sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.ptl-size{display:flex;flex-direction:column;gap:2px;align-items:flex-start;min-block-size:44px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);font:inherit;font-size:13px;text-align:start;cursor:pointer}.ptl-size[aria-pressed=true]{border-color:var(--cyan);background:var(--cyan-tint)}.ptl-size strong{font-size:14px;font-weight:600}.ptl-size span{color:var(--dim)}.ptl-sheet{display:block;inline-size:min(100%,220px);block-size:auto;margin-inline:auto;background:#fff;box-shadow:0 0 0 1px var(--line)}html[data-theme=light] .ptl-psfr{box-shadow:0 0 0 1px #00000026}.ptl-pages{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:10px}.ptl-page{position:relative;display:flex;flex-direction:column;gap:4px;align-items:center}.ptl-page img{inline-size:100%;aspect-ratio:3 / 4;object-fit:contain;background:var(--panel);border-radius:8px}.ptl-pagebtns{display:flex;gap:2px}html[dir=rtl] .ptl-pagebtns svg{transform:scaleX(-1)}.ptl-rs-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.ptl-rs-go{min-block-size:40px;padding-inline:18px}@media(pointer:coarse),(max-width:600px){.ptl-rs-go{min-block-size:44px}}.ptl-rs-cost{display:inline-flex;align-items:center;gap:3px;padding-inline-start:6px;font-variant-numeric:tabular-nums}.ptl-rs-up{display:flex;align-items:center;gap:10px;min-block-size:120px;justify-content:center;border:1px solid var(--line);border-radius:var(--r-lg, 16px);background:var(--panel);font-size:14px}.ptl-rs-pic{position:relative;margin:0;display:flex;justify-content:center;border-radius:var(--r-lg, 16px);background:var(--panel);overflow:hidden}.ptl-rs-pic img{display:block;max-inline-size:100%;max-block-size:56dvh;object-fit:contain}.ptl-rs-pic .btn{position:absolute;inset-block-end:10px;inset-inline-end:10px}.ptl-drop:is(button){inline-size:100%;color:inherit;font:inherit}.ptl-rs-cmp{max-inline-size:min(100%,calc(70dvh * var(--r, 1)));margin-inline:auto}.ptl-rs-acts{justify-content:flex-start}