.pcz{--pcz-amber:#e0962a;--pcz-amber-ink:#1b1408;--pcz-rule-soft:color-mix(in oklab,var(--foreground)16%,var(--background));background:var(--background);width:100%;color:var(--foreground);font-variant-numeric:tabular-nums}.pcz ::selection{background:var(--pcz-amber);color:var(--pcz-amber-ink)}.pcz :focus-visible{outline:2px solid var(--pcz-amber);outline-offset:2px}.pcz section{scroll-margin-top:72px}.pcz-crumb{color:var(--muted-foreground);gap:8px;padding:12px 32px 0;font-size:13px;display:flex}.pcz-crumb a:hover{color:var(--foreground)}.pcz-hero{text-align:center;max-width:1240px;margin:0 auto;padding:6px 32px 18px}.pcz-hero h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.75rem,2.55vw,2.6rem);font-weight:650;line-height:1.08}.pcz-hero p{max-width:96ch;color:var(--muted-foreground);text-wrap:balance;margin:8px auto 0;font-size:16px;line-height:1.5}.pcz-work{grid-template-columns:minmax(0,1fr) 400px;gap:20px;max-width:1400px;height:clamp(520px,100svh - 226px,760px);margin:0 auto 44px;padding:0 32px;display:grid}.pcz-canvas{background:#17140f;border-radius:14px;min-width:0;position:relative;overflow:hidden}.pcz-panel{border:1px solid var(--pcz-rule-soft);background:var(--background);border-radius:14px;flex-direction:column;gap:12px;min-width:0;padding:18px;display:flex;overflow-y:auto}.pcz-dropzone{border:1.5px dashed color-mix(in oklab,var(--foreground)28%,var(--background));min-height:210px;color:var(--foreground);text-align:center;cursor:pointer;background:0 0;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:18px;transition:border-color .16s ease-out,background-color .16s ease-out;display:flex}.pcz-dropzone:hover,.pcz-dropzone[data-dragging]{border-color:var(--pcz-amber);background:color-mix(in oklab,var(--pcz-amber)7%,var(--background))}.pcz-dropzone-icon{background:color-mix(in oklab,var(--pcz-amber)16%,var(--background));color:#a86a12;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.pcz-dropzone-icon svg{width:22px;height:22px}.pcz-dropzone strong{font-size:17px;font-weight:650;line-height:1.3}.pcz-dropzone .pcz-primary{margin-top:8px}.pcz-samples p{margin-bottom:8px;font-size:13px;font-weight:600;line-height:1.3}.pcz-samples>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.pcz-samples button{aspect-ratio:1;cursor:pointer;background:#1d1b18;border:0;border-radius:8px;position:relative;overflow:hidden}.pcz-samples button:hover{opacity:.85}.pcz-samples .pcz-samples-add{border:1.5px dashed color-mix(in oklab,var(--foreground)28%,var(--background));color:var(--muted-foreground);background:0 0;place-items:center;display:grid}.pcz-samples-add svg{width:20px;height:20px}.pcz-samples button[aria-pressed=true]:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 3px var(--pcz-amber);position:absolute;inset:0}.pcz-file{align-items:center;gap:10px;min-width:0;font-size:14px;font-weight:600;display:flex}.pcz-file-thumb{background:#1d1b18;border-radius:8px;flex:none;width:48px;height:48px;position:relative;overflow:hidden}.pcz-truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pcz-rows div{border-top:1px solid var(--pcz-rule-soft);justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;line-height:1.3;display:flex}.pcz-rows dt{color:var(--muted-foreground)}.pcz-rows dd{font-weight:600}.pcz-compare{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden}.pcz-compare-before{position:absolute;inset:0}.pcz-compare img{pointer-events:none}.pcz-compare-line{background:#fff;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #00000038}.pcz-compare-line span{background:#fff;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #00000059}.pcz-compare-line span:before,.pcz-compare-line span:after{content:"";border-block:5px solid #0000;width:0;height:0;position:absolute;top:12px}.pcz-compare-line span:before{border-right:6px solid #1b1a17;left:7px}.pcz-compare-line span:after{border-left:6px solid #1b1a17;right:7px}.pcz-compare-tag{color:#f4f1ea;pointer-events:none;background:#0e0d0bd1;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:600;line-height:16px;transition:opacity .16s ease-out;position:absolute;top:14px}.pcz-scene .pcz-compare-tag{top:auto;bottom:14px}.pcz-compare-tag[data-side=before]{left:14px}.pcz-compare-tag[data-side=after]{right:14px}.pcz-compare-tag[data-hide]{opacity:0}.pcz-credit{color:#d7d2c8;pointer-events:none;background:#0e0d0ba8;border-radius:4px;padding:2px 8px;font-size:11px;line-height:16px;position:absolute;bottom:14px;right:14px}.pcz .pcz-backdrop{object-fit:cover;filter:grayscale()blur(30px)brightness(.5);transform:scale(1.12)}.pcz-own{position:absolute;inset:0}.pcz-rise{background:var(--pcz-amber);height:2px;box-shadow:0 -40px 60px 20px color-mix(in oklab,var(--pcz-amber)26%,transparent);animation:2.6s cubic-bezier(.45,0,.55,1) infinite pcz-rise;position:absolute;left:0;right:0}@keyframes pcz-rise{0%{top:100%}to{top:0}}.pcz-note{color:var(--muted-foreground);font-size:13px;line-height:1.45}.pcz-done{font-size:15px;font-weight:600;line-height:1.45}.pcz-error{background:color-mix(in oklab,#c2410c 12%,var(--background));color:var(--foreground);border-radius:8px;padding:8px 10px;font-size:14px;line-height:1.4}.pcz-primary,.pcz-secondary,.pcz-quiet{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px 16px;font-size:16px;font-weight:650;line-height:1.25;transition:background-color .16s ease-out;display:flex}.pcz-primary svg,.pcz-secondary svg,.pcz-quiet svg{flex:none;width:18px;height:18px}.pcz-primary{background:var(--pcz-amber);color:var(--pcz-amber-ink)}.pcz-primary:hover:not(:disabled),.pcz-dropzone:hover .pcz-primary{background:#cf8820}.pcz-primary:disabled{opacity:.72;cursor:progress}.pcz-secondary{border:1px solid var(--pcz-rule-soft);min-height:44px;color:var(--foreground);background:0 0;font-size:14px}.pcz-secondary:hover{background:var(--pcz-rule-soft)}.pcz-quiet{min-height:34px;color:var(--muted-foreground);background:0 0;padding:4px;font-size:14px;font-weight:500}.pcz-quiet:hover{color:var(--foreground)}.pcz-next{border-top:1px solid var(--pcz-rule-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;font-size:14px;font-weight:600;line-height:1.35;display:flex}.pcz-next small{color:var(--muted-foreground);margin-bottom:2px;font-size:13px;font-weight:400;display:block}.pcz-next svg{flex:none;width:18px;height:18px}.pcz-drop{z-index:3;color:#fff;pointer-events:none;background:#0e0d0bcc;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex;position:absolute;inset:0}.pcz-drop svg{width:34px;height:34px;color:var(--pcz-amber)}.pcz-content{max-width:1184px;margin:0 auto;padding:0 32px 72px}.pcz-section-nav{border-bottom:1px solid var(--pcz-rule-soft);flex-wrap:wrap;justify-content:center;gap:8px 32px;padding:8px 0 24px;display:flex}.pcz-section-nav a{min-height:44px;color:var(--muted-foreground);text-underline-offset:5px;align-items:center;font-size:14px;font-weight:500;display:inline-flex}.pcz-section-nav a:hover{color:var(--foreground);text-decoration:underline}.pcz-section{padding-block:56px}.pcz-section+.pcz-section{border-top:1px solid var(--pcz-rule-soft)}.pcz-head{text-align:center;max-width:720px;margin:0 auto 28px}.pcz h2{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(1.5rem,2.3vw,2rem);font-weight:650;line-height:1.25}.pcz-content h3{font-size:18px;font-weight:600;line-height:1.4}.pcz-head p,.pcz-scene-copy p,.pcz-steps p,.pcz-guidance p,.pcz-faq p{color:var(--muted-foreground);margin-top:10px;font-size:16px;line-height:1.65}.pcz-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:0;list-style:none;display:grid}.pcz-step-number{background:color-mix(in oklab,var(--pcz-amber)18%,var(--background));width:36px;height:36px;color:var(--foreground);border-radius:50%;place-items:center;margin-bottom:16px;font-size:15px;font-weight:600;display:grid}.pcz-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;display:grid}.pcz-scene{min-width:0}.pcz-scene-image{aspect-ratio:4/3;background:#17140f;border-radius:12px;position:relative;overflow:hidden}.pcz-scene-copy{padding-top:18px}.pcz-scene-copy small{color:var(--muted-foreground);margin-top:10px;font-size:13px;display:block}.pcz-sources{max-width:78ch;color:var(--muted-foreground);margin-top:28px;font-size:13px;line-height:1.6}.pcz-table-wrap{border:1px solid var(--pcz-rule-soft);border-radius:12px;overflow-x:auto}.pcz-versus{table-layout:fixed;border-collapse:collapse;width:100%;font-size:15px;line-height:1.55}.pcz-versus th,.pcz-versus td{text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:16px 20px}.pcz-versus tr:not(:last-child)>*,.pcz-versus thead th{border-bottom:1px solid var(--pcz-rule-soft)}.pcz-versus thead{background:var(--muted)}.pcz-versus thead th{font-weight:600}.pcz-versus th:first-child{width:24%}.pcz-versus tbody th{font-weight:500}.pcz-versus td{color:var(--muted-foreground)}.pcz-link{text-underline-offset:4px;align-items:center;gap:8px;min-height:44px;margin-top:12px;font-size:15px;font-weight:600;text-decoration:underline;display:inline-flex}.pcz-link svg{width:16px;height:16px}.pcz-guidance{grid-template-columns:1fr 1fr;gap:56px;display:grid}.pcz-tips ul{color:var(--muted-foreground);gap:12px;margin-top:16px;padding-left:20px;font-size:15px;line-height:1.6;list-style:outside;display:grid}.pcz-faq{border-top:1px solid var(--pcz-rule-soft);max-width:800px;margin-inline:auto}.pcz-faq details{border-bottom:1px solid var(--pcz-rule-soft)}.pcz-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding-block:20px;font-size:16px;font-weight:600;list-style:none;display:flex}.pcz-faq summary::-webkit-details-marker{display:none}.pcz-faq summary svg{width:18px;height:18px;color:var(--muted-foreground);flex:none}.pcz-faq details[open] summary svg{transform:rotate(180deg)}.pcz-faq summary:hover{text-underline-offset:4px;text-decoration:underline}.pcz-faq p{max-width:72ch;margin:0 0 22px}.pcz-close{background:var(--muted);text-align:center;border-radius:16px;padding:40px 24px}.pcz-close p{color:var(--muted-foreground);margin-top:12px;font-size:15px;line-height:1.6}.pcz-close a{width:fit-content;margin:24px auto 0}@media (max-width:999px){.pcz-crumb{padding:10px 16px 0}.pcz-hero{padding:10px 16px 16px}.pcz-hero p{font-size:15px}.pcz-work{flex-direction:column;gap:12px;height:auto;margin-bottom:28px;padding:0 16px;display:flex}.pcz-canvas{aspect-ratio:4/3}.pcz-panel{padding:14px;overflow:visible}.pcz-dropzone{min-height:0;padding:14px}.pcz-content{padding-inline:24px}.pcz-steps{gap:24px}.pcz-guidance{gap:32px}}@media (max-width:699px){.pcz-content{padding:0 16px 40px}.pcz-section{padding-block:36px}.pcz-section-nav{gap:4px 24px;padding-bottom:16px}.pcz-head{text-align:left;margin-bottom:24px}.pcz-steps,.pcz-scenes,.pcz-guidance{grid-template-columns:1fr}.pcz-steps li{grid-template-columns:36px 1fr;column-gap:14px;display:grid}.pcz-step-number{grid-row:1/3;margin:0}.pcz-steps h3{align-self:center}.pcz-steps p{grid-column:2;margin-top:6px}.pcz-versus{font-size:13px}.pcz-versus th,.pcz-versus td{padding:12px 8px}.pcz-close{padding:32px 20px}.pcz-close a{width:100%}}@media (min-width:1000px) and (max-width:1240px){.pcz-work{grid-template-columns:minmax(0,1fr) 340px}}@media (prefers-reduced-motion:reduce){.pcz-rise{animation:none;top:50%}}