.pp-stage{position:relative;width:100%;aspect-ratio:4 / 3;background:repeating-conic-gradient(var(--color-bg) 0% 25%,color-mix(in srgb,var(--color-line) 40%,transparent) 0% 50%) 0 / 24px 24px;overflow:hidden;touch-action:none;user-select:none}.pp-canvas{position:absolute;inset:0;width:100%;height:100%}.pp-crop{position:absolute;box-sizing:border-box;border:1.5px solid #fff;box-shadow:0 0 0 9999px #14101280;cursor:move}.pp-crop[hidden]{display:none}.pp-area{position:absolute;top:-28px;left:50%;transform:translate(-50%);white-space:nowrap;background:#141012d1;color:#fff;font-family:var(--font-mono);font-size:11px;padding:3px 8px;border-radius:6px;pointer-events:none}.pp-guide{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.pp-oval{fill:none;stroke:#ffffffeb;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.pp-eyes{stroke:#ffffffd9;stroke-width:1;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.pp-label{position:absolute;left:50%;transform:translate(-50%);background:#141012b8;color:#fff;font-size:10px;padding:2px 6px;border-radius:5px;pointer-events:none;white-space:nowrap}.pp-label-top{top:8%}.pp-label-chin{top:64%}.pp-h{position:absolute;width:12px;height:12px;background:#fff;border:1.5px solid var(--color-accent);border-radius:50%;box-shadow:0 1px 3px #0006}.pp-h[data-h=nw]{top:-6px;left:-6px;cursor:nwse-resize}.pp-h[data-h=n]{top:-6px;left:calc(50% - 6px);cursor:ns-resize}.pp-h[data-h=ne]{top:-6px;right:-6px;cursor:nesw-resize}.pp-h[data-h=w]{top:calc(50% - 6px);left:-6px;cursor:ew-resize}.pp-h[data-h=e]{top:calc(50% - 6px);right:-6px;cursor:ew-resize}.pp-h[data-h=sw]{bottom:-6px;left:-6px;cursor:nesw-resize}.pp-h[data-h=s]{bottom:-6px;left:calc(50% - 6px);cursor:ns-resize}.pp-h[data-h=se]{bottom:-6px;right:-6px;cursor:nwse-resize}.pp-select{width:100%;font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--color-ink);background:var(--color-bg);border:1px solid var(--color-line);border-radius:10px;padding:9px 30px 9px 12px;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23e5484d' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.pp-select:hover{border-color:var(--color-accent)}.pp-iconbtn{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--color-line);border-radius:9px;background:var(--color-surface);color:var(--color-ink);cursor:pointer;transition:border-color .15s,color .15s}.pp-iconbtn:hover{border-color:var(--color-accent);color:var(--color-accent)}.pp-switch{position:relative;width:42px;height:24px;border:0;border-radius:999px;background:var(--color-line);cursor:pointer;flex:none;transition:background .25s}.pp-switch:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform .25s}.pp-switch[aria-pressed=true]{background:var(--color-accent)}.pp-switch[aria-pressed=true]:after{transform:translate(18px)}.pp-sw{width:30px;height:30px;border-radius:50%;border:1px solid var(--color-line);cursor:pointer;padding:0;position:relative}.pp-sw[data-transparent]{background:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;background-color:#fff}.pp-sw-on{box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-accent)}.pp-sw-picker{overflow:hidden;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);display:grid;place-items:center}.pp-sw-picker .pp-color{width:200%;height:200%;border:0;padding:0;background:transparent;cursor:pointer;opacity:0}.pp-adjust summary::-webkit-details-marker{display:none}.pp-adjust[open] summary svg{transform:rotate(180deg)}.pp-busy{pointer-events:none}.pp-loader{position:absolute;inset:0;z-index:6;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,var(--color-bg) 62%,transparent);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:pp-fade .25s ease}.pp-loader[hidden]{display:none}.pp-loader-card{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:22px 26px;border-radius:18px;background:var(--color-surface);border:1px solid var(--color-line);box-shadow:0 30px 70px -30px #00000080;animation:pp-pop .35s cubic-bezier(.2,.9,.3,1.2);max-width:280px}.pp-scan{position:relative;width:88px;height:88px;border-radius:50%;display:grid;place-items:center;margin-bottom:12px}.pp-scan:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 0deg,var(--color-accent),color-mix(in srgb,var(--color-accent) 10%,transparent) 65%,transparent 80%);animation:pp-spin .95s linear infinite;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 4px))}.pp-scan-inner{position:relative;width:78px;height:78px;border-radius:50%;overflow:hidden;display:grid;place-items:center;color:var(--color-accent);background:linear-gradient(45deg,color-mix(in srgb,var(--color-line) 45%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--color-line) 45%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--color-line) 45%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--color-line) 45%,transparent) 75%),var(--color-bg);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.pp-scan-beam{position:absolute;left:0;right:0;height:38%;top:-38%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--color-accent) 55%,transparent),transparent);animation:pp-scan 1.5s ease-in-out infinite}.pp-loader-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--color-ink)}.pp-loader-sub{font-size:11px;color:var(--color-muted)}.pp-dots:after{content:"";display:inline-block;width:1.1em;text-align:left;animation:pp-dots 1.4s steps(1,end) infinite}@keyframes pp-spin{to{transform:rotate(360deg)}}@keyframes pp-scan{0%{top:-38%}50%{top:100%}to{top:-38%}}@keyframes pp-fade{0%{opacity:0}to{opacity:1}}@keyframes pp-pop{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:none}}@keyframes pp-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@media(prefers-reduced-motion:reduce){.pp-scan:before,.pp-scan-beam,.pp-dots:after{animation:none}}