/* Work surfaces are quiet; the approved home retains its rose/ivory identity. */
body:has(#page-studio:not([hidden])){background:#f6f7f9}.studio{color:#252a31;max-width:1240px;margin:auto;--studio-line:#e1e4e8;--studio-muted:#656d78}.studio[hidden],[data-studio-panel][hidden]{display:none!important}.studio p{line-height:1.75}.studio h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.5px;line-height:1.3;margin:12px 0}.studio h2{font-size:23px;letter-spacing:-.6px;line-height:1.45}.studio h3{font-size:18px;line-height:1.5}.studio label{font-size:15px;line-height:1.6}.studio input,.studio select,.studio textarea{min-width:0;max-width:100%;border:1px solid #d9dde3;border-radius:12px;background:#fff;padding:12px;font:inherit;color:#202c36;box-shadow:none}.studio input:focus,.studio textarea:focus,.studio select:focus{outline:3px solid #e3edf8;outline-offset:1px;border-color:#4c719c}.studio input[type=checkbox]{width:20px;height:20px;padding:0;min-height:20px;accent-color:#ae385b;flex-shrink:0}.studio input[type=color]{padding:5px;min-height:44px;width:90px}.studio button,.studio a{min-height:44px}.studio button:disabled{opacity:.5;cursor:not-allowed}.studio-head{padding:30px 0 15px}.studio-head p{color:var(--studio-muted);font-size:17px}.studio-eyebrow{display:block;font-size:11px;letter-spacing:2px;color:#777f8b;margin-top:22px}.studio-file-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.studio-steps{display:flex;border-bottom:1px solid #dde2e8;margin:15px 0 25px;gap:12px}.studio-steps button{display:flex;gap:9px;align-items:center;border:0;border-bottom:3px solid transparent;background:none;color:#64707e;padding:14px 8px;font-size:15px}.studio-steps button.active{color:#9b2e4e;border-color:#b24062;font-weight:750}.studio-steps span{width:25px;height:25px;border-radius:50%;background:#e8eaee;text-align:center;line-height:25px;font-size:12px}.studio-steps .active span{background:#a43b59;color:#fff}.studio-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.studio-section-title p{font-size:14px;color:var(--studio-muted);margin:5px 0}.studio-section-title select{min-width:140px}.studio-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.studio-template{min-width:0;background:white;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px #19243206;border:1px solid var(--studio-line);transition:transform .15s}.studio-template:hover{transform:translateY(-3px);border-color:#b7bec8}.studio-template-open{display:block;width:100%;padding:0;background:none;border:0;text-align:left;color:inherit;border-radius:0}.studio-template-open>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#ecece6}.studio-template-meta{padding:18px}.studio-template-meta small{font-size:11px;letter-spacing:.7px;color:#687480}.studio-template-meta h3{margin:7px 0}.studio-template-meta p{font-size:13px;color:#687480;margin:0 0 12px}.studio-template-meta span{font-size:13px;font-weight:700;color:#963b56}.studio-editor{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:24px;align-items:start}.studio-form-card,.studio-preview-card,.studio-build-card,.studio-result{padding:28px;background:white;border:1px solid var(--studio-line);border-radius:20px;min-width:0;margin-bottom:24px}.studio-preview-card{position:sticky;top:92px}.studio-form-card form>label{display:grid;gap:8px;margin:0 0 19px}.studio-row-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.studio-rows{display:grid;gap:12px;margin:10px 0 22px}.studio-row{display:grid;grid-template-columns:1fr 1fr 36px;gap:8px;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fafbfc}.studio-row>label{display:grid;gap:5px;font-size:12px}.studio-row>label:nth-child(3){grid-column:1/3}.studio-row>button{grid-column:3;grid-row:1/3;padding:0;align-self:center}.studio-live{max-width:430px;margin:auto}.studio-live canvas{display:block;width:100%;height:auto;border:1px solid #ecebe7;box-shadow:0 6px 20px #18252c12}.studio-live small{display:block;color:#687480;font-size:12px;padding:12px 0}.studio-upload{display:flex!important;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;background:#f5f7fa;border:1px dashed #acb7c7;padding:18px;border-radius:12px;cursor:pointer}.studio-upload input{font-size:12px;width:100%;border:0;background:transparent;padding:0}.studio-video-source{margin:20px 0;font-size:14px}.studio-video-source summary{cursor:pointer;font-weight:650;min-height:44px}.studio-video-source video{width:100%;max-height:300px}.studio-video-source input{width:100%;margin:8px 0}.studio-output-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.studio-output-choices label{display:flex;gap:12px;align-items:flex-start;padding:17px;border-radius:13px;background:#f7f8fa;cursor:pointer}.studio-output-choices small{display:block;font-size:12px;color:#6a7380;margin-top:4px}.studio .check{align-items:flex-start}.studio .wide{margin-top:16px}.studio-status:not(:empty){padding:15px;background:#edf4fc;border:1px solid #d4e2f3;border-radius:12px;margin-bottom:18px;color:#2c5275}.studio-error:not(:empty){padding:15px;background:#fff2ef;border:1px solid #f5d2ca;border-radius:12px;margin-bottom:18px;color:#9f4131}.studio-demo-note{font-size:13px;padding:15px;background:#fff7e3;color:#725320;border-radius:12px}.studio-demo-note button{font-size:12px;border:0;background:none;text-decoration:underline;color:inherit}.studio-result-media{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start;margin-bottom:18px}.studio-result-media figure{min-width:0;margin:0}.studio-result-media img{width:100%;height:auto;max-height:320px;object-fit:contain;background:#f6f6f3;border:1px solid #e8e7e0}.studio-result-media figcaption{font-size:12px;color:#687480;padding:8px 0}.studio-result-media details{grid-column:1/-1;border:1px solid #e2e6eb;border-radius:12px;padding:13px;min-width:0}.studio-result pre{font:14px/1.8 system-ui;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:350px;overflow:auto}.studio-result summary{cursor:pointer;min-height:35px}.studio-part-edit{background:#f7f8fa;border-radius:12px;padding:16px;margin-bottom:18px}.studio-part-edit label{display:grid;gap:8px;margin:12px 0}.studio-entry{display:flex;flex-direction:column;gap:6px;padding:22px 24px;margin:20px 0 28px;background:#fff;border:1px solid #dccbd1;border-radius:16px;color:#273542;box-shadow:0 4px 14px #313b4205}.studio-entry>span{font-size:10px;letter-spacing:1.2px;color:#a3415e}.studio-entry>strong{font-size:20px;line-height:1.5}.studio-entry>small{font-size:13px;color:#66717a}.studio .note{font-size:13px;line-height:1.75}.studio[data-busy=true] .studio-result{pointer-events:none}.studio-result .pill{white-space:normal;font-size:12px;max-width:200px}
@media(min-width:1200px){.studio-catalog{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.studio-editor{grid-template-columns:1fr}.studio-preview-card{position:static;max-width:none}.studio-live{max-width:450px}.studio-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.studio-preview-card{order:-1}.studio-live canvas{max-height:420px;object-fit:contain}.studio-form-card,.studio-preview-card,.studio-build-card,.studio-result{padding:21px}.studio-result-media{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.studio h1{font-size:31px}.studio h2{font-size:21px}.studio-section-title{align-items:flex-start;flex-wrap:wrap}.studio-section-title label{width:100%}.studio-section-title select{width:100%}.studio-steps{gap:2px;justify-content:space-between}.studio-steps button{font-size:13px;gap:5px;padding:13px 4px}.studio-steps span{width:21px;height:21px;line-height:21px;font-size:11px}.studio-template-meta{padding:12px}.studio-template-meta h3{font-size:15px}.studio-template-meta p{font-size:12px}.studio-output-choices{grid-template-columns:1fr}.studio-catalog{gap:12px}.studio-form-card,.studio-preview-card,.studio-build-card,.studio-result{padding:17px}.studio-head{padding:20px 0 8px}.studio-result .studio-section-title{display:block}.studio-result .studio-section-title .pill{display:inline-block;margin-top:8px}.studio-entry>strong{font-size:18px}}@media(prefers-reduced-motion:reduce){.studio-template{transition:none;transform:none!important}}

.studio-result-media video{max-width:100%;width:100%;max-height:400px;grid-column:1/-1;background:#162321;border-radius:12px}.studio-video-source .fields{grid-template-columns:1fr 1fr}

.studio-head{padding:10px 0 4px}.studio-head h1{font-size:clamp(28px,3.5vw,38px);line-height:1.22;margin:8px 0}.studio-head p{margin:8px 0}.studio-eyebrow{margin-top:10px}.studio-file-actions{margin-top:8px}.studio-steps{margin:10px 0 18px}.studio-head>.text-link{font-size:13px}

/* Pro template browser + style customizer */
.studio-purpose{display:flex;align-items:center;gap:12px;margin:4px 0 14px}.studio-purpose>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ef476f;color:#fff;font-weight:800}.studio-purpose h2{margin:0;font-size:21px}.studio-purpose p{margin:3px 0 0;color:#7a7480;font-size:12px}
.studio-filter-chips,.studio-pick-row,.studio-color-row{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 1px 10px}.studio-filter-chips::-webkit-scrollbar,.studio-pick-row::-webkit-scrollbar,.studio-color-row::-webkit-scrollbar{display:none}.studio-filter-chips .choice,.studio-pick-row .choice{flex:0 0 auto;min-height:38px;padding:8px 14px;border:1px solid #ece5e9;border-radius:999px;background:#fff;color:#666273;font-size:12px}.studio-filter-chips .selected,.studio-pick-row .selected{background:#ef476f;color:#fff;border-color:#ef476f}
.studio-design-panel{margin:0 0 16px;padding:20px;background:#fff;border:1px solid #eee7eb;border-radius:24px;box-shadow:0 8px 26px #4f34430a}.studio-design-panel h3{font-size:12px;margin:14px 0 8px}.studio-pick-row.compact .choice{border-radius:12px}
.color-chip{flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:0;border-radius:12px;border:3px solid #fff;background:var(--chip);box-shadow:0 0 0 1px #e5dfe3}.color-chip.selected{box-shadow:0 0 0 2px #ef476f}
@media(max-width:720px){
 .studio-head>h1,.studio-head>p,.studio-head>.studio-eyebrow{display:none}.studio-head{padding:4px 0 2px}.studio-file-actions{margin-left:auto}.studio-file-actions button{font-size:9px;min-height:32px;padding:5px 8px}
 .studio-steps{display:none}.studio-purpose{margin-top:8px}.studio-purpose h2{font-size:20px}.studio-section-title{align-items:end}.studio-section-title>label{min-width:118px;font-size:10px}.studio-section-title select{font-size:11px!important;padding:8px!important;min-height:38px!important}
 .studio-catalog{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.studio-template{border-radius:18px!important;box-shadow:0 7px 20px #49313d12!important}.studio-template-open img{aspect-ratio:4/5!important}.studio-template-meta{padding:10px 10px 12px!important}.studio-template-meta small{font-size:9px!important}.studio-template-meta h3{font-size:13px!important;margin:3px 0!important}.studio-template-meta p{font-size:9px!important;line-height:1.4!important;height:26px;overflow:hidden}.studio-template-meta span{font-size:9px!important;color:#e33f70!important}
 .studio-design-panel{margin:8px 0 12px;padding:16px;border-radius:20px}.studio-design-panel .studio-section-title h2{font-size:19px}.studio-design-panel .studio-section-title p{font-size:10px}.studio-design-panel h3{font-size:11px}.studio-pick-row .choice{font-size:10px;min-height:34px;padding:7px 11px}.color-chip{width:36px;height:36px;min-height:36px;flex-basis:36px}
 .studio-editor{display:flex!important;flex-direction:column}.studio-preview-card{order:-1;position:relative}.studio-live{max-height:58vh;overflow:hidden;border-radius:18px}.studio-live canvas{width:100%;height:auto;display:block}.studio-form-card{padding:16px!important}.studio-form-card .studio-section-title h2{font-size:18px}
}

.studio-purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 20px}.studio-purpose-card,.studio-industry-card{min-height:104px;padding:14px 8px;border:1px solid #ece7eb;border-radius:18px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:750}.studio-purpose-card>span,.studio-industry-card>span{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#ff9ab4,#ef4778);color:#fff;box-shadow:0 7px 14px #ef477832}.studio-purpose-card svg,.studio-industry-card svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.studio-purpose-card.selected,.studio-industry-card.selected{border:2px solid #ef4778;background:#fff7f9}.studio-industry-grid-pro{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 22px}.studio-industry-card>span{background:linear-gradient(145deg,#a9b2cc,#697695);box-shadow:0 7px 14px #5f6c9130}.studio-discover-actions{display:grid;grid-template-columns:.8fr 1.2fr;gap:8px}.studio-discover>.wide{margin-top:4px}.studio-template-browser-count{font-size:11px;color:#888}
@media(max-width:720px){.studio-purpose-grid,.studio-industry-grid-pro{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.studio-purpose-card,.studio-industry-card{min-height:92px;border-radius:16px;padding:10px 5px;font-size:10px}.studio-purpose-card>span,.studio-industry-card>span{width:42px;height:42px;border-radius:14px}.studio-purpose-card svg,.studio-industry-card svg{width:23px;height:23px}.studio-discover>.primary.wide{min-height:52px;font-size:14px}.studio-template-open{background:#fff!important}.studio-template-open img{border-bottom:1px solid #f1eaee}}

/* 2026-09-23 photo-rich discovery + 24 templates per industry */
.studio-template-count{font-size:12px;color:#ef476f;font-weight:800;margin-left:6px;vertical-align:middle}
.studio-purpose-grid .photo-card,.studio-industry-grid-pro .photo-card{position:relative;min-height:142px;padding:0;border-radius:20px;overflow:hidden;background-image:var(--photo);background-size:cover;background-position:center;justify-content:flex-end;align-items:flex-start;text-align:left;box-shadow:0 8px 22px #2e24301a;border:2px solid transparent}
.photo-card .photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 28%,rgba(12,14,20,.16) 48%,rgba(12,14,20,.82) 100%)}.photo-card strong,.photo-card i{position:relative;z-index:1;color:#fff;padding:0 12px}.photo-card strong{font-size:14px;line-height:1.25;text-shadow:0 1px 5px #0007}.photo-card i{font-size:9px;font-style:normal;margin:4px 0 12px;opacity:.86}.studio-purpose-grid .photo-card.selected,.studio-industry-grid-pro .photo-card.selected{border-color:#ef476f;box-shadow:0 0 0 2px #fff inset,0 10px 24px #ef476f26}.photo-card.selected:after{content:'✓';position:absolute;right:9px;top:9px;z-index:2;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#ef476f;color:#fff;font-weight:900;box-shadow:0 3px 10px #0002}
@media(max-width:720px){.studio-purpose-grid .photo-card,.studio-industry-grid-pro .photo-card{min-height:128px}.photo-card strong{font-size:12px}.photo-card i{font-size:8px}.studio-template-count{display:inline-block;font-size:10px}.studio-catalog{padding-bottom:90px}.studio-template-meta h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

@media(max-width:720px){.studio-filter-chips{flex-wrap:wrap;overflow:visible}.studio-filter-chips .choice{flex:0 0 auto}body[data-mobile-page=studio] .floating-windy{display:none!important}}

/* Purpose discovery: infographic cards instead of unrelated stock-photo repetition */
.studio-purpose-grid .infographic-card{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;min-height:170px;padding:0;border:1px solid #e9e7ec;border-radius:22px;background:#fff;overflow:hidden;text-align:left;box-shadow:0 8px 24px #2f24320c}
.infographic-art{position:relative;display:block;height:104px;padding:14px;background:linear-gradient(145deg,var(--tone-a),var(--tone-b));overflow:hidden}
.infographic-art:before{content:'';position:absolute;width:92px;height:92px;border-radius:50%;right:-22px;top:-34px;background:#fff2}.infographic-art:after{content:'';position:absolute;width:54px;height:54px;border-radius:16px;right:14px;bottom:-22px;transform:rotate(22deg);background:#fff1}
.infographic-icon{position:relative;z-index:2;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#fff;color:var(--tone-b);box-shadow:0 8px 18px #16203318}.infographic-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.infographic-art em{position:absolute;z-index:2;left:14px;bottom:13px;color:#fff;font-size:9px;font-style:normal;font-weight:900;letter-spacing:.14em}
.infographic-lines{position:absolute;z-index:2;right:13px;bottom:13px;width:48px;display:grid;gap:4px}.infographic-lines b{height:4px;border-radius:99px;background:#fff9}.infographic-lines b:nth-child(2){width:75%}.infographic-lines b:nth-child(3){width:52%}
.infographic-copy{display:block;padding:12px 13px 14px}.infographic-copy strong{display:block;color:#171a27;font-size:12px;line-height:1.25;font-weight:800;letter-spacing:-.035em}.infographic-copy small{display:block;margin-top:5px;color:#7c7882;font-size:9px;line-height:1.35}
.infographic-card.selected{border:2px solid #ef476f;box-shadow:0 0 0 3px #fff inset,0 10px 26px #ef476f24}.infographic-card.selected:after{content:'✓';position:absolute;right:9px;top:9px;z-index:4;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#ef476f;font-size:13px;font-weight:900;box-shadow:0 4px 12px #15203320}
.tone-coral{--tone-a:#ff8a8a;--tone-b:#f14e65}.tone-violet{--tone-a:#a98cff;--tone-b:#7658dc}.tone-orange{--tone-a:#ffb36b;--tone-b:#f27a35}.tone-green{--tone-a:#72d3a9;--tone-b:#2c9a72}.tone-blue{--tone-a:#75a9ff;--tone-b:#4774dc}.tone-rose{--tone-a:#ff91b3;--tone-b:#e94d79}.tone-indigo{--tone-a:#8f9cff;--tone-b:#5868d8}.tone-cyan{--tone-a:#69cfd4;--tone-b:#3299a4}.tone-pink{--tone-a:#f39ac2;--tone-b:#d9578f}.tone-navy{--tone-a:#7284a7;--tone-b:#3e4e72}.tone-teal{--tone-a:#65c4b4;--tone-b:#318e81}.tone-slate{--tone-a:#9ba3b4;--tone-b:#687083}
@media(max-width:720px){.studio-purpose-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-purpose-grid .infographic-card{min-height:154px;border-radius:20px}.infographic-art{height:92px}.infographic-copy strong{font-size:12px}.infographic-copy small{font-size:9px}.infographic-icon{width:39px;height:39px}.infographic-icon svg{width:22px;height:22px}}

.studio-purpose-grid .infographic-card>.infographic-art{width:100%;height:104px;border-radius:0;display:block;place-items:unset;background:linear-gradient(145deg,var(--tone-a),var(--tone-b));color:inherit;box-shadow:none}
.studio-purpose-grid .infographic-card>.infographic-copy{width:auto;height:auto;border-radius:0;display:block;background:transparent;color:inherit;box-shadow:none}
.studio-purpose-grid .infographic-card>.infographic-copy strong{display:block;padding:0;color:#171a27;text-shadow:none}.studio-purpose-grid .infographic-card>.infographic-copy small{padding:0}
@media(max-width:720px){.studio-purpose-grid .infographic-card>.infographic-art{width:100%;height:92px;border-radius:0}.studio-purpose-grid .infographic-card>.infographic-copy{width:auto;height:auto;border-radius:0}}