#try-on{padding:90px 0;background:#f2ebe2;scroll-margin-top:80px}.generator-heading{max-width:780px;margin-bottom:35px}.generator-heading .section-body{max-width:660px}.generator-box{background:#fffdf9;border:1px solid #d9cdbd;border-radius:18px;overflow:hidden;box-shadow:0 18px 55px #39270b09}.generator-input{padding:32px}.generator-label{display:block;font-weight:700;font-size:14px;margin-bottom:12px}.generator-input textarea{display:block;width:100%;resize:vertical;min-height:130px;border:1px solid #cfc6b9;border-radius:10px;background:#fff;padding:18px;font:16px/1.7 var(--font-body,Arial,sans-serif);color:#252526}.generator-input textarea:focus{outline:2px solid #9a7919;outline-offset:2px}.generator-examples{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.generator-examples button{padding:8px 15px;min-height:42px;border:1px solid #d9cdbd;border-radius:25px;background:transparent;font:13px var(--font-body,Arial,sans-serif);cursor:pointer;color:#443b2b}.generator-examples button:hover{background:#f4ede4}.generator-options{display:flex;gap:24px;flex-wrap:wrap;margin:25px 0;align-items:start}.generator-photo{flex:1;min-width:230px}.generator-photo input{display:block;font-size:13px;max-width:100%;margin-block:8px}.generator-photo small,.generator-privacy,.generator-time{font-size:12px;line-height:1.6;color:#675e51}.generator-image-option{display:flex;gap:8px;align-items:center;font-size:13px}.generator-controls{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.generator-controls button{cursor:pointer}.generator-controls button:disabled{opacity:.55;cursor:wait}.generator-privacy{margin-top:20px;max-width:720px}.generator-privacy a{text-decoration:underline}.generator-status{padding:15px 32px;border-top:1px solid #e4d9c9;font-size:14px;line-height:1.7;background:#f7f1e8}.generator-status[data-error=true]{color:#8c3026;background:#fff1e9}.generator-status:empty{display:none}.generator-result{border-top:1px solid #d9cdbd}.generator-toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:18px 25px;background:#faf7f1}.generator-toolbar strong{margin-inline-end:auto;font-size:14px;overflow-wrap:anywhere}.generator-toolbar button{border:1px solid #d3c9ba;border-radius:5px;background:#fff;padding:8px 13px;font:12px var(--font-body,Arial,sans-serif);min-height:38px;cursor:pointer;color:#353024}.generator-toolbar button[aria-pressed=true]{background:#222721;color:#fff}.generator-viewport{background:#e3ddd2;padding:18px;display:flex;justify-content:center;overflow:hidden}.generator-viewport iframe{width:100%;height:760px;border:0;background:#fff;transition:max-width .2s;min-width:0}.generator-viewport[data-size=mobile] iframe{max-width:390px}.generator-result-note{padding:18px 25px;color:#635b50;font-size:13px;line-height:1.7}.generator-result-note p{margin-bottom:12px}.generator-result-note a{display:inline-block;text-decoration:underline;font-weight:700}.generator-busy{display:inline-block;width:9px;height:9px;background:#9a7919;border-radius:50%;margin-right:10px;animation:generator-pulse 1.5s infinite}@keyframes generator-pulse{50%{opacity:.25}}@media(max-width:700px){#try-on{padding:60px 0}.generator-input{padding:23px}.generator-options{gap:15px}.generator-status{padding:15px 23px}.generator-viewport{padding:0}.generator-viewport iframe{height:670px}.generator-toolbar{padding:15px}.generator-toolbar strong{flex-basis:100%}.generator-controls .btn{width:100%;justify-content:center}.generator-time{width:100%}}@media(prefers-reduced-motion:reduce){.generator-busy{animation:none}.generator-viewport iframe{transition:none}}[hidden]{display:none!important}
.template-picker{padding:25px;background:#fffdf9;border-top:1px solid #d9cdbd}.template-picker-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.template-picker-heading h3{font:600 22px/1.3 var(--font-body,Arial,sans-serif);text-transform:none;letter-spacing:0;color:#26372f}.template-picker-heading p{font-size:14px;line-height:1.6;max-width:510px;margin-top:8px;color:#655e54}.template-picker-heading button{flex-shrink:0;background:none;border:1px solid #b7b3a6;border-radius:6px;padding:11px 15px;font:600 13px var(--font-body,Arial,sans-serif);color:#2c4031;cursor:pointer;min-height:44px}.template-current{font-size:13px;color:#536149;font-weight:600;margin:20px 0 12px}.template-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.template-choices.show-all{grid-template-columns:repeat(4,minmax(0,1fr));max-height:620px;overflow:auto;padding:4px 8px 4px 4px;scrollbar-gutter:stable}.template-card{padding:9px;text-align:start;background:#fff;border:1px solid #d5d2c9;border-radius:10px;cursor:pointer;color:#252a25;min-width:0}.template-card:hover{border-color:#65765a}.template-card:focus-visible,.template-picker-heading button:focus-visible{outline:3px solid #9a7919;outline-offset:3px}.template-card[aria-pressed=true]{border:2px solid #3b5438;padding:8px;box-shadow:0 0 0 2px #e1e8d8}.template-card-name{display:flex;align-items:center;justify-content:space-between;gap:10px;font:600 15px/1.4 var(--font-body,Arial,sans-serif);margin:14px 5px 7px}.template-selected{visibility:hidden;color:#365833}.template-card[aria-pressed=true] .template-selected{visibility:visible}.template-card-description{display:block;font:13px/1.6 var(--font-body,Arial,sans-serif);margin:0 5px 8px;color:#686153}.template-wireframe{position:relative;display:block;height:125px;overflow:hidden;border-radius:5px;background:var(--mini-bg);border:1px solid color-mix(in srgb,var(--mini-ink) 12%,transparent)}.template-wireframe i,.template-wireframe b{position:absolute;display:block;background:var(--mini-soft);border-radius:1px}.mini-nav{inset:9px 9px auto;height:5px;background:var(--mini-ink)!important;opacity:.6}.mini-title{left:12px;top:31px;width:40%;height:13px;background:var(--mini-ink)!important}.mini-copy{left:12px;top:51px;width:34%;height:15px;opacity:.55;background:var(--mini-ink)!important}.mini-media{right:12px;top:29px;width:40%;height:45px;background:var(--mini-accent)!important;opacity:.75}.mini-items{inset:auto 12px 10px;height:27px;background:transparent!important;display:grid!important;grid-template-columns:repeat(3,1fr);gap:7px}.mini-items b{position:static}.mini-center .mini-title,.mini-arched .mini-title{left:25%;width:50%;top:25px;height:10px}.mini-center .mini-copy,.mini-arched .mini-copy{left:35%;top:40px;width:30%;height:6px}.mini-center .mini-media{left:20%;right:20%;width:auto;top:56px;height:25px}.mini-arched .mini-media{left:36%;width:28%;height:35px;top:50px;border-radius:50% 50% 0 0}.mini-cover{background:var(--mini-soft)}.mini-cover .mini-media{inset:20px 8px 42px;width:auto;height:auto}.mini-cover .mini-title,.mini-cover .mini-copy{z-index:1;left:20px;top:38px;background:var(--mini-bg)!important}.mini-cover .mini-copy{top:57px;height:7px;width:28%}.mini-poster .mini-title{left:12px;width:80%;height:22px;top:26px}.mini-poster .mini-copy{top:60px;width:35%;height:20px}.mini-poster .mini-media{top:57px;width:36%;height:23px}.mini-poster .mini-items{grid-template-columns:1fr;gap:3px;height:26px}.mini-masthead .mini-title{left:12px;width:calc(100% - 24px);top:24px;height:17px}.mini-masthead .mini-media{left:12px;right:auto;top:49px;width:45%;height:32px}.mini-masthead .mini-copy{left:64%;width:25%;top:50px;height:29px}.mini-panorama .mini-media{inset:22px 9px auto;width:auto;height:40px}.mini-panorama .mini-title{top:64px;width:65%;height:9px}.mini-panorama .mini-copy{top:79px;width:48%;height:4px}.mini-round .mini-media{height:53px;width:53px;border-radius:50%;right:20px;top:25px}.mini-round .mini-items{grid-template-columns:1fr;gap:3px}.mini-blocks .mini-media{height:60px;top:24px;border-radius:10px}.mini-blocks .mini-items b{border-radius:6px}.mini-rail .mini-nav{inset:8px auto 8px 8px;width:27px;height:auto;background:var(--mini-soft)!important;opacity:1}.mini-rail .mini-title{left:45px;top:25px;width:60%;height:15px}.mini-rail .mini-copy{left:45px;top:49px;width:50%;height:5px}.mini-rail .mini-media{left:45px;top:65px;height:20px;width:calc(100% - 55px)}.mini-rail .mini-items{left:45px;grid-template-columns:1fr;gap:3px;height:20px}.mini-blueprint .mini-title{width:39%;height:35px;top:27px}.mini-blueprint .mini-copy{top:69px;height:10px}.mini-blueprint .mini-media{background:none!important;border:1px solid var(--mini-accent);height:52px;top:27px}.mini-blueprint .mini-items b{background:none;border:1px solid var(--mini-ink);opacity:.5}.mini-collage .mini-media{height:35px;width:23%;top:27px;right:31%}.mini-collage .mini-copy{left:auto;right:11px;width:22%;height:43px;top:38px;background:var(--mini-accent)!important}.mini-collage .mini-title{width:36%;height:27px;top:28px}.mini-reverse .mini-media{left:12px;right:auto}.mini-reverse .mini-title,.mini-reverse .mini-copy{left:56%;width:36%}.mini-reverse .mini-media{border-radius:10px}.template-choices.show-all .template-wireframe{height:115px}@media(max-width:900px){.template-choices.show-all{grid-template-columns:repeat(3,minmax(0,1fr))}.template-picker-heading{align-items:start;flex-direction:column}}@media(max-width:600px){.template-picker{padding:18px}.template-choices,.template-choices.show-all{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-choices:not(.show-all) .template-card:first-child{grid-column:1/-1}.template-picker-heading button{width:100%}.template-card-description{font-size:13px}.template-wireframe{height:115px}.template-choices.show-all{max-height:560px}}

/* Photography brings each design miniature closer to the finished concept. */
.mini-media{overflow:hidden}.mini-media:has(img){opacity:1}.mini-media img{width:100%;height:100%;object-fit:cover;display:block}.template-wireframe:has(img) .mini-items b{background:color-mix(in srgb,var(--mini-accent) 25%,var(--mini-bg))}.template-card{transition:border-color .2s,box-shadow .2s,translate .2s}.template-card:hover{translate:0 -2px}.generator-examples button{transition:background .2s,border-color .2s}.generator-examples button:hover{border-color:#506947;background:#e9eee2}.generator-input{background:#fffffc}.generator-result-note{background:#f6f8f0}.generator-heading .section-heading em{color:#46664b}@media(prefers-reduced-motion:reduce){.template-card,.generator-examples button{transition:none}.template-card:hover{translate:none}}
.generator-photo [data-use-sample-photos]{display:block;background:none;border:0;border-bottom:1px solid #506947;color:#345333;font-size:13px;padding:4px 0;margin-top:10px;cursor:pointer}.generator-photo [data-use-sample-photos][hidden]{display:none}