.px-page{--px-bg: #f4f0e7;--px-ink: #28352a;--px-accent: #6b482c;--px-muted: #66695e;--px-panel: #fcfaf5;--px-line: #d9d6cb;color-scheme:light;min-height:100vh;background:var(--px-bg);color:var(--px-ink);font-family:Noto Sans,sans-serif;font-size:14px;line-height:1.65}.px-catrina{--px-bg: #102b29;--px-ink: #f5ead6;--px-accent: #f3bb70;--px-muted: #c0c8bc;--px-panel: #183632;--px-line: #3a5049}.px-page *{box-sizing:border-box}.px-page h1,.px-page h2,.px-page h3,.px-page p,.px-page figure{margin:0}.px-page button,.px-page a,.px-page summary,.px-page label{cursor:pointer}.px-page button:disabled,.px-page fieldset:disabled label{cursor:not-allowed;opacity:.6}.px-page :focus-visible{outline:3px solid var(--px-accent);outline-offset:4px}.px-container{width:min(1192px,calc(100% - 80px));margin-inline:auto}.px-header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--px-line);gap:24px}.px-brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:19px;font-weight:700;letter-spacing:-.8px}.px-brand-ai{font-size:9px;letter-spacing:1px;vertical-align:super;margin-left:4px}.px-header nav{display:flex;align-items:center;gap:30px;font-size:12px}.px-header a:hover,.px-footer a:hover{color:var(--px-accent)}.px-header-back{display:flex;align-items:center;gap:6px;border:1px solid var(--px-line);border-radius:30px;padding:9px 15px}.px-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:72px;padding:64px 0 66px;align-items:center}.px-eyebrow{font-size:10px;font-weight:600;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;color:var(--px-accent)}.px-page h1,.px-page h2{font-family:"Noto Serif",Georgia,serif;letter-spacing:-2px;line-height:1.06;font-weight:400}.px-page h1{font-size:clamp(48px,5.6vw,78px);margin-top:26px}.px-page h1 em{font-style:italic;color:var(--px-accent)}.px-lead{max-width:410px;margin-top:27px!important;font-size:15px;line-height:1.9;color:var(--px-muted)}.px-hero-link{display:inline-flex;align-items:center;gap:25px;margin-top:27px;padding-bottom:8px;border-bottom:1px solid var(--px-ink);font-weight:600;font-size:13px}.px-hero-meta{display:flex;flex-wrap:wrap;gap:0;margin-top:34px;font-size:8px;letter-spacing:1.2px;color:var(--px-muted)}.px-hero-meta span+span{border-left:1px solid var(--px-line);margin-left:13px;padding-left:13px}.px-art{position:relative;min-width:0;transform:rotate(2deg);padding:10px;background:var(--px-panel);box-shadow:0 18px 50px #0002}.px-art>img{width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;display:block}.px-art-label{position:absolute;bottom:55px;left:30px;color:#fff;font-family:"Noto Serif",Georgia,serif;font-size:22px;line-height:1.5;text-shadow:0 1px 12px #000}.px-art-label span{display:block;font-family:Noto Sans,sans-serif;font-size:8px;letter-spacing:2px}.px-art figcaption{font-size:9px;text-align:center;color:var(--px-muted);padding:9px 0 1px}.px-record{position:absolute;bottom:58px;right:10px;width:114px;height:114px;border-radius:50%;background:repeating-radial-gradient(#1e211e 0 2px,#343530 3px,#1e211e 4px);box-shadow:0 5px 16px #0004;display:flex;align-items:center;justify-content:center;transform:rotate(-16deg);color:#fff4d5}.px-record>div{position:absolute;inset:33px;border-radius:50%;background:#b77046}.px-record span{z-index:1;font-size:7px;text-align:center;line-height:1.5;letter-spacing:.5px}.px-workspace{display:grid;grid-template-columns:1fr 1fr;gap:70px;border:1px solid var(--px-line);background:var(--px-panel);padding:42px;scroll-margin-top:25px}.px-section-label{display:flex;align-items:center;gap:10px;font-size:9px;font-weight:600;letter-spacing:1.5px;margin-bottom:22px;color:var(--px-muted)}.px-section-label>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--px-line);border-radius:50%;font-size:9px;letter-spacing:0}.px-page h2{font-size:clamp(29px,3vw,39px);white-space:pre-line;letter-spacing:-1.3px}.px-choices>p{margin-top:18px;max-width:350px;color:var(--px-muted);font-size:13px;line-height:1.85}.px-look-options{border:0;padding:0;margin:24px 0 0;display:grid;gap:10px}.px-look{display:flex;align-items:center;gap:12px;border:1px solid var(--px-line);padding:12px 14px;transition:border-color .2s,background .2s;border-radius:4px}.px-look[data-selected=true]{border-color:var(--px-accent);background:color-mix(in srgb,var(--px-accent) 6%,transparent)}.px-look:hover{border-color:var(--px-accent)}.px-look input,.px-framing input{position:absolute;opacity:0;width:1px;height:1px}.px-look:has(:focus-visible),.px-framing label:has(:focus-visible){outline:2px solid var(--px-accent);outline-offset:3px}.px-swatch{width:43px;height:43px;display:grid;place-items:center;color:#fff8ec;border-radius:50%;flex-shrink:0}.px-look strong,.px-look small{display:block}.px-look strong{font-size:12px}.px-look small{font-size:10px;color:var(--px-muted);margin-top:2px}.px-radio-dot{margin-left:auto;width:14px;height:14px;border:1px solid var(--px-line);border-radius:50%;flex-shrink:0}.px-look[data-selected=true] .px-radio-dot{border:4px solid var(--px-accent)}.px-framing{border:0;padding:0;margin:23px 0 0;display:flex;gap:10px}.px-framing legend{font-size:8px;letter-spacing:1.1px;margin-bottom:10px;color:var(--px-muted)}.px-framing label{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;font-size:10px;padding:11px 7px;border:1px solid var(--px-line);border-radius:3px}.px-framing label[data-selected=true]{border-color:var(--px-accent);color:var(--px-accent)}.px-frame-icon{width:11px;height:16px;border:1px solid currentColor;display:inline-block;border-radius:2px}.px-wide{width:18px;height:11px}.px-small-note{font-size:10px!important;line-height:1.9!important;max-width:340px}.px-creator{min-width:0}.px-upload{width:100%;min-height:164px;border:1px dashed var(--px-line);border-radius:5px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;background:transparent;color:var(--px-ink);padding:20px;transition:border-color .2s}.px-upload:hover{border-color:var(--px-accent)}.px-upload strong{font-size:13px;font-weight:500}.px-upload small{color:var(--px-muted);font-size:10px}.px-upload>img{max-height:150px;max-width:100%;border-radius:3px}.px-upload>span{display:flex;gap:7px;align-items:center;font-size:11px;flex-wrap:wrap;justify-content:center}.px-hint{font-size:10px;color:var(--px-muted);line-height:1.8;margin-top:10px!important}.px-hint a,.px-progress a{text-decoration:underline}.px-price{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:10px;margin-top:22px}.px-price>span{color:var(--px-muted)}.px-price strong{font-size:12px;font-weight:600}.px-button{min-height:47px;border:1px solid transparent;border-radius:4px;padding:12px 18px;background:var(--px-ink);color:var(--px-bg);font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:600;transition:opacity .2s,background .2s}.px-catrina .px-button{background:var(--px-accent);color:#102b29}.px-button:hover{opacity:.85}.px-submit{width:100%;margin-top:12px;justify-content:space-between}.px-model-note{font-size:9px;margin-top:11px!important}.px-progress{margin-top:18px;display:flex;gap:12px;font-size:12px;align-items:center}.px-progress small{display:block;font-size:10px;color:var(--px-muted);margin-top:5px}.px-error{color:#a52f26;margin:14px 0!important;padding:12px;background:#fff1eb;border:1px solid #e8b5a4;border-radius:3px;font-size:12px}.px-error button{text-decoration:underline}.px-result{border:1px solid var(--px-line);padding:12px;border-radius:5px}.px-result>img,.px-result>video{width:100%;max-height:340px;object-fit:contain;background:#000;border-radius:3px}.px-result>p{display:flex;align-items:center;gap:7px;font-size:11px;margin-top:9px}.px-result-actions{display:flex;align-items:center;gap:12px;margin-top:15px;flex-wrap:wrap}.px-result-actions .px-button{font-size:10px;min-height:40px;padding:8px 12px}.px-text-button{display:inline-flex;align-items:center;gap:7px;font-size:10px;text-decoration:underline;text-underline-offset:4px}.px-prompt{margin-top:21px;padding-top:15px;border-top:1px solid var(--px-line);font-size:10px;color:var(--px-muted)}.px-prompt summary{padding-block:5px}.px-prompt textarea{display:block;width:100%;padding:12px;margin:14px 0 10px;border:1px solid var(--px-line);border-radius:3px;background:var(--px-bg);color:var(--px-ink);resize:vertical;font-size:11px;line-height:1.7}.px-prompt p{font-size:10px}.px-hero-actions{display:flex;align-items:baseline;flex-wrap:wrap;gap:22px}.px-examples{padding-bottom:64px;scroll-margin-top:28px}.px-examples-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.px-examples-heading h2{margin-top:15px}.px-examples-heading>a{flex-shrink:0;padding-bottom:4px}.px-examples-note{max-width:650px;color:var(--px-muted);font-size:11px;line-height:1.8;margin-top:18px!important}.px-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}.px-video-examples{grid-template-columns:repeat(2,minmax(0,1fr))}.px-example-card{min-width:0;border:1px solid var(--px-line);background:var(--px-panel)}.px-video-examples .px-example-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.px-example-media{min-width:0;background:#12201c}.px-example-media>img,.px-example-media>video{display:block;width:100%;height:auto;object-fit:contain}.px-example-media>video{aspect-ratio:9 / 16}.px-example-caption{min-width:0;display:flex;flex-direction:column;align-items:start;padding:22px}.px-example-caption h3{font-family:"Noto Serif",Georgia,serif;font-size:18px;line-height:1.35;font-weight:400}.px-example-caption>p{color:var(--px-muted);font-size:11px;line-height:1.85;margin-top:10px}.px-example-before{margin-bottom:24px}.px-example-before img{width:80px;height:80px;object-fit:cover;border:4px solid var(--px-bg);box-shadow:0 3px 10px #0001;transform:rotate(-3deg)}.px-example-before>span{display:block;font-size:7px;letter-spacing:1px;color:var(--px-muted);margin-top:10px}.px-example-source{padding-top:18px;margin-top:auto;font-size:9px;color:var(--px-muted)}.px-example-source a,.px-example-source>span{display:flex;align-items:center;gap:5px}.px-example-source>span{margin-top:8px}.px-example-source a:hover{color:var(--px-accent);text-decoration:underline}.px-how{padding:75px 0}.px-how>h2{margin-top:17px}.px-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:36px}.px-steps article{border-top:1px solid var(--px-line);padding-top:17px}.px-steps article>span{font-family:"Noto Serif",Georgia,serif;font-style:italic;font-size:21px;color:var(--px-accent)}.px-steps h3{font-size:14px;margin-top:17px}.px-steps p{font-size:12px;color:var(--px-muted);line-height:1.9;margin-top:8px;max-width:285px}.px-culture{display:flex;gap:24px;align-items:flex-start;border:1px solid var(--px-line);padding:35px 42px;margin-bottom:65px;background:var(--px-panel)}.px-culture>svg{flex-shrink:0;color:var(--px-accent)}.px-culture h2{font-size:30px;margin-top:13px}.px-culture div>p:not(.px-eyebrow){color:var(--px-muted);font-size:12px;max-width:660px;margin-top:16px;line-height:1.9}.px-culture a{display:flex;gap:6px;align-items:center;color:var(--px-accent);font-size:10px;margin-top:17px}.px-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding-bottom:65px}.px-faq h2{margin-top:16px}.px-faq details{border-bottom:1px solid var(--px-line)}.px-faq summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;padding:18px 0;font-size:12px;font-weight:500}.px-faq summary::-webkit-details-marker{display:none}.px-faq summary>span:last-child{font-size:19px;font-weight:300;color:var(--px-accent)}.px-faq details[open] summary>span:last-child{transform:rotate(45deg)}.px-question{min-width:0;flex:1}.px-faq details>p{padding:0 20px 20px 0;color:var(--px-muted);font-size:12px;line-height:1.9}.px-footer{border-top:1px solid var(--px-line);padding:25px 0 30px;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:9px;color:var(--px-muted)}.px-footer>a:first-child{font-weight:700;font-size:11px;color:var(--px-ink)}.px-footer>a:last-child{display:flex;gap:5px;align-items:center}.px-footer p{max-width:420px;text-align:center}@media(min-width:1500px){.px-page h1{font-size:80px}}@media(max-width:1000px){.px-container{width:calc(100% - 48px)}.px-hero{gap:40px}.px-page h1{font-size:58px}.px-workspace{gap:35px;padding:30px}.px-record{right:0;width:95px;height:95px}.px-record>div{inset:25px}.px-eyebrow{font-size:8px;letter-spacing:1.1px}.px-lead{font-size:13px}.px-footer{flex-wrap:wrap}.px-footer p{text-align:left}}@media(max-width:700px){.px-examples{padding-bottom:40px}.px-examples-heading{align-items:start;flex-direction:column;gap:18px}.px-example-grid{grid-template-columns:1fr}.px-example-caption{padding:20px}.px-video-examples .px-example-caption{padding:16px 12px}.px-example-before{margin-bottom:18px}.px-example-caption h3{font-size:17px}.px-container{width:calc(100% - 40px)}.px-header{height:75px}.px-brand{font-size:16px}.px-header nav{gap:10px}.px-header nav>a:not(.px-header-back){display:none}.px-header-back{font-size:10px;padding:8px 11px}.px-hero{grid-template-columns:1fr;gap:36px;padding:38px 0 40px}.px-page h1{font-size:56px;letter-spacing:-2px;margin-top:18px}.px-desktop-break{display:none}.px-lead{margin-top:22px!important;max-width:100%;font-size:13px}.px-hero-meta{margin-top:23px}.px-art{width:calc(100% - 12px);margin:0 auto!important;transform:rotate(1.5deg)}.px-art>img{max-height:450px;object-position:center 40%}.px-art-label{bottom:48px;font-size:20px}.px-record{right:6px;bottom:44px}.px-workspace{grid-template-columns:1fr;padding:24px 18px;gap:30px}.px-page h2{font-size:32px}.px-choices>p{max-width:100%}.px-choices .px-small-note{margin-top:16px}.px-creator{padding-top:24px;border-top:1px solid var(--px-line)}.px-how{padding:50px 0}.px-steps{grid-template-columns:1fr;gap:20px;margin-top:25px}.px-steps article{display:grid;grid-template-columns:32px 1fr;column-gap:12px;padding-top:14px}.px-steps h3{margin:2px 0 0}.px-steps p{grid-column:2;max-width:100%;margin-top:3px}.px-faq{grid-template-columns:1fr;gap:20px;padding-bottom:40px}.px-faq h2{white-space:normal;font-size:32px}.px-culture{gap:14px;padding:23px 18px;margin-bottom:42px}.px-culture>svg{width:24px}.px-culture h2{font-size:27px}.px-footer{padding:22px 0;gap:12px}.px-footer p{order:3;max-width:100%;width:100%;font-size:8px}.px-eyebrow{font-size:8px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.px-page *{transition:none!important;scroll-behavior:auto!important}}