.pht{padding:16px 0 72px}.pht-crumb{display:flex;gap:6px;font-size:.875rem;color:var(--ph-mute);margin:4px 0 18px}.pht-crumb a{text-decoration:none}.pht-head{display:grid;gap:10px;margin-bottom:24px;max-width:72ch}.pht-h1{margin:0;font-weight:800;font-size:clamp(2rem,4.6vw,3.5rem);letter-spacing:-.04em;line-height:1;font-variation-settings:"wdth" 86,"opsz" 96}.pht-lede{margin:0;color:#2a4339;line-height:1.55}.pht-grid{display:grid;gap:24px}@media(min-width:990px){.pht-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}.pht-stage-col{position:sticky;top:126px}}.pht-stage{background:#fff;border-radius:var(--ph-r-l);padding:16px;display:grid;gap:10px}.pht-stage-cap{display:flex;justify-content:space-between;gap:12px;font-size:.875rem;color:var(--ph-mute)}.pht-stage-cap b{color:var(--ph-pine)}.pht-panel{display:grid;gap:22px}.pht-step{background:#fff;border-radius:var(--ph-r-m);padding:18px;display:grid;gap:12px}.pht-step h2{margin:0;font-size:1.0625rem;font-weight:800;display:flex;gap:10px;align-items:center}.pht-step h2 span{width:26px;height:26px;border-radius:50%;background:var(--ph-fog);display:grid;place-items:center;font-size:.8125rem}.pht-help{margin:0;font-size:.875rem;color:var(--ph-mute);line-height:1.5}.pht-seg{display:flex;flex-wrap:wrap;gap:8px}.pht-seg a,.pht-seg label{position:relative;padding:10px 16px;border-radius:999px;font-weight:600;font-size:.9375rem;text-decoration:none;cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--ph-line);background:#fff}.pht-seg input{position:absolute;opacity:0}.pht-seg [aria-current],.pht-seg label:has(input:checked){background:var(--ph-pine);color:#fff;box-shadow:none}.pht-seg label:has(input:focus-visible){outline:2px solid var(--ph-needle);outline-offset:2px}.pht-seg label:has(input:disabled){opacity:.4;cursor:not-allowed}.pht-seg label.is-small:not(:has(input:checked)){opacity:.5}.pht-seg small{font-weight:500;opacity:.8;margin-left:4px}.pht-drop{border:2px dashed var(--ph-line);border-radius:var(--ph-r-m);padding:22px;text-align:center;display:grid;gap:6px;justify-items:center;cursor:pointer;background:var(--ph-fog);transition:border-color .15s,background .15s}.pht-drop:hover,.pht-drop.is-over{border-color:var(--ph-needle);background:#e6ede7}.pht-drop b{font-size:1rem}.pht-drop small{color:var(--ph-mute)}.pht-drop input{position:absolute;width:1px;height:1px;opacity:0}.pht-drop:has(input:focus-visible){outline:2px solid var(--ph-needle);outline-offset:2px}.pht-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.pht-item{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px;border-radius:var(--ph-r-m);box-shadow:inset 0 0 0 1.5px var(--ph-line)}.pht-thumb{width:64px;height:64px;border-radius:8px;object-fit:contain;background:repeating-conic-gradient(#eef2ee 0 25%,#fff 0 50%) 50%/14px 14px}.pht-item-name{font-weight:600;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pht-fields{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;align-items:center}.pht-fields label{display:inline-flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--ph-mute)}.pht-in{width:72px;font:600 .9375rem var(--ph-font);color:var(--ph-pine);padding:7px 8px;border:1.5px solid var(--ph-line);border-radius:8px;background:#fff}.pht-in:focus{outline:none;border-color:var(--ph-needle)}.pht-warn{font-size:.8125rem;color:#8a4b00;margin:4px 0 0}.pht-err{font-size:.8125rem;color:var(--ph-heart);margin:4px 0 0}.pht-rm{background:none;border:0;color:var(--ph-mute);cursor:pointer;font:600 .8125rem var(--ph-font);text-decoration:underline;padding:6px}.pht-textin{width:100%;font:500 1rem var(--ph-font);color:var(--ph-pine);padding:12px;border:1.5px solid var(--ph-line);border-radius:10px;background:#fff}.pht-textin:focus{outline:none;border-color:var(--ph-needle)}.pht-buy{position:sticky;bottom:0;background:#fff;border-radius:var(--ph-r-m);padding:16px 18px;display:grid;gap:10px;box-shadow:0 -8px 28px #17352b14}.pht-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.pht-total b{font-size:1.5rem}.pht-total span{color:var(--ph-mute);font-size:.875rem}.pht-row{display:flex;gap:10px}.pht-row .ph-btn{flex:1}.pht-fine{margin:0;font-size:.8125rem;color:var(--ph-mute)}.pht-label{font-size:.875rem;font-weight:700}.phg-sheet-wrap{max-height:min(70vh,760px);overflow:auto;border-radius:12px;background:#f6f8f6}.phg-sheet{position:relative;width:100%;background:repeating-conic-gradient(#e9eee9 0 25%,#fff 0 50%) 0 0/18px 18px;box-shadow:inset 0 0 0 1px var(--ph-line)}.phg-sheet img{position:absolute;object-fit:contain;outline:1px dashed rgba(23,53,43,.25)}.phg-ruler{display:flex;justify-content:space-between;font-size:.75rem;color:var(--ph-mute);padding:0 2px}.phg-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;color:var(--ph-mute);font-size:.9375rem;padding:24px}.phx-view{position:relative;aspect-ratio:1;display:grid;place-items:center;background:linear-gradient(180deg,#fff,var(--ph-fog));border-radius:20px;overflow:hidden}.phx-view svg.phx-shirt{width:78%;height:auto;filter:drop-shadow(0 14px 24px rgba(23,53,43,.16))}.phx-print{position:absolute;left:50%;translate:-50% 0;display:grid;place-items:center;text-align:center;pointer-events:none}.phx-print img{max-width:100%;max-height:100%;object-fit:contain}.phx-print p{margin:0;font-weight:800;line-height:1.05;word-break:break-word}.phx-flip{position:absolute;top:12px;right:12px;display:flex;gap:4px;background:#fff;border-radius:999px;padding:4px;box-shadow:0 4px 14px #17352b1f}.phx-flip button{border:0;border-radius:999px;padding:7px 14px;font:600 .875rem var(--ph-font);background:none;color:var(--ph-pine);cursor:pointer}.phx-flip button[aria-pressed=true]{background:var(--ph-pine);color:#fff}.phx-sides{display:grid;gap:12px}.phx-side{border-radius:12px;box-shadow:inset 0 0 0 1.5px var(--ph-line);padding:14px;display:grid;gap:10px}.phx-side>label{display:flex;align-items:center;gap:10px;font-weight:700;cursor:pointer}.phx-side>label input{width:18px;height:18px;accent-color:var(--ph-pine)}.phx-side-body{display:grid;gap:10px}
/*# sourceMappingURL=/cdn/shop/t/11/assets/ph-tools.css.map */