.studio{padding-top:var(--s5)}.studio__grid{display:grid;gap:var(--s5);grid-template-areas:"steps" "main" "side"}.studio__grid>.steps{grid-area:steps;margin:0}.studio__main{grid-area:main;min-width:0}.studio__side{grid-area:side;min-width:0}.studio__h1{margin-bottom:var(--s2)}.studio__main>.lede{margin-bottom:var(--s5)}.tips__title{margin-bottom:var(--s3)}@media(max-width:899px){.studio__grid{gap:var(--s4)}.studio__grid[data-mode=uploaded] .stage,.studio__grid[data-mode=reading] .stage{aspect-ratio:4 / 3.3}.studio__grid[data-mode=generating] .stage,.studio__grid[data-mode=revealed] .stage{aspect-ratio:1 / 1}.drop{padding:var(--s6) var(--s4)}}.studio__side .h1{margin-bottom:var(--s3)}.studio__side .lede{margin-bottom:var(--s4)}@media(min-width:900px){.studio{padding-top:var(--s7)}.studio__grid,.studio__grid[data-mode]{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"steps steps" "main side";column-gap:clamp(32px,5vw,72px);align-items:start}.studio__side{position:sticky;top:calc(var(--header-h) + 24px)}}.drop{position:relative;overflow:hidden;display:grid;justify-items:center;text-align:center;gap:var(--s3);padding:var(--s7) var(--s5);border-radius:var(--r-stage);background:radial-gradient(80% 70% at 50% 20%,#fff,var(--paper))}.drop:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1.5px dashed var(--hair-3);border-radius:calc(var(--r-stage) - 10px);pointer-events:none;transition:border-color .2s ease,inset .2s var(--ease-out)}.drop__glow{position:absolute;inset:-40% -20% auto;height:90%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,214,160,.45),transparent 70%);opacity:.6;pointer-events:none;transition:opacity .3s ease}.drop__icon{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:var(--paper-2);border:1px solid var(--hair);box-shadow:var(--sh-1)}.drop__icon svg{width:28px;height:28px}.drop__title{font:500 clamp(24px,3vw,34px)/1.1 var(--font-display);letter-spacing:-.03em;margin:4px 0 6px}.drop .fine{max-width:36ch}body.is-dragging .drop:before{border-color:var(--ink);top:6px;right:6px;bottom:6px;left:6px}body.is-dragging .drop__glow{opacity:1}@media(min-width:900px){.drop{min-height:520px;align-content:center}}.tips{display:grid;gap:10px;margin:0 0 var(--s5)}.tips li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;color:var(--ink-2)}.tips svg{width:22px;height:22px;flex:none;margin-top:1px;color:var(--ink)}.tips strong{color:var(--ink);font-weight:600}.examples__label{font-size:14px;color:var(--muted);margin-bottom:10px}.examples__row{display:flex;flex-wrap:wrap;gap:8px}.chip-pet{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:4px 14px 4px 4px;border-radius:var(--r-pill);border:1px solid var(--hair-2);background:#ffffffb3;font:540 14px/1 var(--font-ui);color:var(--ink);transition:border-color .16s ease,transform var(--t-press) var(--ease-out)}.chip-pet img{width:34px;height:34px;border-radius:50%;object-fit:cover}.chip-pet:active{transform:scale(.96)}@media(hover:hover)and (pointer:fine){.chip-pet:hover{border-color:var(--ink);background:#fff}}.stage{position:relative;aspect-ratio:4 / 4.4;border-radius:var(--r-stage);overflow:hidden;border:1px solid var(--hair);box-shadow:var(--sh-2);transition:background-color .9s ease,border-color .9s ease}.stage--paper{background:radial-gradient(90% 75% at 55% 38%,#fff,#fcfcfa 55%,#f1f2ef)}.stage--night{background:radial-gradient(70% 60% at 55% 42%,#22262a 0%,var(--night) 70%);border-color:transparent}.stage.is-busy{background:var(--paper-2)}.stage__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:14px}.stage__replace{position:absolute;left:50%;bottom:16px;transform:translate(-50%)}.stage__replace:active{transform:translate(-50%) scale(.97)}.stage__ref{position:absolute;z-index:3;left:5%;top:6%;width:24%;padding:4px 4px 18px;background:#fff;border-radius:6px;transform:rotate(-6deg);box-shadow:0 14px 28px -12px #00000080;transition:opacity .6s ease}.stage__ref img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:3px}.stage__ref .tag{position:absolute;left:50%;bottom:2px;transform:translate(-50%);background:none;border:0;box-shadow:none;padding:2px;font-size:10px;color:var(--muted)}.stage--night .stage__ref{opacity:.85}.stage__line{position:absolute;top:8%;right:8%;bottom:9%;left:22%}.stage__line--solo{top:8%;right:12%;bottom:12%;left:12%}.stage__line>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.stage--night .stage__line canvas{filter:drop-shadow(0 0 3px rgba(255,178,74,.6)) drop-shadow(0 0 14px rgba(255,178,74,.25))}.stage .tag--line,.stage .tag--example{right:16px;bottom:16px}.stage .tag--example{font-size:12.5px;padding:7px 12px}.stage__scan{position:absolute;top:10%;right:14%;bottom:10%;left:14%;border-radius:16px;overflow:hidden}.stage__scan img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.55) contrast(1.1)}.scanbar{position:absolute;left:0;right:0;height:30%;top:-30%;background:linear-gradient(180deg,transparent,rgba(255,214,160,.35) 70%,rgba(255,241,214,.9) 100%);animation:scan 2.2s var(--ease-in-out) infinite;mix-blend-mode:screen}@keyframes scan{to{transform:translateY(433%)}}.stage--night.is-scanning .stage__ref{display:none}.stage--reveal.is-lighting{background:radial-gradient(70% 60% at 55% 42%,#22262a 0%,var(--night) 70%)}.stage--reveal.is-lighting .stage__art,.stage--reveal.is-lighting .stage__ref,.stage--reveal.is-lighting .tag{opacity:0}.stage--reveal .stage__art,.stage--reveal .stage__ref,.stage--reveal .tag{transition:opacity .7s ease .25s}.stage--reveal.is-lit{background:radial-gradient(90% 75% at 55% 38%,#fff,#fcfcfa 55%,#f1f2ef);transition:background .9s ease}.stage--reveal.is-lit .stage__art,.stage--reveal.is-lit .stage__ref,.stage--reveal.is-lit .tag{opacity:1}.stage__glowline{z-index:2;transition:opacity .9s ease;filter:drop-shadow(0 0 3px rgba(255,178,74,.6))}.stage--reveal.is-lit .stage__glowline{opacity:0}.stage--reveal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(40% 35% at 55% 45%,rgba(255,241,214,.9),transparent 70%);opacity:0}.stage--reveal.is-lit:after{animation:bloom 1.4s ease-out}@keyframes bloom{0%{opacity:0}30%{opacity:.8}to{opacity:0}}.hints{display:grid;gap:8px;margin:0 0 var(--s4)}.hint{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:var(--r-ctl);font-size:14px;line-height:1.45}.hint svg{width:18px;height:18px;flex:none;margin-top:1px}.hint--ok{background:var(--ok-bg);color:var(--ok)}.hint--warn{background:var(--warn-bg);color:var(--warn)}.studio__side .note{margin-bottom:var(--s4)}.studio__side .btn--xl+.fine{margin-top:10px;text-align:center}.prog{height:6px;border-radius:3px;background:#15171a14;overflow:hidden;margin:var(--s4) 0 var(--s5)}.prog__fill{display:block;height:100%;background:linear-gradient(90deg,var(--ink),#3c4148);transform-origin:left;transform:scaleX(0);transition:transform .12s linear;border-radius:inherit}.gensteps{display:grid;gap:4px;margin-bottom:var(--s4)}.gensteps li{display:flex;align-items:center;gap:12px;min-height:36px;font-size:15px;color:var(--muted);transition:color .2s ease}.gensteps__dot{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--hair-3);flex:none;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.gensteps li.is-done{color:var(--ink-2)}.gensteps li.is-done .gensteps__dot{background:var(--ink);border-color:var(--ink)}.gensteps li.is-current{color:var(--ink);font-weight:560}.gensteps li.is-current .gensteps__dot{border-color:var(--lamp);background:var(--lamp);box-shadow:0 0 0 4px #ffb24a40}.reveal-title{font-size:clamp(40px,4vw + 20px,72px)}.studio__side .callout,.takes{margin-bottom:var(--s4)}.takes legend{font-size:14.5px;font-weight:560;margin-bottom:10px}.takes__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.take{cursor:pointer}.take input{position:absolute;opacity:0;width:1px;height:1px}.take__card{display:grid;gap:6px;justify-items:center;padding:10px 10px 8px;border-radius:var(--r-ctl);border:1px solid var(--hair-2);background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.take__card img{width:100%;aspect-ratio:4 / 3;object-fit:contain}.take__card span{font-size:13px;font-weight:560}.take input:checked+.take__card{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.take input:focus-visible+.take__card{outline:2px solid var(--focus);outline-offset:2px}.studio__actions{display:grid;gap:8px;margin-bottom:var(--s5)}.studio__more{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 12px}.peek__label{font-size:14px;color:var(--muted);margin-bottom:10px}.peek__row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.peek__item{aspect-ratio:1 / 1.18;border-radius:var(--r-ctl);border:1px solid var(--hair);text-decoration:none;display:grid;grid-template-rows:1fr auto;background:radial-gradient(80% 70% at 50% 35%,#fff,#f1f2ef)}.peek__item img{width:100%;height:100%;object-fit:contain;padding:6px;min-height:0}.peek__item span{font-size:11.5px;text-align:center;padding:0 4px 6px;color:var(--ink-2);font-weight:540}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dyi-css-create.css.map */