.creative-demo{display:grid;grid-template-columns:minmax(14rem,.82fr) minmax(0,1.4fr);gap:1.2rem 2.4rem;margin:2.5rem 0 3.5rem;padding:2.1rem;border:1px solid var(--ui-border);border-radius:1.2rem;background:var(--ui-surface);color:var(--ui-text);font-size:1rem;line-height:1.7;isolation:isolate}.creative-demo *{box-sizing:border-box}.creative-demo button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:46px;max-width:100%;padding:.55rem .75rem;border:1px solid transparent;border-radius:.55rem;background:none;color:inherit;font:inherit;font-size:.95rem;line-height:1.5;cursor:pointer;touch-action:manipulation;overflow-wrap:anywhere}.creative-demo button svg{flex-shrink:0}.creative-demo button:focus-visible,.creative-demo-stage:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}.creative-demo button:disabled{opacity:.5;cursor:not-allowed}.creative-demo-copy{align-self:center;min-width:0}.creative-demo-kicker{display:flex;align-items:center;gap:.55rem;color:var(--ui-accent);font-size:.89rem;font-weight:600;letter-spacing:.07em}.creative-demo-kicker>span{width:.4rem;height:.4rem;border-radius:50%;background:currentColor}.creative-demo h2{margin:.8rem 0 .7rem;font-family:Songti SC,SimSun,serif;font-size:clamp(1.7rem,2.7vw,2.6rem);font-weight:500;line-height:1.45;letter-spacing:-.035em}.creative-demo-intro{max-width:24em;margin:0;color:var(--ui-muted);font-size:1rem;line-height:1.8}.creative-demo-steps{display:grid;gap:.35rem;margin:1.15rem 0 .8rem;padding:0;list-style:none}.creative-demo-steps li{min-width:0}.creative-demo-steps button{width:100%;gap:.7rem;justify-content:flex-start;padding:.65rem .6rem;text-align:left}.creative-demo-steps button:hover{background:var(--ui-surface-soft)}.creative-demo-steps button.is-current{border-color:var(--ui-border);background:var(--ui-accent-soft)}.creative-demo-step-number{display:flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;flex-shrink:0;border:1px solid var(--ui-border);border-radius:50%;background:var(--ui-surface);color:var(--ui-accent);font-family:Georgia,serif;font-size:1rem}.creative-demo-steps .is-current .creative-demo-step-number{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent)}.creative-demo-steps button>span:nth-child(2){flex:1;min-width:0}.creative-demo-steps strong{display:block;font-size:1rem;font-weight:600;line-height:1.6}.creative-demo-steps button>span:nth-child(2)>span{display:block;margin-top:.15rem;color:var(--ui-muted);font-size:.89rem;line-height:1.65}.creative-demo-step-arrow{color:var(--ui-muted);flex-shrink:0}.creative-demo-motion-note{margin:.65rem 0 0;color:var(--ui-muted);font-size:.89rem;line-height:1.7}.creative-demo-player{min-width:0;align-self:center}.creative-demo-playback{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:0 0 .65rem}.creative-demo-playback button{gap:.45rem;padding:.55rem .8rem}.creative-demo-playback .creative-demo-play{border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent)}.creative-demo-playback .creative-demo-play:hover{background:var(--ui-accent-hover)}.creative-demo-playback .creative-demo-replay{border-color:var(--ui-border);background:var(--ui-surface)}.creative-demo-playback-state{margin-left:auto;color:var(--ui-muted);font-size:.834rem;line-height:1.6}.creative-demo-window{min-width:0;overflow:hidden;border:1px solid var(--ui-border);border-radius:.9rem;background:var(--ui-bg);box-shadow:var(--ui-shadow)}.creative-demo-window-top{display:flex;align-items:center;justify-content:space-between;gap:.4rem .7rem;flex-wrap:wrap;padding:.75rem 1rem;border-bottom:1px solid var(--ui-border);background:var(--ui-surface);font-size:.834rem;font-weight:500}.creative-demo-window-divider{padding:0 .35rem;color:var(--ui-border)}.creative-demo-disclosure-badge{padding:.1rem .4rem;border:1px solid var(--ui-border);border-radius:.3rem;color:var(--ui-muted);font-size:.834rem;font-weight:400}.creative-demo-stage{position:relative;min-height:28rem;padding:1rem;touch-action:pan-y;outline-offset:-4px;overflow:hidden}.creative-demo-stage-heading{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.9rem;color:var(--ui-accent);font-size:.89rem;font-weight:500}.creative-demo-stage-heading>span>span{margin:0 .3rem;color:var(--ui-border)}.creative-demo-stage-counter{white-space:nowrap;color:var(--ui-muted);font-variant-numeric:tabular-nums}.creative-demo-scene{position:relative;animation:creative-demo-appear .45s ease both}.creative-demo h3{margin:0;font-size:1.1rem;font-weight:600;line-height:1.6;letter-spacing:-.025em}.creative-demo-scene>p{margin:.3rem 0 .8rem;color:var(--ui-muted);font-size:.95rem;line-height:1.7}.creative-demo-template-strip{display:flex;gap:.55rem;margin:.8rem -.1rem .7rem;padding:.15rem .1rem .5rem;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--ui-border) transparent}.creative-demo-template-strip .creative-demo-template{position:relative;display:flex;flex:0 0 42%;min-width:7rem;max-width:10.5rem;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:hidden;border:2px solid transparent;border-radius:.6rem;background:var(--ui-surface);text-align:left;scroll-snap-align:start}.creative-demo-template>img{width:100%;aspect-ratio:3/4;min-height:0;object-fit:contain;display:block;background:var(--ui-surface-soft)}.creative-demo-template>span{padding:.45rem .5rem .55rem;line-height:1.6;font-size:.95rem;font-weight:500;overflow-wrap:anywhere}.creative-demo-template-strip .creative-demo-template.is-selected{border-color:var(--ui-accent)}.creative-demo-template>i{position:absolute;top:.4rem;right:.4rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--ui-accent);color:var(--ui-on-accent);animation:creative-demo-check .35s ease both}.creative-demo-selection{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;border-top:1px solid var(--ui-border);padding-top:.6rem;color:var(--ui-muted);font-size:.89rem}.creative-demo-selection>span{display:flex;gap:.35rem;align-items:center;min-width:0}.creative-demo-selection>span>svg{flex-shrink:0}.creative-demo-selection.is-selected>span{color:var(--ui-accent)}.creative-demo-selection>button{gap:.35rem;background:var(--ui-surface);border-color:var(--ui-border);min-height:44px}.creative-demo-touch{position:absolute;z-index:2;display:flex;align-items:center;gap:.3rem;max-width:100%;pointer-events:none;color:var(--ui-text);animation:creative-demo-touch 2.2s ease-in-out both}.creative-demo-touch>svg{filter:drop-shadow(0 1px 1px var(--ui-bg));fill:var(--ui-surface);stroke-width:1.5}.creative-demo-touch>span{padding:.2rem .4rem;border:1px solid var(--ui-border);border-radius:.3rem;background:var(--ui-surface);font-size:.834rem;white-space:nowrap;box-shadow:var(--ui-shadow)}.creative-demo-touch:before{content:"";position:absolute;top:-.3rem;left:-.3rem;width:1.6rem;height:1.6rem;border:1px solid var(--ui-accent);border-radius:50%;animation:creative-demo-ripple 2.2s ease-out both}.creative-demo-touch-choose{top:52%;left:25%}.creative-demo-touch-photo{top:59%;left:33%}.creative-demo-photo-area{flex-direction:column;gap:.5rem;min-height:12rem;padding:.9rem .65rem;border:1px dashed var(--ui-control-border);border-radius:.7rem;background:var(--ui-surface);text-align:center}.creative-demo-photo-area,.creative-demo-upload-icon{display:flex;align-items:center;justify-content:center}.creative-demo-upload-icon{width:3rem;height:3rem;border-radius:.6rem;background:var(--ui-accent-soft);color:var(--ui-accent)}.creative-demo-photo-area>strong{font-size:1rem;font-weight:550}.creative-demo-photo-area>span:not(.creative-demo-upload-icon){color:var(--ui-muted);font-size:.89rem}.creative-demo-photo-area .creative-demo-add-photo{gap:.4rem;margin-top:.2rem;border-color:var(--ui-border);background:var(--ui-surface-soft)}.creative-demo-photo-area.has-photo{border-style:solid;border-color:var(--ui-border)}.creative-demo-photo-added{gap:.8rem;text-align:left;min-width:0;max-width:100%;animation:creative-demo-photo-land .65s cubic-bezier(.2,.75,.25,1) both}.creative-demo-photo-added,.creative-demo-reference{display:flex;align-items:center;justify-content:center}.creative-demo-reference{position:relative;flex:0 0 6.1rem;aspect-ratio:3/4;overflow:hidden;border-radius:.4rem;background:var(--ui-surface-soft);color:var(--ui-muted)}.creative-demo-reference>img{width:100%;height:100%;object-fit:contain;display:block;position:absolute;inset:0}.creative-demo-reference>span{position:absolute;bottom:0;left:0;right:0;padding:.15rem .3rem;background:var(--ui-surface);color:var(--ui-muted);font-size:.834rem;text-align:center;border-top:1px solid var(--ui-border)}.creative-demo-photo-added>div:last-child{min-width:0}.creative-demo-photo-ok{display:flex;align-items:center;gap:.3rem;color:var(--ui-success);font-size:.89rem}.creative-demo-photo-ok>svg{flex-shrink:0}.creative-demo-photo-added strong{display:block;font-size:.95rem;margin:.35rem 0 .2rem;font-weight:550;overflow-wrap:anywhere}.creative-demo-photo-added p{margin:0 0 .2rem;color:var(--ui-muted);font-size:.834rem}.creative-demo-photo-added button{padding:.4rem 0;min-height:44px;color:var(--ui-accent);font-size:.89rem;text-decoration:underline;text-underline-offset:.2em;text-align:left}.creative-demo-note{margin-top:.8rem;padding:.65rem .8rem;border:1px solid var(--ui-border);border-radius:.6rem;background:var(--ui-surface)}.creative-demo-note>span{font-size:.95rem;font-weight:500}.creative-demo-note small{margin-left:.4rem;color:var(--ui-muted);font-size:.834rem;font-weight:400}.creative-demo-note>p{margin:.3rem 0 0;color:var(--ui-muted);font-size:.89rem;line-height:1.7}.creative-demo-confirm-summary{display:flex;align-items:center;gap:.8rem;margin:1rem 0 .7rem;padding:.7rem;border:1px solid var(--ui-border);border-radius:.65rem;background:var(--ui-surface)}.creative-demo-summary-photo{display:grid;place-items:center;width:4.5rem;aspect-ratio:3/4;flex-shrink:0;overflow:hidden;border-radius:.35rem;background:var(--ui-surface-soft);color:var(--ui-muted)}.creative-demo-summary-photo img{display:block;width:100%;height:100%;object-fit:contain}.creative-demo-confirm-summary>div:last-child{min-width:0}.creative-demo-confirm-summary strong{display:block;margin-bottom:.4rem;font-size:1rem;line-height:1.65}.creative-demo-confirm-summary span{display:flex;align-items:center;gap:.25rem;margin-top:.2rem;color:var(--ui-muted);font-size:.834rem;line-height:1.6}.creative-demo-confirm-summary span svg{flex-shrink:0;color:var(--ui-success)}.creative-demo-confirm .creative-demo-price-note{padding:.65rem .8rem;border-radius:.5rem;background:var(--ui-accent-soft);font-size:.89rem;color:var(--ui-text)}.creative-demo-confirm-action{position:relative;display:flex;flex-direction:column;gap:.45rem;margin-top:1rem}.creative-demo-confirm-action>span{font-size:.834rem;text-align:center;color:var(--ui-muted)}.creative-demo .creative-demo-generate,.creative-demo .creative-demo-save{gap:.4rem;width:100%;border-color:var(--ui-accent);background:var(--ui-accent);color:var(--ui-on-accent);font-weight:550;min-height:48px}.creative-demo-touch-confirm{top:1.6rem;left:32%}.creative-demo-waiting{padding:1rem .8rem;margin-top:1rem;border:1px solid var(--ui-border);border-radius:.65rem;background:var(--ui-surface)}.creative-demo-waiting>div:first-child{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--ui-accent)}.creative-demo-waiting strong{font-size:1rem;font-weight:550}.creative-demo-progress-track{height:.55rem;margin:.9rem 0 .7rem;border-radius:999px;background:var(--ui-surface-soft);overflow:hidden}.creative-demo-progress-track>span{display:block;height:100%;width:8%;border-radius:inherit;background:var(--ui-accent);animation:creative-demo-progress 3.2s ease-in-out both}.creative-demo-waiting>p{margin:0;color:var(--ui-muted);font-size:.834rem;text-align:center;line-height:1.7}.creative-demo-result-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:.75rem;align-items:start;margin-top:.9rem}.creative-demo-result-main{position:relative;display:flex;align-items:center;justify-content:center;min-height:14rem;aspect-ratio:3/4;overflow:hidden;border:1px solid var(--ui-border);border-radius:.55rem;background:var(--ui-surface-soft);color:var(--ui-muted);animation:creative-demo-result-reveal .7s ease both}.creative-demo-result-main>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}.creative-demo-result-main>span{position:absolute;bottom:.4rem;left:.4rem;right:.4rem;padding:.15rem .3rem;border:1px solid var(--ui-border);border-radius:.3rem;background:var(--ui-surface);color:var(--ui-muted);font-size:.834rem;line-height:1.6;text-align:center}.creative-demo-save-panel{position:relative;min-width:0}.creative-demo-save-panel>strong{display:block;font-size:1rem;line-height:1.65}.creative-demo-save-panel>p{margin:.4rem 0 .7rem;color:var(--ui-muted);font-size:.89rem;line-height:1.7}.creative-demo .creative-demo-save:disabled{opacity:1;background:var(--ui-accent-soft);color:var(--ui-accent);border-color:var(--ui-border)}.creative-demo-record{display:flex;align-items:center;gap:.4rem;margin-top:.7rem;padding:.65rem .5rem;border:1px solid var(--ui-border);border-radius:.55rem;background:var(--ui-surface);color:var(--ui-muted)}.creative-demo-record>svg{flex-shrink:0;color:var(--ui-accent)}.creative-demo-record>span{min-width:0;flex:1}.creative-demo-record strong{display:block;font-size:.89rem;line-height:1.6;font-weight:550}.creative-demo-record>span>span{display:block;margin-top:.15rem;font-size:.834rem;line-height:1.6}.creative-demo-record.is-saved{border-color:var(--ui-accent);background:var(--ui-accent-soft);color:var(--ui-accent);animation:creative-demo-check .4s ease both}.creative-demo-touch-save{top:46%;left:10%;max-width:90%}.creative-demo-window-bottom{display:flex;justify-content:space-between;align-items:center;gap:.4rem;flex-wrap:wrap;padding:.45rem .7rem;border-top:1px solid var(--ui-border);background:var(--ui-surface)}.creative-demo-swipe-hint{display:none;color:var(--ui-muted);font-size:.834rem}.creative-demo-navigation{display:flex;align-items:center;justify-content:space-between;gap:.6rem;width:100%}.creative-demo-navigation>button{gap:.3rem;padding:.4rem .45rem;font-size:.95rem}.creative-demo-footnote{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap;border-top:1px solid var(--ui-border);padding-top:.75rem}.creative-demo-footnote>p{margin:0;color:var(--ui-muted);font-size:.834rem;line-height:1.7}.creative-demo-footnote>button{gap:.4rem;color:var(--ui-accent);padding:.3rem .1rem;text-decoration:underline;text-underline-offset:.25em}.creative-demo-no-image{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.6rem;min-height:13rem;width:100%;padding:1rem;border:1px solid var(--ui-border);border-radius:.6rem;color:var(--ui-muted);background:var(--ui-surface);text-align:center}.creative-demo-no-image strong{font-size:1rem;color:var(--ui-text)}.creative-demo-no-image>span{font-size:.95rem}.creative-demo-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.creative-demo[data-demo-playing=false] :is(.creative-demo-scene,.creative-demo-photo-added,.creative-demo-result-main,.creative-demo-record.is-saved,.creative-demo-template>i){animation:none}.creative-demo[data-demo-playing=false] .creative-demo-progress-track>span{animation-play-state:paused}.creative-demo-compact{grid-template-columns:minmax(0,1fr);gap:.65rem;padding:0;margin:0;border:0;border-radius:0;background:transparent;box-shadow:none}.creative-demo-compact .creative-demo-copy{display:contents}.creative-demo-compact .creative-demo-kicker{display:none}.creative-demo-compact h2{grid-row:1;margin:0;font-size:1.35rem;line-height:1.5;letter-spacing:0}.creative-demo-compact .creative-demo-intro{grid-row:2;margin:-.25rem 0 0;max-width:none;font-size:.95rem;line-height:1.6}.creative-demo-compact .creative-demo-player{grid-row:3}.creative-demo-compact .creative-demo-playback{margin:0 0 .55rem}.creative-demo-compact .creative-demo-stage{min-height:24rem}.creative-demo-compact .creative-demo-steps{grid-row:4;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;margin:0}.creative-demo-compact .creative-demo-steps button{flex-direction:column;align-items:center;justify-content:center;height:100%;gap:.3rem;padding:.45rem .2rem;text-align:center}.creative-demo-compact .creative-demo-step-arrow,.creative-demo-compact .creative-demo-steps button>span:nth-child(2)>span{display:none}.creative-demo-compact .creative-demo-steps strong{font-size:.89rem;line-height:1.6}.creative-demo-compact .creative-demo-step-number{width:1.65rem;height:1.65rem;font-size:.89rem}.creative-demo-compact .creative-demo-motion-note{grid-row:5;margin:0;font-size:.834rem}.creative-demo-compact .creative-demo-footnote{grid-row:6;padding-top:.6rem}@keyframes creative-demo-appear{0%{opacity:.6;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes creative-demo-touch{0%,12%{opacity:0;transform:translate(18px,18px)}42%,78%{opacity:1;transform:translate(0)}54%{transform:translate(-3px,-3px)}to{opacity:0;transform:translate(0)}}@keyframes creative-demo-ripple{0%,38%{opacity:0;transform:scale(.5)}53%{opacity:.75;transform:scale(.7)}88%,to{opacity:0;transform:scale(1.9)}}@keyframes creative-demo-photo-land{0%{opacity:.1;transform:translateY(-22px) rotate(-5deg) scale(.86)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}@keyframes creative-demo-progress{0%{width:8%}35%{width:38%}76%{width:72%}to{width:96%}}@keyframes creative-demo-result-reveal{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes creative-demo-check{0%{opacity:.3;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(max-width:1050px){.creative-demo{gap:1.2rem;padding:1.35rem;grid-template-columns:minmax(13rem,.8fr) minmax(0,1.2fr)}.creative-demo-step-arrow{display:none}.creative-demo-stage{padding:.9rem .8rem}.creative-demo-template-strip .creative-demo-template{flex-basis:46%}.creative-demo-compact{grid-template-columns:minmax(0,1fr);gap:.65rem;padding:0}}@media(max-width:760px){.creative-demo{grid-template-columns:minmax(0,1fr);padding:1rem;margin:2rem 0 2.5rem;gap:.9rem}.creative-demo-copy{display:contents}.creative-demo-kicker{grid-row:1}.creative-demo h2{grid-row:2;font-size:1.75rem;margin:0}.creative-demo h2 br{display:none}.creative-demo-intro{grid-row:3;max-width:none;margin:0}.creative-demo-player{grid-row:4}.creative-demo-steps{grid-row:5;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem;margin:0}.creative-demo-steps button{height:100%;padding:.45rem .2rem;flex-direction:column;align-items:center;gap:.35rem;text-align:center}.creative-demo-step-number{width:1.8rem;height:1.8rem}.creative-demo-steps strong{font-size:.89rem;line-height:1.6}.creative-demo-steps button>span:nth-child(2)>span{display:none}.creative-demo-motion-note{grid-row:6;margin:0}.creative-demo-footnote{grid-row:7}.creative-demo-stage{min-height:25rem;padding:.85rem}.creative-demo-window-top{padding:.6rem .75rem}.creative-demo-template-strip .creative-demo-template{flex-basis:43%;max-width:10rem}.creative-demo-swipe-hint{display:block}.creative-demo-window-bottom>span{flex-basis:100%;text-align:center}.creative-demo-window-bottom{padding:.35rem .6rem}.creative-demo-result-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.6rem}.creative-demo-result-main{min-height:12rem}.creative-demo-record{flex-wrap:wrap}.creative-demo-record>svg:first-child{width:21px;height:21px}.creative-demo-playback-state,.creative-demo-record>svg:last-child:not(:first-child){display:none}.creative-demo-compact{gap:.6rem;padding:0;margin:0}.creative-demo-compact h2{grid-row:1;font-size:1.25rem}.creative-demo-compact .creative-demo-intro{grid-row:2;margin:0;font-size:.89rem}.creative-demo-compact .creative-demo-player{grid-row:3}.creative-demo-compact .creative-demo-stage{min-height:22rem}.creative-demo-compact .creative-demo-steps{grid-row:4}.creative-demo-compact .creative-demo-motion-note{grid-row:5}.creative-demo-compact .creative-demo-footnote{grid-row:6}.creative-demo-compact .creative-demo-window-top>span:first-child{display:none}.creative-demo-compact .creative-demo-window-top{padding:.4rem .65rem}.creative-demo-compact .creative-demo-disclosure-badge{border:0;padding:0}.creative-demo-compact .creative-demo-stage-heading{margin-bottom:.65rem}.creative-demo-compact .creative-demo-scene>p{font-size:.89rem}.creative-demo-compact .creative-demo-template-strip .creative-demo-template{min-width:6.3rem;max-width:8.7rem}.creative-demo-compact .creative-demo-template>span{font-size:.89rem}.creative-demo-compact .creative-demo-photo-area{min-height:11rem}.creative-demo-compact .creative-demo-note{padding:.55rem .6rem}.creative-demo-compact .creative-demo-stage{padding:.75rem}.creative-demo-compact .creative-demo-result-main{min-height:11rem}.creative-demo-compact .creative-demo-result-layout{gap:.5rem}.creative-demo-compact .creative-demo-save{font-size:.89rem;padding:.45rem .35rem;flex-wrap:wrap}.creative-demo-compact .creative-demo-save-panel>p{font-size:.834rem}.creative-demo-compact .creative-demo-save-panel>strong{font-size:.95rem}}@media(max-width:380px){.creative-demo{padding:.7rem}.creative-demo-stage{padding:.8rem .6rem}.creative-demo h3{font-size:1rem}.creative-demo-photo-added{gap:.5rem}.creative-demo-reference{flex-basis:4.6rem}.creative-demo-photo-area{padding:.75rem .5rem}.creative-demo-playback button{padding:.5rem .6rem;gap:.3rem}.creative-demo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-demo-steps button{flex-direction:row;min-height:48px;gap:.35rem;justify-content:center}.creative-demo-confirm-summary{padding:.5rem;gap:.5rem}.creative-demo-summary-photo{width:3.5rem}.creative-demo-touch-photo{left:20%}.creative-demo-touch-save{left:-28%}.creative-demo-compact{padding:0}.creative-demo-compact .creative-demo-stage{padding:.7rem .55rem}.creative-demo-compact .creative-demo-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-demo-compact .creative-demo-steps button{flex-direction:row}.creative-demo-compact .creative-demo-result-layout{grid-template-columns:minmax(0,1fr)}.creative-demo-compact .creative-demo-result-main{width:72%;max-height:13rem;min-height:0;aspect-ratio:3/4;margin-inline:auto}.creative-demo-compact .creative-demo-save-panel>p,.creative-demo-compact .creative-demo-save-panel>strong{display:none}.creative-demo-compact .creative-demo-save{flex-wrap:nowrap}.creative-demo-compact .creative-demo-record{margin-top:.45rem}.creative-demo-compact .creative-demo-touch-save{top:2rem;left:28%}}@media(prefers-reduced-motion:reduce){.creative-demo-photo-added,.creative-demo-record,.creative-demo-result-main,.creative-demo-scene,.creative-demo-template>i,.creative-demo-touch,.creative-demo-touch:before{animation:none!important}.creative-demo *{scroll-behavior:auto!important;transition:none!important}.creative-demo-progress-track>span{animation:none;width:65%}}