.pg-home{--pg-width: 1280px;--pg-ease: cubic-bezier(.22, 1, .36, 1)}.pg-home :is(a,button,summary):focus-visible{outline:2px solid var(--primary);outline-offset:5px}.pg-hero,.pg-section,.pg-workbench-section{width:min(100% - 80px,var(--pg-width));margin-inline:auto}.pg-hero{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);align-items:end;gap:44px 64px;padding-block:64px 72px}.pg-hero-title{font-size:clamp(64px,7.4vw,108px);letter-spacing:-.055em;line-height:.94}.pg-hero-title span:last-child{color:var(--primary)}.pg-hero-intro{padding-bottom:4px}.pg-hero-lead{max-width:38ch;font-size:17px;line-height:1.55}.pg-trust{margin-top:20px;font-size:12px;column-gap:12px}.pg-hero-actions{margin-top:24px;gap:12px}.pg-hero-actions>a:first-child{min-height:52px;padding-inline:24px;font-size:15px}.pg-hero-actions>a:nth-child(2){padding-inline:0;font-size:12px}.pg-hero-actions svg{transition:transform .22s var(--pg-ease)}.pg-photo-stage{min-width:0;grid-column:1 / -1}.pg-sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px;font-size:12px;color:var(--muted-foreground)}.pg-sheet-heading>:last-child,.pg-frame-index,.pg-tool-number,.pg-ai-result figcaption>span{font-variant-numeric:tabular-nums}.pg-stage-image{position:relative;isolation:isolate}.pg-contact-sheet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.pg-contact-frame{min-width:0;animation:pg-develop .7s var(--pg-ease) both;animation-delay:calc(var(--frame) * 65ms)}.pg-contact-photo{position:relative;aspect-ratio:1;overflow:hidden;border-radius:3px;background:var(--surface)}.pg-contact-photo img{width:100%;height:100%;object-fit:cover}.pg-current-look{position:absolute;inset:0;transition:opacity .22s ease-out}.pg-frame-index{display:flex;justify-content:space-between;padding-top:8px;color:var(--muted-foreground);font-size:12px}.pg-frame-index span{color:var(--primary)}.pg-compare-original{position:absolute;inset:0;pointer-events:none}.pg-compare-original .pg-contact-frame{animation:none}.pg-compare-input{position:absolute;inset:0;z-index:3;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.pg-stage-image:has(.pg-compare-input:focus-visible){outline:2px solid var(--primary);outline-offset:5px}.pg-compare-handle{position:absolute;top:0;bottom:0;width:2px;background:var(--foreground);transform:translate(-50%);pointer-events:none}.pg-compare-handle svg{position:absolute;top:50%;left:50%;width:44px;height:44px;padding:11px;border-radius:50%;background:var(--foreground);color:var(--background);transform:translate(-50%,-50%)}.pg-compare-label{position:absolute;left:12px;top:12px;padding:6px 12px;border-radius:999px;background:var(--background);color:var(--foreground);font-size:12px;pointer-events:none}.pg-stage-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:center;gap:48px;padding-block:24px;margin-top:16px;border-block:1px solid var(--border)}.pg-stage-toolbar>div>p:first-child{font-size:20px;font-weight:600;letter-spacing:-.025em}.pg-look-hint{margin-top:4px;font-size:12px;color:var(--muted-foreground)}.pg-compare-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:4px;font-size:12px;transition:color .16s ease}.pg-compare-button:disabled{color:var(--muted-foreground);opacity:.6;cursor:not-allowed}.pg-compare-button[aria-pressed=true]{color:var(--primary)}.pg-look-strip{min-width:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px}.pg-look{position:relative;display:flex;min-width:0;align-items:center;flex-direction:column;gap:8px;color:var(--muted-foreground);font-size:12px;font-weight:600}.pg-look-image{position:relative;display:block;width:100%;height:56px;overflow:hidden;border-radius:4px;border:2px solid transparent;transition:border-color .16s ease,transform .22s var(--pg-ease)}.pg-look-image img{width:100%;height:100%;object-fit:cover}.pg-look[aria-pressed=true]{color:var(--primary)}.pg-look[aria-pressed=true] .pg-look-image{border-color:var(--primary)}.pg-look-check{position:absolute;top:5px;right:5px;padding:2px;width:16px;height:16px;border-radius:50%;background:var(--primary);color:var(--background)}.pg-workbench-title{margin-bottom:24px;font-size:clamp(24px,3vw,36px);font-weight:600;letter-spacing:-.04em}.pg-section{padding-block:104px}.pg-section h2{max-width:20ch;text-wrap:balance;letter-spacing:-.04em}.pg-layouts>div:first-child{margin-bottom:40px}.pg-layouts>ul{gap:40px 24px}.pg-tool-art{position:relative;overflow:hidden;border-radius:4px;background:var(--surface)}.pg-tool-image{transition:transform .45s var(--pg-ease)}.pg-tool-card h3{letter-spacing:-.02em}.pg-ai-section{border-block:1px solid var(--border)}.pg-ai-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center}.pg-ai-title{font-size:clamp(36px,4.5vw,64px);line-height:1}.pg-ai-gallery{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);align-items:center;gap:16px}.pg-ai-gallery img{width:100%;object-fit:cover;border-radius:3px}.pg-ai-source img{aspect-ratio:4 / 5}.pg-ai-result img{aspect-ratio:1;background:var(--surface)}.pg-ai-gallery figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font-size:12px;color:var(--muted-foreground)}.pg-ai-source figcaption{flex-wrap:wrap}.pg-ai-result{animation:pg-print .32s var(--pg-ease) both}.pg-guide{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px 80px}.pg-guide>p{margin-top:0}.pg-guide-blocks{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-top:40px;border-top:1px solid var(--border);margin-top:16px}@keyframes pg-develop{0%{opacity:.4;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pg-print{0%{opacity:.6;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.pg-look:hover .pg-look-image{transform:translateY(-4px)}.pg-tool-card:hover .pg-tool-image{transform:scale(1.035)}.pg-hero-actions a:hover svg{transform:translate(4px)}}@media(min-width:1024px){.pg-workbench-section aside{max-height:800px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}}@media(max-width:1023px){.pg-hero{grid-template-columns:1fr;gap:28px;padding-block:40px 56px}.pg-hero-title{font-size:clamp(56px,9vw,92px)}.pg-hero-intro{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}.pg-hero-lead{grid-row:span 2}.pg-trust{margin-top:0;align-self:end}.pg-hero-actions{margin-top:0;align-self:start}.pg-stage-controls{display:block}.pg-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.pg-compare-button{flex-shrink:0}.pg-look-strip{gap:8px}.pg-look-image{height:56px}.pg-look{font-size:12px}.pg-section{padding-block:64px}.pg-ai-layout{grid-template-columns:1fr;gap:40px}.pg-ai-title{max-width:16ch!important}.pg-ai-gallery{grid-template-columns:.3fr 1fr}.pg-guide{gap:24px}.pg-guide-blocks{grid-template-columns:1fr;padding-top:32px;gap:32px}}@media(max-width:639px){.pg-hero,.pg-section,.pg-workbench-section{width:calc(100% - 40px)}.pg-hero{padding-top:28px;gap:24px}.pg-hero-title{font-size:clamp(38px,10vw,62px);line-height:.98;letter-spacing:-.045em}.pg-hero-intro{display:flex;flex-direction:column;gap:0}.pg-hero-lead{font-size:15px;line-height:1.5}.pg-trust{margin-top:16px;align-self:auto;gap:8px 12px}.pg-hero-actions{margin-top:18px;align-self:auto;gap:16px}.pg-hero-actions>a:first-child{min-height:48px;padding-inline:20px;font-size:14px}.pg-contact-sheet{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pg-contact-photo{aspect-ratio:1.1}.pg-frame-index{padding-top:4px}.pg-sheet-heading{font-size:12px;margin-bottom:10px}.pg-stage-controls{display:block;padding-block:16px 8px;margin-top:12px}.pg-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.pg-stage-toolbar>div>p:first-child{font-size:16px}.pg-look-hint{max-width:25ch;line-height:1.4}.pg-compare-button{flex-shrink:0;margin:0}.pg-look-strip{display:flex;overflow-x:auto;gap:10px;padding:5px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.pg-look{flex:0 0 60px;font-size:12px;scroll-snap-align:start}.pg-look-image{height:56px}.pg-layouts>ul{gap:28px 16px}.pg-layouts>div:first-child{margin-bottom:28px}.pg-tool-card h3{align-items:flex-start;font-size:14px;line-height:1.4}.pg-ai-layout{gap:32px}.pg-ai-tabs{gap:4px}.pg-ai-tabs button{padding-inline:12px;font-size:12px}.pg-ai-gallery{gap:12px}.pg-guide{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.pg-home *,.pg-home *:before,.pg-home *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.pg-home:has(.pg-look:focus-visible) .pg-current-look{transition:none}@media(min-width:1024px){.pg-layouts>ul{grid-template-columns:repeat(12,minmax(0,1fr))}.pg-layouts>ul>li{grid-column:span 4}.pg-layouts>ul>li:nth-child(-n+2){grid-column:span 6}.pg-layouts>ul>li:nth-child(-n+2) img{aspect-ratio:1.65;object-fit:contain;padding:20px;background:#e8e6df}}