.picture-page{--ink:#382738;--pink:#f57785;--lav:#e7ddfa;color:var(--ink)}.picture-intro{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:center;padding-top:65px;padding-bottom:65px}.picture-intro h1{font-size:clamp(58px,7vw,98px);line-height:1;margin:15px 0 24px;letter-spacing:-4px}.picture-intro h1 em,.picture-result em,.picture-saved em{font-family:Georgia,serif;font-weight:400;color:#b04e70}.picture-lead{font-size:28px;line-height:1.3;font-weight:600}.picture-intro p:not(.picture-lead){max-width:460px;line-height:1.7}.picture-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.picture-tags span{border:1px solid #d8cbd7;border-radius:40px;padding:7px 12px;font-size:12px;font-weight:600}.picture-poster{height:350px;position:relative;display:grid;place-items:center;background:var(--lav);border-radius:45% 45% 22% 22%}.poster-frame{transform:rotate(-8deg);background:#fff9ed;border:12px solid white;box-shadow:0 16px 35px #64435f26;width:205px;height:275px;display:flex;flex-direction:column;align-items:center;justify-content:center}.poster-face{font-size:90px;line-height:1;color:#b04e70}.poster-body{font-size:73px;line-height:1;color:#d97674}.poster-caption{font-family:Georgia,serif;font-style:italic;margin-top:15px}.poster-star{position:absolute;top:15px;left:30px;font-size:65px;color:#b04e70}.poster-sticker{position:absolute;bottom:15px;right:0;background:#ffcd78;padding:22px;border-radius:50%;font-size:15px;font-weight:700;transform:rotate(10deg)}.picture-workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:35px;align-items:start}.picture-notice{grid-column:1/-1;background:#eee5f4;padding:18px 22px;border-radius:16px;font-size:14px;line-height:1.65}.picture-form{background:#fffdf8;padding:30px;border:1px solid #e4d6d8;border-radius:24px}.picture-form fieldset{border:0;margin:0 0 30px;padding:0;min-width:0}.picture-form legend{font-weight:700;font-size:20px;margin-bottom:17px}.picture-form legend>span{color:#a05270;font-size:12px;margin-right:10px}.picture-options{display:grid;gap:10px}.styles,.poses{grid-template-columns:repeat(3,minmax(0,1fr))}.picture-options label{border:1px solid #ded1d9;padding:14px 12px;border-radius:15px;cursor:pointer;background:white;position:relative;display:flex;flex-direction:column;gap:8px}.picture-options label:has(input:checked){border-color:#9e4769;background:#fff1f3;box-shadow:0 0 0 1px #9e4769}.picture-options input{align-self:flex-start;accent-color:#9e4769;width:17px;height:17px}.picture-options strong{font-size:14px;line-height:1.3}.picture-options small{font-size:12px;line-height:1.5;color:#6e5c6c}.style-swatch{height:70px;border-radius:10px;display:grid;place-items:center;font-size:45px}.cartoon{background:#fbe2b8;color:#ad674a}.caricature{background:#f5c6d1;color:#8d3f65}.popstar{background:#e4d6ff;color:#7760aa}.picture-label{display:block;font-weight:600;font-size:14px;margin:18px 0 9px}.picture-form textarea,.picture-form select,.print-controls select{box-sizing:border-box;width:100%;padding:13px;border:1px solid #cdbfc9;border-radius:10px;background:white;color:var(--ink);font:inherit;font-size:14px}.picture-help{font-size:12px;color:#746271;line-height:1.7}.upload-area{border:2px dashed #d9b7c5;background:#fff6f3;border-radius:18px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 12px;gap:10px}.upload-area>span,.upload-area>small{font-size:12px}.upload-area input{width:100%;max-width:250px;font:inherit;font-size:12px}.photo-preview{width:105px;height:115px;object-fit:cover;border-radius:12px;margin-top:14px}.output-options{grid-template-columns:1fr 1fr;margin-top:18px}.picture-confirm{display:flex;gap:12px;align-items:flex-start;font-size:13px;line-height:1.6;margin-top:20px}.picture-confirm input{margin-top:4px;accent-color:#9e4769}.picture-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.picture-actions>span{font-size:12px;color:#746271}#picture-status{font-size:14px;line-height:1.65;margin-top:20px}.picture-result{background:#eee7f5;border-radius:24px;padding:30px;position:sticky;top:20px}.picture-result h2{font-size:36px;line-height:1.1;margin:15px 0 25px}.result-empty{border:1px dashed #c5b4d1;border-radius:18px;min-height:270px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px}.result-empty>span{font-size:75px;color:#ae6683}.result-empty small{font-size:12px;line-height:1.5}.picture-result img{width:100%;height:auto;border-radius:10px;background:white}.print-controls{border-top:1px solid #cdbed5;margin-top:24px;padding-top:10px}.print-controls label,.print-controls small{display:block;font-size:12px;line-height:1.65;margin:8px 0}.print-controls p{font-size:13px;line-height:1.6}.picture-saved{padding-top:65px;padding-bottom:65px}.saved-pictures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.saved-picture{border:1px solid #d9cbd8;border-radius:15px;overflow:hidden;background:#fffaf6;padding:12px;text-align:left;cursor:pointer;font:inherit;color:inherit}.saved-picture img{width:100%;aspect-ratio:2/3;object-fit:contain;border-radius:8px}.saved-picture strong,.saved-picture small{display:block;margin-top:9px}.saved-picture small{font-size:12px;line-height:1.5}.picture-form button:disabled{opacity:.55;cursor:wait}#saved-picture-note{font-size:14px;line-height:1.6}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #9763c9;outline-offset:4px}[hidden]{display:none!important}@media(max-width:900px){.picture-workspace{grid-template-columns:1fr}.picture-result{position:static}.picture-result img{max-height:580px;object-fit:contain}.picture-intro{gap:25px}.picture-poster{height:300px}.saved-pictures{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.picture-intro{grid-template-columns:1fr;padding-top:40px;gap:30px}.picture-intro h1{letter-spacing:-2px}.picture-poster{height:270px;max-width:320px;width:100%;justify-self:center}.poster-frame{height:225px;width:175px}.poster-face{font-size:70px}.poster-body{font-size:55px}.picture-workspace{gap:20px}.picture-form,.picture-result{padding:20px}.styles{gap:6px}.styles label{padding:10px 8px}.poses{grid-template-columns:1fr}.poses label{display:grid;grid-template-columns:20px 1fr;gap:6px}.poses small{grid-column:2}.picture-options strong{font-size:12px}.picture-options small{font-size:11px}.saved-pictures{grid-template-columns:repeat(2,minmax(0,1fr))}.picture-saved .section-heading{display:block}.style-swatch{font-size:36px;height:54px}}
/* PrankMyCall: keep the established black, red and yellow identity. */
.picture-page{--ink:#fff;--pink:#f33232;--lav:#28211c;color:#fff}.section-wrap{max-width:1320px;margin:auto;padding-left:5%;padding-right:5%}.site-header .brand-logo-full{width:125px;height:87px;object-fit:contain}.main-nav{display:flex;gap:24px}.picture-intro h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-1px}.picture-intro h1 em,.picture-result em,.picture-saved em{color:#ffdf28;font-family:inherit;font-weight:800}.picture-intro p.picture-lead{color:#fff}.picture-tags span{border-color:#575045}.picture-poster{background:#2d2521}.poster-frame{background:#ffdf28;border-color:#fff}.poster-face,.poster-body{color:#d62b2b}.poster-caption{color:#101010;font-size:10px;font-family:inherit;font-style:normal;font-weight:800}.poster-star{color:#f33232}.poster-sticker{background:#f33232;color:white}.picture-notice{background:#272420;color:#d9d3c7}.picture-form{background:#1b1b1b;border-color:#393939}.picture-options label{background:#222;border-color:#555;color:white}.picture-options label:has(input:checked){border-color:#ffdf28;background:#302c1c;box-shadow:0 0 0 1px #ffdf28}.picture-options small,.picture-help,.picture-actions>span{color:#bcb6ad}.picture-options input,.picture-confirm input{accent-color:#ffdf28}.picture-form legend>span{color:#ffdf28}.cartoon{background:#4b4021;color:#ffdf28}.caricature{background:#4b2323;color:#ff7770}.popstar{background:#393044;color:#d9baff}.picture-form textarea,.picture-form select,.print-controls select{background:#151515;color:white;border-color:#555}.upload-area{background:#24211b;border-color:#8c7e48}.picture-result{background:#25221f}.picture-result h2{font-size:44px}.result-empty{border-color:#655c43}.result-empty>span{color:#ffdf28}.print-controls{border-color:#5a5146}.picture-result p,.picture-result small{color:#c9c0b4}.saved-picture{background:#222;color:white;border-color:#4d463c}.picture-page a:not(.button){text-decoration:underline;text-underline-offset:3px}.picture-page .button-coral{background:#ffdf28;color:#101010}.picture-page .button-dark{background:#f33232;color:#fff}.site-footer{max-width:1320px;margin:40px auto 0;padding:35px 5%;display:flex;gap:20px;flex-wrap:wrap}.picture-label,.picture-confirm{color:#fff}.picture-help a{color:#ffdf28}.picture-saved .section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.picture-saved h2{font-size:52px}.saved-picture strong{color:#ffdf28}@media(max-width:600px){.site-header{height:auto;min-height:95px;gap:15px}.main-nav{display:flex;gap:12px;font-size:12px}.site-header .brand-logo-full{width:90px}.picture-saved .section-heading{display:block}.picture-result h2{font-size:38px}}
