.pp-main{max-width:1320px;margin:auto;padding:26px 32px 64px}.pp-intro{max-width:900px;margin:8px 0 26px}.pp-intro h1{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(28px,3.2vw,42px);font-weight:700;line-height:1.18}.pp-intro>p{color:#74655a;max-width:74ch;margin:14px 0;font-size:15px;line-height:1.65}.pp-intro nav{flex-wrap:wrap;gap:8px 24px;font-size:13px;display:flex}.pp-intro nav a{text-underline-offset:4px;padding:6px 0}.pp-intro nav a:hover{text-decoration:underline}.pp-workbench{grid-template-columns:minmax(300px,360px) minmax(0,1fr);align-items:start;gap:28px;scroll-margin-top:20px;display:grid}.pp-editor{background:#fff;border:1px solid #e8d9cc;border-radius:16px;min-width:0;padding:24px;scroll-margin-top:20px}.pp-upload{margin-bottom:22px;position:relative}.pp-upload-button{color:#67564a;cursor:pointer;background:#fcf9f5;border:1px dashed #cfbbaa;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;min-height:156px;padding:20px;display:flex}.pp-upload-button img{object-fit:contain;border-radius:5px;width:auto;max-width:100%;height:110px}.pp-upload-button small{font-size:11px;line-height:1.5}.pp-remove{background:#fff;border:1px solid #e8d9cc;border-radius:50%;place-items:center;min-width:40px;min-height:40px;display:grid;position:absolute;top:8px;right:8px}.pp-sample{text-underline-offset:4px;min-height:40px;margin:4px auto 0;font-size:12px;text-decoration:underline;display:block}.pp-field{gap:8px;margin-bottom:20px;display:grid}.pp-field>label,.pp-settings label{font-size:13px;font-weight:600}.pp-field input,.pp-field select,.pp-field textarea,.pp-settings select{color:#1c1815;background:#fff;border:1px solid #dbc8b9;border-radius:8px;width:100%;min-width:0;min-height:44px;padding:10px 12px;font-size:14px;line-height:1.6}.pp-field textarea{resize:vertical}.pp-advanced summary{cursor:pointer;min-height:40px;padding:8px 0;font-size:13px}.pp-advanced[open]{margin-bottom:20px}.pp-advanced .pp-field{margin-top:10px}.pp-settings{gap:16px;display:grid}.pp-settings label{gap:8px;display:grid}.pp-generate,.pp-closing>a{color:#fff;background:#c33b30;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:12px 16px;font-size:15px;font-weight:600;display:flex}.pp-generate{flex-wrap:wrap;width:100%;margin-top:18px}.pp-generate>span{font-size:12px;font-weight:400}.pp-privacy{color:#74655a;justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:11px;display:flex}.pp-gate{margin:12px 0;font-size:13px;line-height:1.6}.pp-gate a,.pp-gate button{align-items:center;min-height:40px;padding:6px 12px 6px 0;text-decoration:underline;display:inline-flex}.pp-error{color:#a52a20;margin:8px 0;font-size:13px;line-height:1.5}.pp-preview{min-width:0}.pp-preview-heading{color:#74655a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:42px;margin-bottom:10px;font-size:12px;display:flex}.pp-preview-modes{border:1px solid #e8d9cc;border-radius:8px;gap:4px;padding:3px;display:inline-flex}.pp-preview-modes button{border-radius:5px;min-height:36px;padding:6px 12px}.pp-preview-modes button[aria-pressed=true]{color:#201b17;background:#fff}.pp-preview-image{background:#eee8e0;border-radius:12px;place-items:center;width:100%;min-height:300px;display:grid;overflow:hidden}.pp-preview-image>img{object-fit:contain;width:100%;height:min(45vw,490px);min-height:300px}.pp-preview-image .pc-compare{width:min(100%,490px)}.pp-thumbnails{flex-wrap:wrap;justify-content:center;gap:7px;margin:14px 0;display:flex}.pp-thumbnails button{background:#fff;border:1px solid #d7c4b4;border-radius:7px;width:55px;height:55px;padding:4px}.pp-thumbnails button[aria-pressed=true]{border:2px solid #c33b30;padding:3px}.pp-thumbnails img{object-fit:contain;width:100%;height:100%}.pp-preview-caption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.pp-preview-caption button,.pp-prompts button{background:#fff;border:1px solid #d7c4b4;border-radius:7px;min-height:42px;padding:10px 14px;font-size:12px}.pp-result{min-width:0}.pp-main>section{margin-top:72px}.pp-main>section>h2{letter-spacing:-.025em;text-wrap:balance;margin-bottom:18px;font-size:clamp(23px,2.5vw,30px);font-weight:650;line-height:1.3}.pp-main p,.pp-main li{overflow-wrap:anywhere}.pp-answer{max-width:880px}.pp-answer p,.pp-prompts>p,.pp-faq p,.pp-how p{color:#74655a;max-width:78ch;font-size:15px;line-height:1.8}.pp-answer h3{margin:28px 0 12px;font-size:18px;font-weight:600}.pp-answer ul{color:#74655a;padding-left:20px;font-size:15px;line-height:1.8;list-style:outside}.pp-muted{color:#74655a;margin-top:-8px;margin-bottom:22px;font-size:12px}.pp-case-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;display:grid}.pp-case{min-width:0}.pp-case-photo{background:#eee8e0;border-radius:10px;width:100%;display:block;position:relative;overflow:hidden}.pp-case-photo>img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}.pp-source-photo{background:#fff;border-radius:7px;width:56px;height:56px;padding:3px;position:absolute;bottom:8px;left:8px;box-shadow:0 1px 8px #0001}.pp-source-photo img{object-fit:contain;border-radius:4px;width:100%;height:100%}.pp-case h3{margin-top:12px;font-size:14px;font-weight:600;line-height:1.5}.pp-apply{color:#8c352b;text-underline-offset:4px;min-height:40px;font-size:12px;text-decoration:underline}.pp-how ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding-left:24px;list-style:decimal;display:grid}.pp-how li{padding-left:6px}.pp-how h3{margin-bottom:10px;font-size:17px;font-weight:600}.pp-prompts,.pp-faq{max-width:900px}.pp-prompts details,.pp-faq details{border-bottom:1px solid #e8d9cc;padding:18px 0}.pp-prompts summary,.pp-faq summary{cursor:pointer;font-size:15px;font-weight:600;line-height:1.6}.pp-prompts details p{color:#74655a;white-space:pre-wrap;margin:16px 0;font-size:13px;line-height:1.8}.pp-faq p{margin-top:14px}.pp-related>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:22px;display:grid}.pp-related>div>a{gap:14px;min-width:0;display:flex}.pp-related img{object-fit:contain;background:#eee8e0;border-radius:8px;flex-shrink:0;width:76px;height:76px}.pp-related strong{margin-bottom:6px;font-size:14px;display:block}.pp-related span>span{color:#74655a;font-size:12px;line-height:1.6;display:block}.pp-related>a{text-underline-offset:4px;font-size:13px;text-decoration:underline}.pp-closing{text-align:center;border-top:1px solid #e8d9cc;padding:36px 20px}.pp-closing p{color:#74655a;max-width:65ch;margin:auto;line-height:1.7}.pp-closing>a{width:fit-content;max-width:100%;margin:0 auto}.pp-page button:disabled{opacity:.55;cursor:not-allowed}.pp-page :is(button,a,input,select,textarea,summary):focus-visible{outline-offset:2px;outline:2px solid #807267}@media (width<=980px){.pp-workbench{grid-template-columns:minmax(290px,330px) minmax(0,1fr);gap:22px}.pp-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-related>div{grid-template-columns:1fr}}@media (width<=700px){.pp-main{padding:22px 20px 44px}.pp-intro{margin:8px 0 22px}.pp-intro h1{letter-spacing:-.03em}.pp-intro>p{font-size:14px}.pp-workbench{grid-template-columns:minmax(0,1fr);gap:26px}.pp-editor{padding:20px}.pp-preview-image>img{height:360px;min-height:0}.pp-preview-image{min-height:0}.pp-thumbnails{gap:6px}.pp-thumbnails button{width:46px;height:46px}.pp-how ol{grid-template-columns:1fr;gap:24px}.pp-main>section{margin-top:52px}.pp-case-grid{gap:24px 14px}.pp-source-photo{width:44px;height:44px;bottom:6px;left:6px}.pp-field :is(input,select,textarea),.pp-settings select{font-size:16px}}.pp-page .pp-generate{background:#d34132;border:1px solid #c13b2e;border-radius:11px;min-height:48px;font-size:14px}.pp-page .pp-generate:hover:not(:disabled){background:#bc392c}
