.ed:not(#studio){display:none}
body{background:#f6f1e9;color:#352534}
#studio{padding:30px 0 8px;background:transparent}
#studio>.wrap>p{display:none}
.masthead{background:#32192d;border-bottom:1px solid #bb9651}.masthead .name,.masthead .prog{color:#f7eee3}.masthead .name small{color:#d6b981}.masthead .btn{color:#f7eee3;border-color:#84677a}
#mh-brief{display:none}.studio-access{background:#fffaf4;border:1px solid #dac9b3;box-shadow:0 15px 55px #4924390c}.studio-access h3{font-size:28px}
.atelier-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:32px 0 28px;border-bottom:1px solid #d8c9b9;margin-bottom:24px}.atelier-head h1{font-size:clamp(32px,4.7vw,62px);line-height:1.08;max-width:700px;color:#442238}.atelier-head p{max-width:500px;margin-top:12px}.atelier-seal{border:1px solid #bd9657;border-radius:50%;width:94px;height:94px;display:grid;place-content:center;text-align:center;flex-shrink:0;font-size:10px;letter-spacing:.15em;color:#6b493c;transform:rotate(-12deg)}
.atelier-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#805933;margin:0 0 10px}.atelier-intro{max-width:630px;margin-bottom:24px}.atelier-intro h2{font-size:32px;color:#442238;margin-bottom:8px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-choice{border:1px solid #d7c5b2;background:#fffaf4;padding:0;text-align:left;cursor:pointer;color:inherit;transition:transform .2s,box-shadow .2s;overflow:hidden}.project-choice:hover{transform:translateY(-4px);box-shadow:0 14px 30px #49243913}.project-choice .project-art{height:174px;display:flex;align-items:center;justify-content:center;background:#e9dfd2;position:relative;overflow:hidden}.project-choice:nth-child(2n) .project-art{background:#48283f}.project-copy{display:block;padding:19px 20px}.project-copy b{font:400 25px var(--f-display);display:block;color:#442238;margin-bottom:5px}.project-copy span{font-size:12px;line-height:1.6;display:block}.project-art img{height:100%;width:100%;object-fit:cover}.mini-poster{width:100px;height:137px;background:#f8efe3;box-shadow:8px 12px 0 #bd965768;transform:rotate(-8deg);padding:15px 12px;display:flex;flex-direction:column;justify-content:space-between;color:#46253d;font:400 21px/1.1 var(--f-display)}.mini-poster small{font:8px var(--f-body);letter-spacing:.2em}.mini-poster i{border-top:1px solid #ad864b;padding-top:10px;font-size:12px}.project-art .ad-poster{transform:rotate(8deg);background:#c7a464;color:#32192d;width:160px;height:130px}.project-art .launch-poster{width:125px;background:#48283f;color:#f8efe3;transform:rotate(0)}.project-art .sheet-poster{height:142px;width:116px;transform:rotate(5deg);font-size:17px}.mini-lines{display:block;height:26px;background:repeating-linear-gradient(to bottom,#af947170 0 2px,transparent 2px 8px);margin-top:10px}.motion-demo{width:110px;height:110px;border:1px solid #cba76d;border-radius:50%;display:grid;place-items:center;font-size:32px;color:#efd9b6;background:radial-gradient(circle,#936441,#48283f 70%)}
.atelier-brand{margin:24px 0;padding:18px 22px;background:#eee4d7;border:1px solid #dac8b3}.atelier-brand summary{cursor:pointer;color:#48283f;font-size:13px;font-weight:500}.brand-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.atelier-brand .f-label{margin:0 0 6px}.atelier-brand input{background:#fffaf4}.atelier-brand p{margin-top:10px;font-size:11px}
.atelier-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:14px 0 22px}.atelier-back{background:none;border:0;font:500 12px var(--f-body);cursor:pointer;color:#48283f;padding:8px 0}.atelier-steps{display:flex;gap:8px;flex-wrap:wrap}.atelier-step{background:#eee4d7;border:0;padding:10px 14px;color:#735d68;font:11px var(--f-body);cursor:pointer}.atelier-step.on{background:#48283f;color:#fff4e7}
.atelier-work{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:24px;align-items:start}.atelier-panel{background:#fffaf4;border:1px solid #d7c5b2;padding:28px}.atelier-panel h2{font-size:34px;color:#442238;margin-bottom:9px}.atelier-panel h3{color:#442238}.atelier-panel .f-label{color:#715968;font-size:10px;letter-spacing:.1em;margin:20px 0 7px}.atelier-panel input,.atelier-panel textarea{background:#fffdf9;border-color:#d7c5b2;color:#352534}.atelier-panel textarea{min-height:96px}.atelier-panel input:focus,.atelier-panel textarea:focus{outline:2px solid #b58d4e;outline-offset:2px}.atelier-aside{background:#48283f;color:#f7eee3;padding:28px}.atelier-aside h3{font-size:27px;color:#f7eee3;margin-bottom:12px}.atelier-aside p{font-size:12px;line-height:1.8;color:#e0ced8}.atelier-aside .atelier-label{color:#d8b675}.atelier-footer{display:flex;gap:12px;justify-content:space-between;align-items:center;margin-top:24px}.atelier-footer .btn.gold{background:#b99354;color:#281720}.upload-zone{display:block;border:1px dashed #b59268;padding:22px;background:#f2e8dc;margin:16px 0}.upload-zone b{display:block;margin-bottom:7px}.upload-zone input{max-width:100%;margin-top:12px;font-size:12px}.upload-list{display:grid;gap:8px}.upload-item{display:flex;gap:12px;align-items:center;border-bottom:1px solid #e5d8ca;padding:8px 0}.upload-item img{width:52px;height:52px;object-fit:cover}.upload-item .upload-meta{min-width:0;flex:1}.upload-item .upload-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.upload-item select{background:#fffaf4;border:1px solid #d7c5b2;font:11px var(--f-body);padding:7px;margin-top:5px;max-width:100%}.upload-item button{border:0;background:none;cursor:pointer;color:#643c50;padding:8px}.atelier-error{color:#8a263d;font-size:13px;margin-top:12px;min-height:20px}.atelier-status{padding:12px;background:#f2e8dc;font-size:12px;margin:15px 0}.atelier-status:empty{display:none}
.feel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}.feel-choice{background:#fffaf4;border:1px solid #d7c5b2;cursor:pointer;padding:0;text-align:left;color:#442238;overflow:hidden;position:relative}.feel-choice[aria-pressed=true]{outline:3px solid #b99354;outline-offset:2px}.feel-choice[aria-pressed=true]:after{content:'✓';position:absolute;right:7px;top:7px;background:#48283f;color:#fff;padding:3px 8px;border-radius:50%}.feel-art{height:150px;position:relative;overflow:hidden;display:block;background:#ebe0d1}.feel-art img{width:100%;height:100%;object-fit:cover}.feel-art .sample-word{position:absolute;bottom:13px;left:12px;color:white;text-shadow:0 1px 8px #24121b;font:26px/1 var(--f-display)}.feel-choice:nth-child(2) .feel-art img{filter:sepia(.25);object-position:70%}.feel-choice:nth-child(3) .sample-word{font-family:var(--f-body);font-weight:800;text-transform:uppercase}.feel-choice:nth-child(4) .feel-art{background:#be9253}.feel-choice:nth-child(4) img{mix-blend-mode:luminosity}.feel-choice:nth-child(4) .sample-word{font-style:italic;transform:rotate(-8deg)}.feel-choice:nth-child(5) .feel-art img{filter:sepia(.35) brightness(1.12)}.feel-caption{display:block;padding:12px}.feel-caption b{font-size:12px;display:block}.feel-caption small{font-size:10px;line-height:1.5;display:block;margin-top:4px}.technique-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.technique-choice{padding:10px 13px;border:1px solid #d7c5b2;background:#fffaf4;color:#48283f;font:11px var(--f-body);cursor:pointer}.technique-choice[aria-pressed=true]{background:#48283f;color:#fff4e7}.brief-summary{white-space:pre-wrap;padding:18px;background:#f2e8dc;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.atelier-panel .out{margin-top:12px}.atelier-panel .out pre{max-height:240px;overflow:auto}.atelier-panel .generated-media{padding:10px}.atelier-output details{margin:16px 0}.atelier-output details summary{cursor:pointer;font-size:12px}.atelier-result-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.atelier-result-title h2{margin:0}.atelier-output .warn{font-size:12px}.atelier-panel .asset-grid{display:grid;grid-template-columns:1fr}.atelier-panel .asset-actions{flex-wrap:wrap}.atelier-panel .asset-row{min-width:0}.atelier-panel .asset-label{overflow-wrap:anywhere}
button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #b99354;outline-offset:4px}
@media(max-width:800px){.atelier-work{grid-template-columns:1fr}.atelier-aside{display:none}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier-seal{display:none}.atelier-panel{padding:22px}.feel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.atelier-head{padding-top:20px}.atelier-steps{gap:5px}.atelier-step{padding:9px 10px}.brand-fields{grid-template-columns:1fr}.mh .prog{display:none}.atelier-footer{align-items:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.project-choice{transition:none}}
.atelier-eye-btn{display:inline-block;margin:8px 0 0;padding:7px 10px;background:#f3e8dc;border:1px dashed #b18d58;color:#62324e;font:11px var(--f-body);cursor:pointer}.atelier-eye-btn:disabled{opacity:.55;cursor:wait}.atelier-eye-options{font-size:12px;color:#6b4055;display:grid;gap:8px;margin-top:8px}.atelier-eye-options:empty{display:none}.atelier-eye-option{padding:12px;text-align:left;border:1px solid #ceb799;background:#faf1e5;color:#49263c;font:12px/1.6 var(--f-body);cursor:pointer}.atelier-eye-option:hover{border-color:#9c7440;background:#f2e2cd}.atelier-more-recipes{margin-top:16px}.atelier-more-recipes summary{cursor:pointer;font-size:12px;color:#6b4055}.atelier-recipe-note{padding:14px 16px;background:#f0e5d7;margin-top:14px;border-left:3px solid #b18d58;font-size:12px}.atelier-recipe-note b{font-size:11px;color:#64344d}.atelier-recipe-note p{margin:5px 0;font-size:12px}.technique-choice[aria-pressed=true]{outline:2px solid #b99354;outline-offset:2px}

/* Finished examples, with independent preview and creation controls. */
.example-note{font-size:12px;line-height:1.6;color:#755b69;margin-top:12px}
.project-choice{cursor:default}.project-choice .project-art{height:320px;width:100%;border:0;padding:10px;background:#eee5da;cursor:zoom-in}.project-choice:nth-child(2n) .project-art{background:#eee5da}.project-art img{object-fit:contain;width:100%;height:100%}.example-badge{position:absolute;bottom:14px;right:14px;background:#32192deb;color:#fff5e9;border:1px solid #d0af78;padding:7px 10px;font:10px var(--f-body);box-shadow:0 2px 10px #0002}.project-start{margin-top:14px;padding:10px 0;background:transparent;border:0;border-top:1px solid #dbcbb9;color:#64334f;font:500 12px var(--f-body);width:100%;text-align:left;cursor:pointer}.example-dialog{margin:auto;padding:20px;background:#fffaf4;color:#442238;border:1px solid #bd9657;width:min(850px,94vw);max-height:94dvh;overflow:auto}.example-dialog::backdrop{background:#21101fd9}.example-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.example-dialog-head h3{font-size:22px}.example-close{border:1px solid #d7c5b2;background:#f2e8dc;padding:8px 12px;color:#442238;cursor:pointer}.example-media img,.example-media video{display:block;max-width:100%;width:auto;height:auto;max-height:72dvh;margin:auto;object-fit:contain}.example-media video{background:#21101f}
@media(max-width:520px){.project-grid{grid-template-columns:1fr}.project-choice .project-art{height:360px}.example-dialog{padding:14px}.example-dialog-head h3{font-size:19px}}


.motion-diagnostics{padding:16px;background:#f0e5d7;border-left:3px solid #b18d58;margin:18px 0;font-size:12px}.motion-diagnostics h3{font-size:20px;margin-bottom:8px}.motion-diagnostics button{margin:12px 0}.motion-diagnostics pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-height:260px;overflow:auto;margin-top:12px}


/* Public Studio introduction stays visible before and after access. */
.studio-welcome{padding:32px 0 40px;background:#f6f1e9;border-bottom:1px solid #d8c9b9}
.studio-welcome-image{margin:0;border:1px solid #b99354;padding:6px;background:#32192d}
.studio-welcome-image img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.studio-welcome-copy{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:34px 0 0;align-items:start}
.studio-welcome-copy h1{font:400 clamp(34px,4vw,54px)/1.12 var(--f-display);color:#442238;max-width:590px}
.studio-welcome-copy h1 em{color:#805933;font-weight:400}
.studio-welcome-details>p{font-size:14px;line-height:1.8;margin:0 0 15px;color:#594451}
.studio-welcome-details .btn{display:inline-flex;margin:3px 0 16px;text-decoration:none;background:#b99354;color:#281720}
.studio-welcome-details .studio-welcome-limit{font-size:11px;line-height:1.7;color:#755b69;margin:0}
.atelier-head h2{font-size:clamp(32px,4.7vw,62px);line-height:1.08;max-width:700px;color:#442238}
#studio{scroll-margin-top:85px}
@media(max-width:800px){.studio-welcome{padding:16px 0 28px}.studio-welcome-copy{grid-template-columns:1fr;gap:20px;padding-top:24px}.studio-welcome-copy h1{font-size:36px}.studio-welcome-image{padding:3px}.studio-welcome-details>p{font-size:13px}}