@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-latin-700.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Bricolage Grotesque;src:url(/fonts/bricolage-grotesque-latin-800.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-latin-500.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/inter-tight-latin-700.woff2) format("woff2");font-weight:700;font-display:swap}:root,[data-theme=light]{color-scheme:light;--pt-bg: #FFFBF5;--pt-surface: #FFFFFF;--pt-surface-2: #F6F1EA;--pt-border: #ECE4D8;--pt-text: #15161A;--pt-text-2: #5B5F6B;--pt-accent: #FFB321;--pt-accent-ink: #1A1300;--pt-coral: #FF5A5F;--pt-blue: #3D7BFF;--pt-mint: #2FD3A2;--pt-hero-wash: radial-gradient(ellipse at 25% 30%, #FFE7A8, transparent 60%), radial-gradient(ellipse at 75% 45%, #FFD1DC, transparent 60%), radial-gradient(ellipse at 50% 90%, #CFE3FF, transparent 65%);--pt-glow: 0 0 0 1px var(--pt-accent), 0 8px 40px rgba(255,179,33,.35);--r-sm: 8px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--shadow-1: 0 2px 8px rgba(0,0,0,.06);--pt-font-display: "Bricolage Grotesque", "PingFang SC", "Noto Sans SC", sans-serif;--pt-font-body: Inter, "PingFang SC", "Noto Sans SC", sans-serif;--pt-font-number: "Inter Tight", Inter, sans-serif}.pt-dark,[data-theme=dark]{color-scheme:dark;--pt-bg: #0E0F13;--pt-surface: #17191F;--pt-surface-2: #1F222A;--pt-border: #2A2E38;--pt-text: #F4F4F6;--pt-text-2: #A3A8B5;--pt-accent: #FFC53D;--pt-coral: #FF6B70;--pt-blue: #5B8CFF;--pt-mint: #3BE0B0;--pt-hero-wash: radial-gradient(ellipse at 25% 30%, #3A2A00, transparent 60%), radial-gradient(ellipse at 75% 45%, #2A0F1E, transparent 60%), radial-gradient(ellipse at 50% 90%, #0E1A33, transparent 65%);color:var(--pt-text);background:var(--pt-bg)}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--pt-bg);color:var(--pt-text);font:400 16px/1.625 var(--pt-font-body)}h1,h2,h3,.brand{font-family:var(--pt-font-display);font-weight:700;line-height:1.12}h1{font-size:64px;line-height:68px;letter-spacing:-.02em;margin:16px 0}h2{font-size:clamp(30px,3.5vw,44px);letter-spacing:-.025em;margin:0 0 20px}h3{font-size:22px}p{margin:0 0 16px}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-color:var(--pt-accent)}img{max-width:100%;object-fit:cover}button,input,select{font:inherit}button,.button{cursor:pointer;border:1px solid transparent;border-radius:var(--r-pill);background:var(--pt-accent);color:var(--pt-accent-ink);padding:11px 24px;min-height:48px;font-weight:500}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;text-decoration:none}.button-secondary{border-color:var(--pt-border);background:var(--pt-surface);color:var(--pt-text)}button:hover,.button:hover{filter:brightness(.97)}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid var(--pt-blue);outline-offset:4px}.skip{position:fixed;top:-80px;left:16px;z-index:100;background:var(--pt-surface);padding:12px}.skip:focus{top:8px}.site-header{position:sticky;top:0;height:64px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(24px,calc((100vw - 1280px)/2));transition:background .2s}.site-header.scrolled{background:#fffbf5eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--pt-border)}.brand{font-size:23px;text-decoration:none;white-space:nowrap;display:flex;gap:9px;align-items:center}.brand span{color:#b77300;font-size:30px}.site-header nav{display:flex;align-items:center;gap:28px}.site-header nav a{text-decoration:none}.style-menu summary{cursor:pointer}.nav-styles{position:absolute;top:64px;left:50%;transform:translate(-50%);width:min(900px,calc(100vw - 32px));padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:var(--pt-surface);border:1px solid var(--pt-border);border-radius:var(--r-lg);box-shadow:var(--shadow-1)}.nav-styles a{display:flex;gap:10px;align-items:center;font-size:14px}.nav-styles img{border-radius:var(--r-sm);background:var(--pt-surface-2)}.home-hero{position:relative;isolation:isolate;padding:48px 24px 64px;overflow:hidden}.home-hero:before{content:"";position:absolute;inset:-8%;z-index:-1;background:var(--pt-hero-wash);opacity:.85;animation:hero-wash-breathe 12s ease-in-out infinite alternate}.hero-heading{text-align:center;max-width:800px;margin:0 auto 32px}.hero-heading>p:last-child{color:var(--pt-text-2)}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.14em;margin-bottom:14px}.home-hero .studio{position:relative;z-index:2;width:min(720px,100%);margin:auto;padding:0;border:0;background:transparent;box-shadow:none}.studio{display:grid;gap:14px;padding:24px;border:1px solid var(--pt-border);border-radius:var(--r-xl);background:var(--pt-surface)}.studio label,.studio fieldset{display:grid;gap:6px}.studio select,.studio input:not([type=checkbox]):not([type=radio]):not([type=file]){background:var(--pt-surface);color:var(--pt-text);border:1px solid var(--pt-border);border-radius:var(--r-sm);padding:10px;max-width:100%}.studio fieldset{border:1px solid var(--pt-border);border-radius:var(--r-md)}.check{display:flex!important;align-items:flex-start;gap:10px!important;font-size:14px;line-height:22px}.check input{margin-top:5px;accent-color:var(--pt-accent);flex-shrink:0}.notice{color:var(--pt-text-2);font-size:14px;line-height:22px;margin:0}.upload-box{position:relative;isolation:isolate;height:180px;align-content:center;justify-items:center;border:2px solid var(--pt-accent);border-radius:var(--r-xl);background:var(--pt-surface);box-shadow:var(--pt-glow);overflow:hidden;text-align:center;cursor:pointer}.upload-box:before{content:"";position:absolute;z-index:-2;width:800px;height:800px;top:calc(50% - 400px);left:calc(50% - 400px);background:conic-gradient(transparent 60%,#fff2b3 80%,var(--pt-accent),transparent);animation:upload-border-orbit 4s linear infinite}.upload-box:after{content:"";position:absolute;inset:2px;z-index:-1;background:var(--pt-surface);border-radius:24px}.upload-box input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload-box:focus-within,.upload-box.dragging{outline:3px solid var(--pt-blue);outline-offset:4px}.upload-box strong{font-size:22px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-box>span{font-size:14px;color:var(--pt-text-2)}.upload-box .upload-icon{font-size:28px;line-height:28px;color:var(--pt-text)}.upload-types{font-size:12px!important}.samples{display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px}.sample{min-height:0;padding:0;width:42px;height:52px;overflow:hidden;border-radius:var(--r-sm);background:var(--pt-surface-2);border:1px solid var(--pt-border)}.sample img{display:block;width:100%;height:100%}.quick-styles,.filter-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.quick-styles button,.quick-styles a,.filter-tabs button{background:var(--pt-surface);color:var(--pt-text);border:1px solid var(--pt-border);font-size:12px;min-height:36px;padding:7px 12px;border-radius:var(--r-pill);text-decoration:none}.quick-styles [aria-pressed=true],.filter-tabs [aria-pressed=true]{background:var(--pt-accent);color:var(--pt-accent-ink);border-color:var(--pt-accent)}.home-hero .studio>button[type=submit]{min-width:200px;justify-self:center}.hero-float{position:absolute;width:clamp(100px,11vw,170px);height:auto;aspect-ratio:4/5;border-radius:var(--r-lg);border:6px solid white;box-shadow:var(--shadow-1);animation:float 6s ease-in-out infinite alternate}.float-0{left:3%;top:200px;rotate:-12deg}.float-1{left:5%;top:480px;rotate:8deg;animation-delay:-3s}.float-2{right:3%;top:210px;rotate:10deg;animation-delay:-2s}.float-3{right:5%;top:490px;rotate:-8deg;animation-delay:-4s}.mobile-comparisons{display:none}.trust-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 32px;padding:28px 24px;font-size:12px;border-bottom:1px solid var(--pt-border)}.trust-bar span span{color:var(--pt-accent);padding-right:5px}.home-section{width:min(1160px,calc(100% - 48px));margin-inline:auto;padding-block:80px}.section-heading{text-align:center;margin:0 auto 32px;max-width:720px}.section-heading p,.steps p,.use-cases p{color:var(--pt-text-2)}.filter-tabs{margin:32px 0}.filter-tabs button{font-size:14px;padding-inline:24px}.style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.style-card{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--pt-surface);border:1px solid var(--pt-border);transition:transform .2s ease-out}.style-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--pt-accent)}.comparison{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--pt-surface-2)}.comparison img{position:absolute;inset:0;width:100%;height:100%;transition:transform .2s ease-out}.style-card:hover .comparison img{transform:scale(1.04)}.comparison-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff;display:flex;align-items:center;justify-content:center;color:#15161a;text-shadow:0 0 4px white;font-size:24px;pointer-events:none}.compare-label{position:absolute;bottom:16px;border-radius:var(--r-pill);background:#15161ae6;color:#fff;padding:4px 10px;font-size:11px;pointer-events:none}.before-label{left:12px}.after-label{right:12px}.compare-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.style-card .compare-range{z-index:3;top:calc(50% - 22px);height:44px}.comparison:focus-within{outline:3px solid var(--pt-blue);outline-offset:-4px}.style-card-link{position:absolute;inset:0;z-index:1;padding:16px 12px;text-decoration:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.style-name{background:#fffaf2;color:#15161a;border-radius:var(--r-pill);padding:6px 12px;font-size:13px;max-width:calc(100% - 44px)}.style-use{font-size:13px;padding:6px 12px;border-radius:var(--r-pill);background:var(--pt-accent);color:var(--pt-accent-ink);opacity:0;transition:opacity .2s}.style-card:hover .style-use,.style-card:focus-within .style-use{opacity:1}.badge{position:absolute;z-index:2;top:22px;right:12px;font-size:10px;font-weight:500;background:var(--pt-coral);color:#15161a;border-radius:5px;padding:2px 5px;pointer-events:none}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step-number{font-family:var(--pt-font-number);font-size:60px;color:var(--pt-accent)}.showcase .answer{max-width:760px;color:var(--pt-text-2);margin:40px auto 0;text-align:center}.wall-section{padding:40px 0 80px;overflow:hidden;text-align:center}.wall-section>h2,.wall-section>p{margin-inline:24px}.marquee{overflow:hidden;margin-top:16px}.marquee-track{display:flex;width:max-content;animation:marquee 40s linear infinite}.reverse .marquee-track{animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}.wall-set{display:flex;gap:16px;padding-right:16px}.wall-set figure{position:relative;margin:0;width:160px;height:200px;border-radius:var(--r-md);overflow:hidden;background:var(--pt-surface)}.wall-set img{width:100%;height:100%}.wall-set figcaption{position:absolute;bottom:0;width:100%;padding:8px;background:#15161ae6;color:#fff;font-size:12px;opacity:0}.wall-set figure:hover figcaption{opacity:1}.use-cases{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.use-cases img{width:100%;aspect-ratio:4/5;height:auto;border-radius:var(--r-lg);background:var(--pt-surface-2)}.offers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.offers+.button{margin-top:40px}.offer{border:1px solid var(--pt-border);border-radius:var(--r-xl);padding:32px;background:var(--pt-surface)}.offer.recommended{border-color:var(--pt-accent);box-shadow:var(--pt-glow)}.price{font-family:var(--pt-font-number);font-weight:700;font-size:52px;font-variant-numeric:tabular-nums;margin:24px 0 8px}.privacy-section{border-top:1px solid var(--pt-border);border-bottom:1px solid var(--pt-border)}.faq-wrap{max-width:800px}.faq-item{border-bottom:1px solid var(--pt-border);padding:20px 0}.faq-item summary{font-weight:500;cursor:pointer}.faq-item p{color:var(--pt-text-2);margin:16px 0 0}.final-cta{text-align:center;padding:88px 24px;background-image:var(--pt-hero-wash)}.site-footer{width:min(1160px,calc(100% - 48px));margin:auto;padding:64px 0 32px;font-size:14px;color:var(--pt-text-2)}.site-footer>p{max-width:820px}.site-footer nav{display:flex;flex-wrap:wrap;gap:16px 24px;margin-top:32px}.site-footer .footer-styles{display:grid;grid-template-columns:repeat(4,1fr);padding-block:24px;border-block:1px solid var(--pt-border)}.inner-page main{width:min(1160px,calc(100% - 48px));margin:40px auto}.inner-page main:has(.hero){max-width:720px}.inner-page .hero{display:block}.inner-page main>section{margin-top:48px}.inner-page h1{font-size:48px;line-height:1.1}.art svg{max-width:180px}.art figcaption,.page-disclaimer{color:var(--pt-text-2);font-size:14px}.crumbs{display:flex;gap:16px;margin-bottom:24px}#studio-status:empty{display:none}#studio-result{display:grid;gap:16px}#studio-result img{width:100%;height:auto;border-radius:var(--r-lg)}#studio-result:not([hidden]){animation:result-pop .4s ease-out}.studio[aria-busy=true] .upload-box:after{background:linear-gradient(110deg,var(--pt-surface) 20%,#fff0c8 50%,var(--pt-surface) 80%);animation:gen-progress 2s ease-in-out infinite alternate}.reveal-pending{opacity:0;transform:translateY(16px)}.reveal-visible{animation:reveal-on-scroll .4s ease-out both;animation-delay:var(--reveal-delay, 0ms)}.number-flow{animation:number-flow .4s ease-out}@keyframes hero-wash-breathe{to{transform:translateY(2%);opacity:1}}@keyframes upload-border-orbit{to{transform:rotate(360deg)}}@keyframes float{to{transform:translateY(-12px)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes before-after-slider{0%,to{clip-path:inset(0 75% 0 0)}50%{clip-path:inset(0 25% 0 0)}}@keyframes compare-line-sweep{0%,to{left:25%}50%{left:75%}}@keyframes reveal-on-scroll{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes result-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes gen-progress{to{opacity:.65}}@keyframes number-flow{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.hero-float{display:none}}@media(max-width:760px){h1{font-size:40px;line-height:44px}.site-header{padding-inline:16px;gap:12px}.brand{font-size:19px}.site-header nav{gap:16px;font-size:14px}.site-header>.button{display:none}.nav-styles{grid-template-columns:repeat(2,1fr);max-height:70vh;overflow:auto;padding:16px}.home-hero{padding:32px 16px 40px}.hero-heading{margin-bottom:24px}.home-section{width:calc(100% - 32px);padding-block:48px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.style-name{font-size:11px;padding:5px 8px;max-width:100%}.style-card-link{padding:8px}.badge{top:44px;right:8px}.style-use{display:none}.compare-label{font-size:9px;padding:3px 6px;bottom:8px}.before-label{left:6px}.after-label{right:6px}.steps,.offers{grid-template-columns:1fr;gap:20px}.offers+.button{margin-top:24px}.use-cases{grid-template-columns:repeat(2,1fr);gap:16px}.trust-bar{justify-content:flex-start;gap:12px;padding:24px 16px}.trust-bar>span{width:calc(50% - 6px)}.mobile-comparisons{display:flex;gap:12px;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:24px}.mobile-comparisons .comparison{flex:0 0 44%;border-radius:var(--r-md);scroll-snap-align:start}.comparison:not(.interacting) .comparison-before{animation:before-after-slider 3s ease-in-out infinite}.comparison:not(.interacting) .compare-line{animation:compare-line-sweep 3s ease-in-out infinite}.site-footer .footer-styles{grid-template-columns:repeat(2,1fr)}.inner-page .hero{grid-template-columns:1fr}.inner-page h1{font-size:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-pending,.reveal-visible{opacity:1;transform:none}.style-card:hover,.style-card:hover .comparison img{transform:none}.marquee{overflow-x:auto}}.workbench,.pricing-page{padding:40px 24px;border-radius:var(--r-xl)}.inner-page main:has(.workbench),.inner-page main:has(.pricing-page){width:min(1600px,calc(100% - 48px));max-width:1600px}.workbench-heading,.pricing-page>header{margin-bottom:32px}.workbench h1,.pricing-page h1{font-size:clamp(36px,5vw,64px);line-height:1.08}.workbench h2{font-size:22px}.workbench-grid{display:grid;grid-template-columns:360px minmax(0,1fr) 240px;gap:20px;align-items:start}.workbench .studio{padding:20px;min-width:0}.workbench-canvas,.workbench-history{min-width:0;border:1px solid var(--pt-border);background:var(--pt-surface);border-radius:var(--r-xl);padding:20px}.workbench-canvas{min-height:640px}.workbench .upload-box{padding:20px 10px}#upload-preview{max-height:240px;width:100%;object-fit:contain;border-radius:var(--r-md)}.workbench-styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:340px;overflow-y:auto}.workbench-styles button{padding:5px;border-radius:var(--r-sm);background:var(--pt-surface-2);color:var(--pt-text);font-size:11px}.workbench-styles button[aria-pressed=true]{border-color:var(--pt-accent);box-shadow:inset 0 0 0 1px var(--pt-accent)}.workbench-styles img{width:100%;aspect-ratio:4/5;border-radius:5px}.workbench-styles span{display:block}.example-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}.example-pair figure{margin:0}.example-pair img{border-radius:var(--r-md)}#studio-result>img{width:100%;max-height:650px;object-fit:contain;border-radius:var(--r-md)}.email-result{display:grid;gap:12px;margin-top:24px}.email-result input{width:100%;padding:12px;color:var(--pt-text);background:var(--pt-surface-2);border:1px solid var(--pt-border);border-radius:var(--r-sm)}#session-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#session-history button{padding:4px;background:var(--pt-surface-2);border-radius:var(--r-sm)}#session-history img{width:100%;aspect-ratio:4/5;border-radius:4px}.scan-skeleton{position:relative;overflow:hidden;min-height:400px;border-radius:var(--r-lg);background:linear-gradient(120deg,var(--pt-surface-2),var(--pt-border),var(--pt-surface-2))}.scan-skeleton:after{content:"";position:absolute;inset:0 0 auto;height:80px;background:linear-gradient(transparent,#ffc53d66,transparent);animation:studio-scan 2.8s ease-in-out infinite alternate}@keyframes studio-scan{0%{transform:translateY(-80px)}to{transform:translateY(400px)}}.pricing-page>section{padding:40px 0}.pricing-page .offer,#pricing-dialog .offer{position:relative;background:var(--pt-surface);color:var(--pt-text)}.pack-badge{color:var(--pt-accent);font-weight:500}.pricing-page .price,#pricing-dialog .price{font-family:var(--pt-font-number)}.table-scroll{overflow-x:auto}.pricing-page table{width:100%;border-collapse:collapse;text-align:left}.pricing-page th,.pricing-page td{padding:14px;border-bottom:1px solid var(--pt-border)}.pricing-page caption{text-align:left;color:var(--pt-text-2)}dialog{border:1px solid var(--pt-border);border-radius:var(--r-xl);padding:28px;width:min(540px,calc(100vw - 32px));max-height:90dvh}dialog::backdrop{background:#000a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}dialog [data-close]{display:block;margin:0 0 16px auto}.generation-confirmation-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:24px}#pricing-dialog{width:min(1100px,calc(100vw - 32px))}#pricing-dialog .offers{margin-top:24px}@media(max-width:1199px){.workbench-grid{grid-template-columns:360px minmax(0,1fr)}.workbench-history{grid-column:1 / -1}#session-history{grid-template-columns:repeat(auto-fill,minmax(80px,120px))}}@media(max-width:760px){.workbench,.pricing-page{padding:24px 12px}.workbench-grid{grid-template-columns:minmax(0,1fr)}.workbench-canvas{min-height:0}.workbench .studio{padding:16px}#pricing-dialog .offers{grid-template-columns:1fr}.pricing-page .trust-bar{flex-direction:column}}@media(prefers-reduced-motion:reduce){.scan-skeleton:after{animation:none}}.style-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:start}.style-hero h1{font-size:clamp(36px,4vw,56px);line-height:1.08}.style-answer{color:var(--pt-text-2);font-size:15px}.style-hero-example{position:sticky;top:96px}.style-hero-example .comparison{border-radius:var(--r-xl)}.style-hero-example p,.style-timing{margin-top:16px;color:var(--pt-text-2);font-size:14px;text-align:center}.style-hero .studio{padding:20px}.style-example{margin:0;overflow:hidden;border:1px solid var(--pt-border);border-radius:var(--r-lg);background:var(--pt-surface)}.style-example>div{position:relative;aspect-ratio:4/5}.style-example img{display:block;width:100%;height:100%}.style-example-original{position:absolute;inset:0;opacity:0;transition:opacity .2s}.style-example:hover .style-example-original,.style-example:focus .style-example-original{opacity:1}.style-example figcaption{padding:16px}.example-original-label,.style-example:hover .example-result-label,.style-example:focus .example-result-label{display:none}.style-example:hover .example-original-label,.style-example:focus .example-original-label{display:inline}.style-step-image{display:block;width:100%;height:220px;border-radius:var(--r-lg);object-position:center 30%}.style-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.style-tips article,.style-use-card,.style-specs>div{padding:24px;border:1px solid var(--pt-border);border-radius:var(--r-lg);background:var(--pt-surface)}.style-tips ul{list-style:none;padding:0}.style-tips li+li{margin-top:12px}.style-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0 0 24px}.style-specs dt{font-weight:700}.style-specs dd{margin:12px 0 0;color:var(--pt-text-2)}@media(max-width:760px){.style-hero{grid-template-columns:1fr;gap:32px}.style-hero-example{position:static}.style-tips,.style-specs{grid-template-columns:1fr}.style-hero .studio{padding:16px}}.product-upload{display:grid;gap:8px;padding:20px;text-decoration:none;color:var(--pt-text)}.product-upload:focus-visible{outline:3px solid var(--pt-blue);outline-offset:4px}.product-page .quick-styles{margin-top:20px;justify-content:flex-start}.product-card-note{padding:16px;margin:0;font-size:14px}.product-card-note strong{display:block;margin-top:8px}.product-trust-note{max-width:900px;margin:20px auto;padding:0 24px;text-align:center;color:var(--pt-text-2)}.product-panels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-copy-preview{margin-top:24px;padding:24px;border:1px solid var(--pt-border);border-radius:var(--r-lg);background:var(--pt-surface)}.product-example{max-width:400px;border-radius:var(--r-lg);overflow:hidden}.product-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.product-form fieldset{min-width:0;padding:24px;border:1px solid var(--pt-border);border-radius:var(--r-lg)}.product-form .upload-box{display:grid}.product-form input:disabled,.product-form select:disabled{opacity:1;color:var(--pt-text-2);cursor:not-allowed}.product-form button:disabled{margin-top:20px;cursor:not-allowed}@media(max-width:900px){.product-panels{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.product-panels,.product-fields{grid-template-columns:1fr}.product-upload strong{white-space:normal;font-size:18px}.product-form fieldset{padding:16px}}.product-fields label{display:grid;gap:6px;min-width:0}.product-fields input,.product-fields select{width:100%;min-width:0;padding:10px;border:1px solid var(--pt-border);border-radius:var(--r-sm);background:var(--pt-surface)}.product-panels .product-square .comparison{aspect-ratio:1}@media(max-width:480px){.site-header{flex-wrap:wrap;height:auto;padding-block:10px;gap:8px}.site-header>nav{width:100%;justify-content:space-between}.nav-styles{top:100%}}#studio-result{gap:10px;min-width:0}.rp-layout{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px;background:var(--pt-surface-2);border-radius:var(--r-lg);padding:8px}.rp-canvas{position:relative;display:grid;place-items:center;height:max(420px,calc(100dvh - 220px));min-width:0;overflow:hidden;background:var(--pt-surface-2);border-radius:var(--r-lg)}.rp-canvas.comparison{aspect-ratio:auto}#studio-result .rp-canvas>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:var(--r-lg)}.rp-canvas .compare-line{background:var(--pt-accent);color:var(--pt-accent-ink);text-shadow:none}.rp-canvas .compare-range{touch-action:none}.rp-toolbar,.rp-tool-group{display:flex;flex-direction:column;gap:3px;min-width:0}.rp-toolbar{justify-content:center}.rp-tool-group+.rp-tool-group{border-top:1px solid var(--pt-border);padding-top:5px;margin-top:3px}.rp-button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;min-height:40px;padding:5px 3px;border:1px solid transparent;border-radius:var(--r-sm);background:var(--pt-surface);color:var(--pt-text);font-size:12px;line-height:1.2;text-align:center;overflow-wrap:anywhere}.rp-button svg{flex-shrink:0}.rp-button:hover:not(:disabled),.rp-button[aria-pressed=true]{border-color:var(--pt-accent)}.rp-button:focus-visible{outline:2px solid var(--pt-accent);outline-offset:2px}.rp-button:disabled{opacity:.45;cursor:not-allowed}.rp-button.rp-download{background:var(--pt-accent);color:var(--pt-accent-ink)}.rp-more-button{display:none}.rp-meta{display:flex;flex-wrap:wrap;gap:6px;font-size:12px;color:var(--pt-text-2)}.rp-meta span{padding:4px 8px;border-radius:var(--r-pill);background:var(--pt-surface-2)}.rp-notice{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border:1px solid var(--pt-border);border-radius:var(--r-sm)}.rp-notice p,.rp-email-hint,.rp-feedback,.rp-detail{font-size:12px;margin:0;color:var(--pt-text-2)}.rp-notice .rp-button{flex-shrink:0}.rp-notice .rp-button span{display:none}.rp-feedback:empty{display:none}.rp-dialog{color:var(--pt-text);background:var(--pt-surface)}.rp-dialog>.rp-button:first-child{margin-left:auto;padding:8px 12px}.rp-dialog::backdrop{background:color-mix(in srgb,var(--pt-bg) 75%,transparent)}.rp-dialog .email-result{margin:12px 0}.rp-more-tools,.rp-zoom-controls,.rp-preview{display:flex;flex-wrap:wrap;gap:8px}.rp-more-tools .rp-button,.rp-zoom-controls .rp-button,.rp-preview .rp-button{padding:10px;font-size:12px}.rp-zoom{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border-radius:0;padding:16px}.rp-zoom-viewport{height:calc(100dvh - 180px);overflow:hidden;display:grid;place-items:center;touch-action:none;cursor:grab}#studio-result .rp-zoom-viewport img{width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.rp-zoom-viewport:active{cursor:grabbing}.rp-loading-photo{filter:blur(12px);opacity:.3}.rp-progress,.rp-error{position:relative;z-index:1;padding:24px;max-width:100%;text-align:center;background:color-mix(in srgb,var(--pt-surface) 85%,transparent);border-radius:var(--r-lg)}.rp-error .rp-button{display:inline-flex;padding:12px;margin:4px;font-size:13px}.rp-error-icon{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--pt-coral);border-radius:var(--r-pill);color:var(--pt-coral)}#session-history button[aria-pressed=true]{border-color:var(--pt-accent);outline:2px solid var(--pt-accent);outline-offset:2px}.workbench-canvas{scroll-margin-top:90px}@media(min-width:1200px){.workbench-grid{grid-template-columns:300px minmax(0,1fr) 160px;gap:16px}.workbench-canvas{position:sticky;top:88px;padding:12px}.workbench-canvas>h2{margin:0 0 12px}}@media(min-width:760px)and (max-width:1199px){.workbench-grid{grid-template-columns:260px minmax(0,1fr);gap:12px}.workbench-canvas{padding:12px}.rp-layout{grid-template-columns:minmax(0,1fr)}.rp-toolbar{grid-row:1;flex-direction:row;align-items:stretch}.rp-tool-group{flex-direction:row;flex:1}.rp-tool-group .rp-button{flex:1;min-width:0}.rp-tool-group+.rp-tool-group{border-top:0;border-left:1px solid var(--pt-border);padding:0 0 0 3px;margin:0}.rp-toolbar .rp-button{font-size:11px;padding:4px 1px}}@media(max-width:759px){.workbench-grid{grid-template-columns:minmax(0,1fr)}.workbench-canvas{padding:10px 10px 100px}.rp-layout{display:block;padding:0}.rp-canvas{height:max(420px,calc(100dvh - 220px))}.rp-toolbar{position:fixed;bottom:0;left:0;right:0;z-index:25;flex-direction:row;gap:3px;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--pt-border);background:var(--pt-surface)}.rp-tool-group{display:contents}.rp-toolbar .rp-button{flex:1;min-width:0;min-height:48px;font-size:12px}.rp-toolbar .rp-secondary{display:none}.rp-more-button{display:flex}.rp-more{margin:auto 0 0;width:100%;max-width:100%;border-radius:var(--r-lg) var(--r-lg) 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.rp-more-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}.account-page{max-width:1100px;margin:2rem auto;padding:2rem;border-radius:1rem}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.account-card{padding:1rem;margin-block:1rem;background:var(--pt-surface);border:1px solid var(--pt-border);border-radius:12px;overflow-wrap:anywhere}.account-card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px}.account-page{background:var(--pt-bg);color:var(--pt-text)}.account-page>p{color:var(--pt-text-2);max-width:76ch}.account-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:16px;border:1px solid var(--pt-border);border-radius:var(--r-md);background:var(--pt-surface)}.account-bar .button{margin-left:auto}.account-card.style-card{margin:0;padding:16px;background:var(--pt-surface)}.account-card h3{font-size:16px}.account-card p{font-size:13px;color:var(--pt-text-2)}.account-card a{color:var(--pt-accent)}.account-expired{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;text-align:center;background:var(--pt-surface-2);border-radius:var(--r-md)}.account-expired>span{font-size:40px;color:var(--pt-text-2)}.account-email-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(140px,1fr) auto auto;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid var(--pt-border);font-size:13px}.account-email-row time{color:var(--pt-text-2)}.account-status{border-radius:var(--r-pill);padding:4px 10px;background:var(--pt-surface-2)}.account-status-sent{color:var(--pt-accent)}.account-status-failed{color:var(--pt-coral)}@media(max-width:759px){body.has-result-toolbar{padding-bottom:var(--result-toolbar-height, 88px)}.account-page{margin:1rem auto;padding:16px}.account-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}.account-email-row{grid-template-columns:1fr auto}.account-bar .button{margin-left:0}}.account-shell{background:var(--pt-bg);color:var(--pt-text)}#box-name-choice{min-width:0}#box-name-choice[hidden]{display:none}#box-name-choice input{width:100%;min-width:0;box-sizing:border-box;border-radius:var(--r-md);background:var(--pt-surface);color:var(--pt-text);border:1px solid var(--pt-border);padding:12px;font-size:16px}#box-name-choice input:focus-visible{outline:2px solid var(--pt-accent);outline-offset:2px}#box-name-choice input[aria-invalid=true]{border-color:var(--pt-coral)}#box-name-count{display:block;text-align:right;font-size:12px;color:var(--pt-text-2)}#box-name-help,#box-name-error{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:var(--pt-text-2);overflow-wrap:anywhere}#box-name-error{color:var(--pt-coral)}.header-account{position:relative;flex-shrink:0;margin-left:auto}.google-signin{display:inline-flex;align-items:center;justify-content:center;padding:2px 0;min-height:44px;background:transparent;border:0}.google-signin:hover{filter:none}.google-signin img{display:block;max-width:none}.google-signin-icon{display:none!important}#account-toggle{display:flex;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:4px 12px 4px 4px;border:1px solid var(--pt-border);background:var(--pt-surface);color:var(--pt-text);white-space:nowrap}.account-avatar{display:grid;place-items:center;width:34px;height:34px;overflow:hidden;border-radius:50%;background:var(--pt-surface-2);font-weight:700}.account-avatar img{width:100%;height:100%}#account-menu,#header-account-status{position:absolute;right:0;top:calc(100% + 8px);width:min(260px,calc(100vw - 32px));padding:8px;margin:0;background:var(--pt-surface);color:var(--pt-text);border:1px solid var(--pt-border);border-radius:var(--r-md);box-shadow:var(--shadow-1);z-index:40}#account-menu{max-height:calc(100dvh - 88px);overflow-y:auto}#account-menu>*{display:block;width:100%;min-height:44px;padding:10px 12px;text-align:left;text-decoration:none;border-radius:var(--r-sm);background:transparent;color:inherit}#account-menu>:hover{background:var(--pt-surface-2)}.site-header>.button{white-space:nowrap}.account-shell .site-header.scrolled{background:var(--pt-bg)}@media(min-width:760px)and (max-width:1100px){.site-header{gap:12px;padding-inline:16px}.site-header nav{gap:10px;font-size:13px}.site-header>.button{padding-inline:12px;font-size:14px}.site-header .brand{font-size:17px}}@media(max-width:759px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) 44px;height:auto;gap:8px 16px;padding-block:8px;background:var(--pt-bg)}.site-header>.brand{grid-column:1;grid-row:1}.site-header>nav{grid-column:1 / -1;grid-row:2;width:100%;justify-content:space-between}.header-account{grid-column:2;grid-row:1}.header-account .google-signin{width:44px;height:44px}.header-account .google-signin-full,#header-balance{display:none}.header-account .google-signin-icon{display:block!important}#account-toggle{width:44px;padding:4px}.nav-styles{top:100%}}.comparison-placeholder{aspect-ratio:4 / 5;border:1px dashed currentColor;border-radius:1rem;opacity:.2}