.pp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:clamp(24px,4vw,56px);padding-top:18px;padding-bottom:40px;align-items:start}.pp-stage{position:sticky;top:90px;display:grid;gap:16px}.stage{position:relative;border-radius:22px;background:var(--tint);aspect-ratio:1 / .66;display:grid;place-items:center;overflow:hidden}.stage:before{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 50% 55%,rgb(255 255 255 / 60%),transparent 70%)}.stage .mock{--size: min(78%, 520px)}.stage .mock .item{transform:rotateX(8deg) rotateY(-12deg) rotate(1deg)}.stage:hover .mock .item{transform:rotateX(4deg) rotateY(-4deg)}.stage-meta{position:absolute;left:16px;right:16px;bottom:14px;display:flex;justify-content:space-between;gap:10px;font-size:.82rem}.stage-meta>span{background:#fffc;backdrop-filter:blur(6px);border-radius:999px;padding:6px 12px;display:inline-flex;gap:6px;align-items:center;font-weight:500}.stage-meta svg{width:15px;height:15px}.mock.pop .item{animation:pop .5s var(--spring)}@keyframes pop{40%{scale:1.04}}.summary{background:var(--card);border-radius:20px;padding:20px 22px;box-shadow:0 0 0 1px var(--line),var(--shadow);display:grid;gap:16px}.sum-label{font-size:.88rem;color:var(--ink-2)}.sum-price{display:flex;align-items:baseline;gap:8px;margin-top:2px}.sum-price>span{font:600 clamp(2rem,3.4vw,2.6rem)/1 var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.sum-price small{color:var(--ink-3);font-weight:500}.sum-sub{font-size:.88rem;color:var(--ink-3);margin-top:6px}.sum-date{display:flex;gap:12px;align-items:center;background:var(--ok-soft);color:#0d5c37;border-radius:12px;padding:12px 14px;font-size:.95rem;line-height:1.35}.sum-date svg{width:26px;height:26px;flex:none}.sum-date small{color:#2f7a53}.sum-trust{margin:0;display:flex;gap:8px;align-items:center;font-size:.86rem;color:var(--ink-2)}.sum-trust svg{width:16px;height:16px;color:var(--ok);flex:none;margin-top:2px}.tick{animation:tick .45s var(--ease)}@keyframes tick{0%{opacity:.2;transform:translateY(6px)}to{opacity:1;transform:none}}.pp-head{margin-bottom:26px}.pp-head h1{font-size:clamp(2.2rem,4.4vw,3.4rem);margin:10px 0 12px}.cfg{display:grid;gap:28px}.opt{border:0;margin:0;padding:0;min-width:0}.opt legend{display:flex;align-items:center;gap:10px;width:100%;font-weight:700;font-size:1.08rem;margin-bottom:12px;padding:0}.opt legend .n{width:26px;height:26px;border-radius:50%;background:var(--ink);color:#fff;font-size:.8rem;display:grid;place-items:center;flex:none}.opt legend .picked{margin-left:auto;font-weight:500;font-size:.88rem;color:var(--ink-3);text-align:right}.opt-help{font-size:.86rem;color:var(--ink-3);margin:10px 0 0}.choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.choices>*{min-width:0}.opt-format .choice{justify-content:flex-end}.opt-format .choice .shape{margin-bottom:auto}.opt-format .choices{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}.choice{position:relative;display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:14px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;transition:box-shadow .2s,transform .25s var(--spring),background .2s;user-select:none;-webkit-tap-highlight-color:transparent}.choice:hover{box-shadow:inset 0 0 0 1.5px var(--line-2);transform:translateY(-1px)}.choice input{position:absolute;opacity:0;pointer-events:none}.chip-swatch{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px #0000002e}.choice:has(input:checked){box-shadow:inset 0 0 0 2.5px var(--ink);background:#fff}.choice:has(input:focus-visible){outline:2.5px solid var(--c);outline-offset:2px}.choice:has(input:checked):after{content:"";position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E") center / 12px no-repeat;animation:popin .35s var(--spring)}@keyframes popin{0%{transform:scale(0)}}.c-text b{display:block;font-weight:600;font-size:.95rem;line-height:1.25;padding-right:18px}.c-text small{display:block;color:var(--ink-3);font-size:.8rem;line-height:1.3;margin-top:2px}.delta{font-size:.8rem;font-weight:600;color:var(--ink-3);font-variant-numeric:tabular-nums;min-height:1em}.delta.is-up{color:var(--ink-2)}.delta.is-down{color:var(--ok)}.choice:has(input:checked) .delta{visibility:hidden}.badge{position:absolute;top:-9px;left:12px;background:var(--y);color:var(--ink);font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:999px;letter-spacing:.02em}.shape{display:block;align-self:flex-start;border-radius:3px;background:var(--paper-2);box-shadow:inset 0 0 0 1.5px var(--line-2);transition:background .2s,box-shadow .2s}.shape-round{border-radius:7px}.shape-circle{border-radius:50%}.choice:has(input:checked) .shape{background:var(--accent, var(--m));box-shadow:none}.swatch{width:100%;height:34px;border-radius:8px;box-shadow:inset 0 0 0 1px #00000014;background:#fff;position:relative;overflow:hidden}.swatch.look-gloss{background:linear-gradient(115deg,#fff 30%,#eef3f6,#fff 60%)}.swatch.look-soft{background:#f1f0ee radial-gradient(rgb(0 0 0 / 6%) 1px,transparent 1.2px) 0 0 / 3px 3px}.swatch.look-pearl{background:linear-gradient(120deg,#ffeaf4,#e3f6ff,#fff8dd)}.swatch.look-eco{background:#f1ebdc radial-gradient(rgb(120 100 60 / 25%) .8px,transparent 1px) 0 0 / 6px 8px}.swatch.look-craft{background:#c9a777 radial-gradient(rgb(80 50 20 / 22%) .8px,transparent 1px) 0 0 / 5px 6px}.swatch.look-matt{background:#fafafa}.files .c-text{flex:1;min-width:0}.files .delta{flex:none}.files .choice{flex-direction:row;align-items:center;gap:12px}.files .ico{width:40px;height:40px;border-radius:12px;background:var(--paper-2);display:grid;place-items:center;flex:none}.files .ico svg{width:20px;height:20px}.files .delta{margin-left:auto;align-self:center}.files{grid-template-columns:1fr 1fr}.speeds .when{display:inline-block;margin-top:8px;font-size:.8rem;font-weight:600;color:#0d5c37;background:var(--ok-soft);padding:3px 8px;border-radius:6px}.qty-table{display:grid;gap:6px}.qrow{position:relative;display:grid;grid-template-columns:96px 1fr auto 96px 46px;align-items:center;gap:14px;padding:12px 16px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1.5px var(--line);cursor:pointer;transition:box-shadow .2s,transform .2s var(--spring);font-variant-numeric:tabular-nums}.qrow:hover{box-shadow:inset 0 0 0 1.5px var(--line-2)}.qrow input{position:absolute;opacity:0;pointer-events:none}.qrow:has(input:checked){box-shadow:inset 0 0 0 2.5px var(--ink)}.qrow:has(input:focus-visible){outline:2.5px solid var(--c);outline-offset:2px}.qrow .q{font-weight:600}.qbar{height:6px;border-radius:3px;background:var(--paper-2);overflow:hidden}.qbar i{display:block;height:100%;border-radius:3px;background:var(--line-2);transition:width .5s var(--ease),background .2s}.qrow:has(input:checked) .qbar i{background:var(--accent, var(--m))}.qprice{font-weight:700;text-align:right}.qunit{font-size:.82rem;color:var(--ink-3);text-align:right}.qsave{font-size:.78rem;font-weight:700;color:var(--ok);text-align:right}.drop{margin-top:12px}.drop input[type=file]{position:absolute;opacity:0;width:1px;height:1px}.drop-zone{display:flex;gap:14px;align-items:center;padding:18px;border-radius:14px;border:2px dashed var(--line-2);background:var(--card);cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.drop-zone svg{width:30px;height:30px;flex:none;color:var(--ink-3)}.drop-zone small{color:var(--ink-3)}.drop-zone:hover,.drop.over .drop-zone{border-color:var(--ink);background:#fff}.drop.over .drop-zone{transform:scale(1.01)}.drop input:focus-visible+.drop-zone{outline:2.5px solid var(--c);outline-offset:2px}.drop-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}.drop-list li{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line);animation:tick .35s var(--ease)}.drop-list .th{width:44px;height:44px;border-radius:8px;background:var(--paper-2) center / cover;display:grid;place-items:center;font-size:.7rem;font-weight:700;color:var(--ink-2)}.drop-list b{display:block;font-size:.9rem;word-break:break-all}.drop-list .verdict{font-size:.8rem;display:flex;gap:6px;align-items:flex-start;margin-top:2px}.drop-list .verdict svg{width:14px;height:14px;flex:none;margin-top:2px}.verdict.ok{color:var(--ok)}.verdict.warn{color:var(--warn)}.verdict.info{color:var(--ink-3)}.drop-list button{border:0;background:none;width:34px;height:34px;border-radius:50%;color:var(--ink-3)}.drop-list button:hover{background:var(--paper-2);color:var(--err)}.drop-list button svg{width:18px;margin:auto}.design-note{display:flex;gap:12px;margin-top:12px;padding:14px 16px;border-radius:14px;background:var(--c-soft);font-size:.92rem}.design-note svg{width:20px;height:20px;flex:none;margin-top:2px}.design-note p{margin:0}.note-box{margin-top:14px}.note-box summary{list-style:none;cursor:pointer;display:inline-flex;gap:6px;align-items:center;font-weight:600;font-size:.92rem;color:var(--ink-2)}.note-box summary::-webkit-details-marker{display:none}.note-box summary svg{width:16px;height:16px;transition:transform .2s}.note-box[open] summary svg{transform:rotate(45deg)}.note-box textarea{width:100%;margin-top:10px;min-height:88px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line-2);background:var(--card);resize:vertical}.note-box textarea:focus{outline:0;border-color:var(--ink)}.buybar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fffffff0;backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:10px 0 calc(10px + env(safe-area-inset-bottom));transform:translateY(110%);transition:transform .35s var(--ease)}.buybar.show{transform:none}.buybar .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px}.bb-price{display:block;font:600 1.45rem/1.1 var(--display);font-variant-numeric:tabular-nums}.buybar small{color:var(--ink-3)}.fly{position:fixed;z-index:90;pointer-events:none;border-radius:6px;background:var(--accent, var(--m));box-shadow:var(--shadow-l);transition:transform .75s cubic-bezier(.5,-.3,.7,1),opacity .75s}.pp-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,6vw,80px);align-items:start}.pp-info{background:var(--card)}.pp-info .lead{margin-top:16px}.pp-info .uses-h{margin-top:28px;font-size:1rem}.tpl{margin-top:28px}.tpl h3{font-size:1rem}.tpl p{color:var(--ink-3);font-size:.9rem;margin:6px 0 12px}.tpl ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.tpl a{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--card);box-shadow:0 0 0 1px var(--line);text-decoration:none;font-weight:500;font-size:.92rem}.tpl a:hover{box-shadow:0 0 0 1.5px var(--ink)}.tpl a svg{width:16px;height:16px}.tpl small{color:var(--ink-3);font-weight:400}.uses{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}.uses li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-2)}.uses svg{flex:none;width:18px;height:18px;margin-top:3px;color:var(--c)}.mt{margin-top:28px;margin-bottom:10px}.spec-card{background:var(--paper);border-radius:20px;padding:26px}.spec-card h3{margin-bottom:12px}.spec-card table,.price-table{width:100%;border-collapse:collapse}.spec-card th,.spec-card td{text-align:left;padding:11px 0;border-bottom:1px solid var(--line);vertical-align:top;font-size:.95rem}.spec-card th{width:38%;color:var(--ink-3);font-weight:500;padding-right:12px}.table-wrap{overflow-x:auto;background:var(--card);border-radius:20px;box-shadow:0 0 0 1px var(--line)}.price-table th,.price-table td{padding:14px 20px;text-align:left;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap}.price-table thead th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-weight:600}.price-table tbody tr:last-child td{border-bottom:0}.price-table tbody tr:hover{background:var(--paper)}.tips{counter-reset:t;list-style:none;padding:0;margin:0;display:grid;gap:12px}.tips li{counter-increment:t;position:relative;background:var(--card);border-radius:16px;padding:18px 18px 18px 60px;box-shadow:0 0 0 1px var(--line)}.tips li:before{content:counter(t);position:absolute;left:18px;top:16px;width:28px;height:28px;border-radius:50%;background:var(--y);font-weight:700;display:grid;place-items:center;font-size:.9rem}@media(max-width:960px){.pp{grid-template-columns:1fr}.pp-stage{position:relative;top:0}.stage{aspect-ratio:1 / .7;border-radius:18px}.summary{display:none}.pp-info-grid{grid-template-columns:1fr}}@media(min-width:961px){.buybar{display:none}}@media(max-width:560px){.qrow{grid-template-columns:1fr auto;row-gap:2px;padding:12px 14px}.qbar{display:none}.qunit{grid-column:1;text-align:left}.qsave{grid-column:2}.files{grid-template-columns:1fr}.choices,.opt-format .choices{grid-template-columns:1fr 1fr}}