.pt-hub{max-width:1280px;padding:clamp(20px, 4vh, 44px) var(--gr) 56px var(--gl);margin-inline:auto}.pt-hub-head{max-width:720px;margin-bottom:clamp(18px,3vh,32px);animation:.6s cubic-bezier(.2,.8,.2,1) both pt-rise}.pt-hub-head h1,.pt-hub-head h2{font-family:var(--f-display);letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(34px,4.4vw,60px);line-height:.95}.pt-hub[data-studio] .pt-hub-head h2{font-size:clamp(26px,3vw,40px)}.pt-hub-head p{color:var(--ink-70);margin-top:10px;font-size:clamp(15px,1.15vw,17px);line-height:1.5}.pt-hub[data-studio]{padding-top:20px}.pt-groups{gap:clamp(26px,4vh,44px);display:grid}.pt-group-h{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:14px;display:flex}.pt-group-h h2{letter-spacing:-.01em;font-size:20px;font-weight:800}.pt-group-h p{color:var(--ink-50);font-size:14px}.pt-cards{grid-template-columns:repeat(auto-fill,minmax(min(172px,44vw),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.pt-cards>li{animation:pt-rise .55s calc(var(--i,0) * 35ms) cubic-bezier(.2, .8, .2, 1) both}.pt-card{background:var(--surface);height:100%;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);border-radius:20px;flex-direction:column;padding:6px;text-decoration:none;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;display:flex;position:relative}a.pt-card:hover{box-shadow:inset 0 0 0 1px var(--line-strong), var(--shadow);transform:translateY(-3px)}a.pt-card:active{transform:translateY(0)scale(.98)}.pt-card[aria-disabled]{cursor:default}.pt-card[aria-disabled] .pt-card-media{filter:saturate(.75);opacity:.78}.pt-card-media{aspect-ratio:1;background:var(--wash);border-radius:14px;place-items:center;display:grid;position:relative;overflow:hidden}.pt-card-media>img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.8,.2,1)}a.pt-card:hover .pt-card-media>img{transform:scale(1.05)}.pt-card-media[data-ph]{background:color-mix(in srgb, var(--tone,var(--lilac)) 70%, var(--surface))}.pt-card-media .pt-card-ico{object-fit:contain;filter:drop-shadow(0 10px 18px #35224240);width:46%;height:46%}a.pt-card:hover .pt-card-media .pt-card-ico{transform:rotate(-6deg)scale(1.08)}.pt-card-txt{gap:2px;padding:10px 8px 6px;display:grid}.pt-card-txt b{font-size:15px;font-weight:750;line-height:1.2}.pt-card-txt small{color:var(--ink-50);font-size:12.5px;line-height:1.35}.pt-badge{background:var(--surface);color:var(--ink);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:750;line-height:1.4;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #140c1a2e}.pt-badge:empty{display:none}.pt-badge[data-kind=free]{background:var(--mint);color:#24352f}.pt-badge[data-kind=soon]{background:var(--ink);color:var(--on-ink)}.pt-text-ph{color:#352242;font-size:clamp(44px,6vw,64px);font-weight:800;line-height:1}.pt-text-ph[data-fx=pixel]{font-family:var(--f-mono);letter-spacing:.06em;text-shadow:4px 4px #ffffffb3}.pt-text-ph[data-fx=handwritten]{font-family:var(--f-serif);font-style:italic;font-weight:400;transform:rotate(-6deg)}.pt-text-ph[data-fx=liquid]{color:#0000;-webkit-text-stroke:3px #352242;font-family:var(--f-display)}.pt-text-ph[data-fx=ransom]{font-family:var(--f-serif);background:#fff8ea;padding:2px 10px;transform:rotate(4deg);box-shadow:3px 3px #352242}.pt-hub-faq{max-width:820px;margin-top:clamp(36px,6vh,64px)}.pt-hub-faq h2{margin-bottom:10px;font-size:20px;font-weight:800}.pt-hub-faq dl{gap:12px;margin:0;display:grid}.pt-hub-faq dl>div{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;padding:16px 18px}.pt-hub-faq dt{font-size:15px;font-weight:750}.pt-hub-faq dd{color:var(--ink-70);margin:6px 0 0;font-size:14.5px;line-height:1.55}.pt-page{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.pt-main{flex:1;min-height:0}.pt-wb{grid-template-columns:var(--wb-panel-w) minmax(0, 1fr);gap:var(--wb-gap);height:100%;padding:var(--wb-pad-t) var(--wb-gutter-r) var(--wb-pad-b) var(--wb-gutter-l);display:grid;position:relative}.pt-stage{border-radius:var(--wb-r);background:var(--wash);min-width:0;min-height:0;box-shadow:inset 0 0 0 1px var(--line);place-items:center;animation:.6s cubic-bezier(.2,.8,.2,1) both pt-rise;display:grid;position:relative;container-type:size}.pt-frame{--pad:clamp(12px, 2.4cqmin, 28px);width:min(calc(100cqw - var(--pad) * 2), calc((100cqh - var(--pad) * 2) * var(--ar,1)));aspect-ratio:var(--ar,1);background:repeating-conic-gradient(var(--hover) 0 25%, transparent 0 50%) 0 0 / 18px 18px;border-radius:12px;transition:width .35s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 24px 50px -28px #140c1a8c}.pt-stage[data-mode=split] .pt-frame{cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none}.pt-layer{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}canvas.pt-layer[hidden]{display:none}.pt-split{background:#fff;outline:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #140c1a40}.pt-split-knob{color:#352242;background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;transition:scale .25s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 6px 18px #140c1a59}.pt-split-knob svg{width:20px;height:20px}:is(.pt-frame:active .pt-split-knob,.pt-split:focus-visible .pt-split-knob){scale:1.12}.pt-split:focus-visible .pt-split-knob{box-shadow:0 0 0 3px var(--cobalt), 0 6px 18px #140c1a59}.pt-tag{color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140c1a8c;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700;position:absolute;top:10px}.pt-tag[data-side=l]{left:10px}.pt-tag[data-side=r]{right:10px}.pt-grid{pointer-events:none;display:grid;position:absolute;inset:0}.pt-grid>span{place-items:center;display:grid;box-shadow:inset 0 0 0 1px #ffffffd9}.pt-grid b{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140c1a9e;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 6px;font-size:13px;font-weight:800;display:grid}.pt-ba{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), var(--shadow);border-radius:999px;gap:2px;padding:3px;display:flex;position:absolute;top:12px;left:50%;translate:-50%}.pt-ba button{height:30px;color:var(--ink-70);background:0 0;border:0;border-radius:999px;padding:0 14px;font-size:13px;font-weight:700;transition:background .2s,color .2s}.pt-ba button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.pt-loading{background:var(--surface);color:var(--ink-70);box-shadow:var(--shadow);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:650;position:absolute;bottom:14px;left:50%;translate:-50%}.pt-error{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--tangerine), var(--shadow);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.45;position:absolute;bottom:16px;left:16px;right:16px}.pt-dropzone{z-index:5;border:2px dashed var(--tangerine);background:color-mix(in srgb, var(--surface) 82%, transparent);color:var(--ink);pointer-events:none;border-radius:18px;place-items:center;font-size:18px;font-weight:800;animation:.2s both pt-fade;display:grid;position:absolute;inset:8px}.pt-panel{order:-1;animation:.6s cubic-bezier(.2,.8,.2,1) 80ms both pt-rise}.pt-panel-scroll{--pt-pad:18px;overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:var(--pt-pad);border-radius:var(--wb-r);background:var(--surface);box-shadow:inset 0 0 0 1px var(--line), var(--shadow);flex:1;align-content:start;gap:16px;display:grid;overflow-y:auto}.pt-head{padding:0 2px var(--wb-row-gap)}.pt-free{background:var(--mint);color:#24352f;border-radius:999px;justify-self:start;align-items:center;gap:6px;margin-top:2px;padding:4px 10px 4px 8px;font-size:12.5px;font-weight:700;display:inline-flex}.pt-ico{flex:none;width:18px;height:18px}.pt-free .pt-ico{width:15px;height:15px}.pt-btn{background:var(--wash);min-height:42px;color:var(--ink);white-space:nowrap;border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;transition:background .2s,transform .12s,opacity .2s;display:inline-flex}.pt-btn:hover{background:var(--hover-2)}.pt-btn:active{transform:scale(.97)}.pt-btn:disabled{opacity:.5;pointer-events:none}.pt-btn[data-kind=primary]{background:var(--ink);color:var(--on-ink)}.pt-btn[data-kind=primary]:hover{background:color-mix(in srgb, var(--ink) 86%, var(--tangerine))}.pt-btn[data-kind=accent]{background:var(--tangerine-btn);color:#fff8ea}.pt-btn[data-size=s]{justify-self:start;min-height:34px;padding:0 12px;font-size:13px}.pt-btn small{background:#fff8ea38;border-radius:999px;margin-left:2px;padding:2px 7px;font-size:11.5px;font-weight:750}.pt-upload{flex-wrap:wrap;gap:8px;display:flex}.pt-upload .pt-btn[data-kind=primary]{flex:1}.pt-cut{background:color-mix(in srgb, var(--lemon) 26%, transparent);border-radius:16px;gap:10px;padding:12px;display:grid}.pt-cut p{color:var(--ink-86);font-size:13px;line-height:1.45}.pt-sec{gap:12px;display:grid}.pt-sec-h{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-50);font-size:12px;font-weight:800}.pt-presets,.pt-chips{flex-wrap:wrap;gap:6px;display:flex}.pt-chip{background:var(--wash);min-height:36px;color:var(--ink);white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:13.5px;font-weight:650;transition:background .2s,color .2s,transform .12s;display:inline-flex}.pt-chip:hover{background:var(--hover-2)}.pt-chip:active{transform:scale(.96)}.pt-chip[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.pt-chip[data-size=s]{min-height:32px;padding:0 11px;font-size:12.5px}.pt-dots{display:inline-flex}.pt-dots i{width:12px;height:12px;box-shadow:0 0 0 1.5px var(--surface);border-radius:50%;margin-left:-4px}.pt-dots i:first-child{margin-left:0}.pt-row{gap:8px;display:grid}.pt-row-h{justify-content:space-between;gap:10px;font-size:13.5px;font-weight:650;display:flex}.pt-row-h output{font-variant-numeric:tabular-nums;color:var(--ink-50);font-weight:600}.pt-colors{flex-wrap:wrap;gap:8px 14px;display:flex}.pt-swatch{cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.pt-swatch-c{width:32px;height:32px;box-shadow:inset 0 0 0 1.5px var(--line-strong);border-radius:50%;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:relative}.pt-swatch:hover .pt-swatch-c{transform:scale(1.08)}.pt-swatch-c input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pt-swatch:focus-within .pt-swatch-c{box-shadow:inset 0 0 0 1.5px var(--line-strong), 0 0 0 3px var(--cobalt)}.pt-hint{color:var(--ink-70);background:var(--wash);border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.45}.pt-actions{flex-wrap:wrap;gap:8px;display:flex}.pt-page .pt-actions{z-index:2;margin-inline:calc(-1 * var(--pt-pad,18px));padding:10px var(--pt-pad,18px);background:var(--surface);box-shadow:0 -1px 0 var(--line);position:sticky;bottom:0}.pt-dl{flex:100%;align-items:center;gap:6px;display:flex}.pt-dl-l{align-items:center;gap:6px;margin-right:auto;font-size:13.5px;font-weight:700;display:inline-flex}.pt-dl .pt-btn{min-width:64px}.pt-private{color:var(--ink-50);margin-top:-6px;font-size:12px}.pt-note{background:var(--ink);color:var(--on-ink);border-radius:12px;padding:8px 12px;font-size:13px;font-weight:650;animation:.3s cubic-bezier(.2,.8,.2,1) both pt-rise;position:sticky;bottom:0}.pt-more{border-top:1px solid var(--line);gap:10px;padding-top:14px;display:grid}.pt-more ul{scrollbar-width:thin;gap:8px;margin:0;padding:0 0 4px;list-style:none;display:flex;overflow:auto hidden}.pt-more li{flex:none}.pt-more a{width:64px;color:var(--ink-70);text-align:center;justify-items:center;gap:4px;font-size:11.5px;font-weight:650;line-height:1.2;text-decoration:none;display:grid}.pt-more img{object-fit:cover;border-radius:12px;width:48px;height:48px;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.pt-more a:hover{color:var(--ink)}.pt-more a:hover img{transform:translateY(-2px)scale(1.06)}.pt-more .pt-all{width:auto;color:var(--ink);text-align:left;justify-self:start;font-size:13px;font-weight:700;display:inline}.pt-guide{gap:22px;display:grid}.pt-guide h2{margin-bottom:8px;font-size:19px;font-weight:800}.pt-guide p{color:var(--ink-86);line-height:1.6}.pt-steps{gap:6px;margin:0;padding-left:20px;line-height:1.5;display:grid}.pt-tips{color:var(--ink-70);gap:6px;margin:12px 0 0;padding-left:20px;line-height:1.5;display:grid}.pt-qa{margin-top:14px}.pt-qa h3{margin:0 0 4px;font-size:15px;font-weight:750}.pt-qa p{margin:0}.pt-rel{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.pt-rel a{background:var(--wash);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:650;text-decoration:none;display:inline-block}.pt-rel a:hover{background:var(--hover-2)}@media (max-width:900px){.pt-wb{padding-top:8px;padding-bottom:max(10px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,44%) minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:10px}.pt-panel{display:contents}.pt-head{order:-2;padding-bottom:0}.pt-stage{border-radius:20px;order:-1}.pt-panel-scroll{--pt-pad:14px;border-radius:20px;gap:14px}.pt-head .pt-lede{display:none}.pt-panel-scroll>*{order:5}.pt-free{order:0}.pt-upload,.pt-cut{order:1}.pt-actions{order:2}.pt-private{order:3}.pt-note{order:4}}.ws-app:has(.pt-app[data-view=filter]) .ws-app-scroll{overflow:hidden}.ws-app .pt-app[data-view=filter]{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.ws-app .pt-app[data-view=filter]>.pt-wb{flex:1;width:100%;min-height:0;padding:12px}@keyframes pt-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes pt-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.pt-hub-head,.pt-cards>li,.pt-stage,.pt-panel,.pt-note,.pt-dropzone{animation:none}.pt-card,.pt-card-media>img,.pt-frame,.pt-split-knob,.pt-more img,.pt-swatch-c{transition:none}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pt-free{background:color-mix(in srgb, var(--mint) 22%, var(--surface));color:var(--ink)}}:root[data-theme=dark] .pt-free{background:color-mix(in srgb, var(--mint) 22%, var(--surface));color:var(--ink)}