._root_rxdw5_1{z-index:2;color:#f6f8fc;pointer-events:none;place-items:center;width:100%;height:100%;display:grid;position:relative}._card_rxdw5_12{background-color:#17151ff7;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px),radial-gradient(circle at 62% 42%,#6943a12b,#0000 48%),linear-gradient(#211d2c,#121118);background-size:18px 18px,18px 18px,100% 100%,100% 100%;border:1px solid #c8a9ff2b;border-radius:22px;width:min(390px,82%);padding:15px 14px 12px;overflow:hidden;box-shadow:0 24px 70px #03040a99,inset 0 1px #ffffff17;container-type:inline-size}._stage_rxdw5_25{aspect-ratio:2.12;contain:layout;width:100%;position:relative}._ground_rxdw5_32{background:linear-gradient(90deg,#0000,#bdd7ed59 15%,#eff6ff8a 55%,#0000);height:3px;position:absolute;bottom:10%;left:4%;right:4%;box-shadow:0 5px #29364b70}._crow_rxdw5_42{z-index:7;aspect-ratio:1;filter:drop-shadow(8px 10px #07050b8a);width:52%;position:absolute;bottom:-3%;left:19%}._crow_rxdw5_42 img{--frame-x:0%;--frame-y:0%;object-fit:contain;width:100%;height:100%;image-rendering:pixelated;opacity:0;transform:translate(var(--frame-x), var(--frame-y)) scale(.985);transform-origin:50% 88%;transition:none;display:block;position:absolute;inset:0}._crow_rxdw5_42 img:first-child{--frame-y:2%}._crow_rxdw5_42 img:nth-child(2){--frame-y:-1%}._crow_rxdw5_42 img:nth-child(3){--frame-x:1%;--frame-y:5%}._crow_rxdw5_42 img:nth-child(4),._crow_rxdw5_42 img:nth-child(5){--frame-y:-1%}._crow_rxdw5_42 img:nth-child(6){--frame-x:4%;--frame-y:1%}._crow_rxdw5_42 img._activeCrowFrame_rxdw5_74{opacity:1;transform:translate(var(--frame-x), var(--frame-y)) scale(1)}._crow_rxdw5_42._introCrow_rxdw5_75{animation:2.2s cubic-bezier(.18,.72,.24,1) both _flyInFromDistance_rxdw5_1}._crow_rxdw5_42._watchingCrow_rxdw5_76{animation:1.6s ease-in-out infinite _watchProgress_rxdw5_1}._crow_rxdw5_42._completeCrow_rxdw5_77{animation:1.05s cubic-bezier(.2,.72,.28,1) both _flyNearJar_rxdw5_1}._groundPebbles_rxdw5_79 img{z-index:9;width:6.8%;image-rendering:pixelated;transform-origin:50%;filter:drop-shadow(3px 4px #050407b3);transition:opacity .12s step-end;position:absolute}._dropPebble_rxdw5_89{z-index:8;width:4.6%;image-rendering:pixelated;opacity:0;filter:drop-shadow(3px 4px #09060eb8);position:absolute;top:31.5%;left:65.5%;transform:translate(-50%,-115%)rotate(18deg)}._dropPebble_rxdw5_89._visibleDropPebble_rxdw5_101{opacity:1;animation:.32s cubic-bezier(.35,.05,.55,1) both _placePebble_rxdw5_1}._jar_rxdw5_106{z-index:6;aspect-ratio:.3;width:9%;position:absolute;bottom:5%;right:30%}._jarPercent_rxdw5_115{z-index:9;color:#fff;text-align:center;letter-spacing:.02em;background:#35435d;border:clamp(1px,.5cqw,2px) solid #eef5ff;min-width:clamp(26px,14.4cqw,56px);padding:clamp(2px,1.5cqw,6px) clamp(3px,2cqw,8px);font:900 clamp(8px,4.6cqw,18px)/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:absolute;top:-31%;left:50%;transform:translate(-50%);box-shadow:clamp(1px,1cqw,4px) clamp(1px,1cqw,4px) #253047}._jarImage_rxdw5_132{z-index:4;object-fit:contain;width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(7px 9px #07050b8a);position:absolute;inset:0}._water_rxdw5_143{z-index:2;background:linear-gradient(#a98df0,#5f48b7);border-radius:0 0 20% 20%;max-height:82%;transition:height .34s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:8%;left:18%;right:18%;overflow:hidden;box-shadow:inset 0 5px #d5c7ff66}._jarPebbles_rxdw5_157{z-index:3;border-radius:0 0 22% 22%;position:absolute;inset:7% 18% 8%;overflow:hidden}._jarPebbles_rxdw5_157 img{z-index:3;width:72%;image-rendering:pixelated;filter:drop-shadow(2px 2px #08060db3);transition:opacity .18s;position:absolute}._tip_rxdw5_174{color:#f4f7fb;text-align:center;text-shadow:0 2px 8px #080b14;overflow-wrap:anywhere;min-height:20px;margin:8px 4px 0;font-size:clamp(8px,2.2vw,10.5px);font-weight:650;line-height:1.4;animation:.28s ease-out both _tipEnter_rxdw5_1}@keyframes _placePebble_rxdw5_1{0%{opacity:1;transform:translate(-50%,-115%)rotate(10deg)scale(1)}54%{opacity:1;transform:translate(-50%,-20%)rotate(16deg)scale(.96)}62%{opacity:1;transform:translate(-50%,-5%)rotate(18deg)scale(.94)}to{opacity:0;transform:translate(-50%,70%)rotate(28deg)scale(.82)}}@keyframes _flyNearJar_rxdw5_1{0%{transform:translate(0)rotate(0)scale(1)}34%{transform:translate(5%,-8%)rotate(-3deg)scale(.97)}68%{transform:translate(10%,-4%)rotate(2deg)scale(.93)}to{transform:translate(14%,7%)rotate(0)scale(.89)}}@keyframes _flyInFromDistance_rxdw5_1{0%{opacity:0;transform:translate(-58%,-34%)scale(.24)rotate(-8deg)}18%{opacity:1}58%{transform:translate(-18%,-12%)scale(.7)rotate(4deg)}82%{transform:translate(3%,-3%)scale(1.04)rotate(-2deg)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}@keyframes _watchProgress_rxdw5_1{0%,to{transform:translate(-11%)rotate(0)}48%{transform:translate(-9%,1.5%)rotate(1deg)}}@keyframes _tipEnter_rxdw5_1{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:680px){._card_rxdw5_12{border-radius:18px;width:min(360px,88%);padding:12px 10px 10px}._crow_rxdw5_42{width:56%;left:20%}._jar_rxdw5_106{width:10%;bottom:7%;right:27%}._dropPebble_rxdw5_89{top:22.3%;left:68%}._jarPercent_rxdw5_115{top:-32%}._groundPebbles_rxdw5_79 img,._jarPebbles_rxdw5_157 img{filter:none}}@media (prefers-reduced-motion:reduce){._crow_rxdw5_42 img,._groundPebbles_rxdw5_79 img,._water_rxdw5_143,._jarPebbles_rxdw5_157 img{transition:none}._crow_rxdw5_42._completeCrow_rxdw5_77,._crow_rxdw5_42._introCrow_rxdw5_75,._crow_rxdw5_42._watchingCrow_rxdw5_76{animation-duration:1ms}}.editor-shell.is-commerce-mode>.workspace,.editor-shell.is-commerce-mode>.editable-dock{display:none}.editor-shell.is-commerce-mode{grid-template-rows:60px minmax(0,1fr)}.commerce-studio{grid-area:2/2;grid-template-columns:minmax(0,1fr) 340px;gap:14px;min-width:0;min-height:0;padding:14px 18px 16px 16px;display:grid}.commerce-studio[hidden]{display:none}.commerce-canvas-viewport:has(.is-reference){container-type:size}.commerce-canvas-content:has(.is-reference){place-items:center;height:100%;display:grid}.commerce-results.is-reference{width:min(100%,720px,max(180px,calc((100cqh - 120px) * var(--reference-aspect,1))));flex-direction:column;align-items:center;gap:16px;display:flex}.commerce-results.is-reference article{flex-shrink:0;position:relative;box-shadow:0 16px 48px #0003}.commerce-results.is-reference article>header{z-index:1;box-sizing:border-box;background:#211c2be8;min-height:42px;position:absolute;top:0;left:0;right:0}.commerce-results.is-reference article.has-image>header{opacity:0;transition:opacity .15s}.commerce-results.is-reference article.has-image:hover>header,.commerce-results.is-reference article.has-image:focus-within>header{opacity:1}.commerce-results.is-reference .commerce-result-placeholder{box-sizing:border-box;background:radial-gradient(#35254388,#0000 70%),#18151e;width:100%;height:100%;min-height:0;max-height:none;padding:54px 18px 24px;overflow:auto}.commerce-results.is-reference .commerce-result-placeholder b{font-variant-numeric:tabular-nums;color:#e3d2fa;font-size:22px;font-weight:500}.commerce-canvas-content .commerce-results.is-reference img{object-fit:contain;background:#141318;width:100%;height:100%}@media (hover:none){.commerce-results.is-reference article.has-image>header{opacity:1}}@media (prefers-reduced-motion:reduce){.commerce-results.is-reference .spin{animation:none}}.commerce-pause{color:#b6a4c8;background:#231d2d;border:0;border-top:1px solid #ffffff10;flex-shrink:0;padding:8px;font-size:11px}.commerce-config,.commerce-output{background:#1b1a20;border:1px solid #ffffff12;border-radius:16px;min-width:0;min-height:0;overflow:hidden}.commerce-config{flex-direction:column;grid-area:1/2;display:flex}.commerce-config-heading{color:#f3eefa;text-align:left;background:#211e29;border:0;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:15px;font-size:14px;font-weight:700;display:none}.commerce-config-heading>span{align-items:center;gap:7px;display:flex}.commerce-config-heading small{color:#928799;font-size:10px;font-weight:400}.commerce-config-heading>svg{display:none}.commerce-config-scroll{scrollbar-width:thin;scrollbar-color:#685478 #1b1a20;flex:1;min-height:0;padding:14px;overflow-y:auto}.commerce-studio button{cursor:pointer}.commerce-studio button:disabled{cursor:default;opacity:.4}.commerce-studio svg{flex-shrink:0;width:16px;height:16px}:is(.commerce-studio button:focus-visible,.commerce-studio input:focus-visible,.commerce-studio textarea:focus-visible,.commerce-studio select:focus-visible){outline-offset:2px;outline:2px solid #b389ff}.commerce-tabs{background:linear-gradient(145deg,#141218,#100f14);border:1px solid #ffffff0d;border-radius:13px;grid-template-columns:1fr 1fr;gap:6px;padding:6px;display:grid;box-shadow:inset 0 1px #ffffff05}.commerce-tabs button{color:#bdb3c5;background:#ffffff04;border:1px solid #ffffff0b;border-radius:9px;min-height:42px;padding:8px 6px;font-size:11px;font-weight:600;line-height:1.35;transition:transform .16s,border-color .16s,color .16s,background .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff03}.commerce-tabs button:hover:not(:disabled):not([aria-pressed=true]){color:#eee6f6;background:#7950a91a;border-color:#9b75cf4f;transform:translateY(-1px)}.commerce-tabs button[aria-pressed=true]{color:#fff;text-shadow:0 1px 2px #3b1e65;background:linear-gradient(135deg,#7040c5,#9258e4);border-color:#b98af06b;box-shadow:inset 0 1px #ffffff2b,0 5px 15px #6739b34d}.commerce-description{color:#958a9e;margin:10px 0 18px;font-size:11px}.commerce-studio fieldset{border:0;min-width:0;margin:0;padding:0}.commerce-field{color:#ddd4e6;flex-direction:column;gap:9px;margin-bottom:19px;font-size:12px;font-weight:600;display:flex}.commerce-field h3{justify-content:space-between;gap:8px;margin:0;font-size:12px;display:flex}.commerce-field small,.commerce-field p{color:#92879d;margin:0;font-size:10px;font-weight:400;line-height:1.6}.commerce-studio input:not([type=checkbox]):not([type=radio]):not([type=file]),.commerce-studio textarea,.commerce-studio select{color:#e2dbe9;width:100%;min-width:0;font:inherit;background:#24212b;border:1px solid #ffffff10;border-radius:8px;padding:9px;font-size:11px;font-weight:400}.commerce-studio textarea{resize:vertical;line-height:1.65}.commerce-studio input::placeholder,.commerce-studio textarea::placeholder{color:#7f7589}.commerce-studio select option{background:#24212b}.commerce-assets{flex-wrap:wrap;gap:7px;display:flex}.commerce-assets>div{background:#100f14;border:1px solid #ffffff1a;border-radius:8px;width:64px;height:64px;position:relative}.commerce-assets img{object-fit:contain;border-radius:7px;width:100%;height:100%}.commerce-assets>div button{color:#fff;background:#352b41;border:1px solid #665071;border-radius:50%;place-items:center;width:19px;height:19px;padding:0;display:grid;position:absolute;top:-5px;right:-5px}.commerce-assets>div svg{width:12px;height:12px}.commerce-upload{color:#c8afe9;cursor:pointer;background:#7954b30a;border:1px dashed #8763b66b;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:84px;min-height:64px;padding:10px;font-size:11px;display:flex;position:relative}.commerce-upload input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.commerce-select-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;display:grid}.commerce-select-grid label{color:#aea2bb;gap:6px;font-size:11px;display:grid}.commerce-counter{background:#25212d;border-radius:9px;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.commerce-counter>div{align-items:center;gap:9px;display:flex}.commerce-counter button{color:#eee5fa;background:#332c3e;border:1px solid #ffffff17;border-radius:6px;width:25px;height:25px}.commerce-counter output{text-align:center;font-variant-numeric:tabular-nums;min-width:12px}.commerce-checks{grid-template-columns:1fr 1fr;gap:7px;display:grid}.commerce-checks label{color:#c3b7cf;cursor:pointer;background:#24212a;border:1px solid #ffffff0e;border-radius:9px;align-items:center;gap:7px;min-height:43px;padding:8px;font-size:11px;font-weight:400;display:flex}.commerce-checks label:has(input:checked){color:#e8d9ff;background:#7950b92b;border-color:#9970d97a}.commerce-checks input{accent-color:#9b6cec;flex-shrink:0}.commerce-controls{flex-wrap:wrap;gap:6px;display:flex}.commerce-controls.locked{pointer-events:none;opacity:.5}.commerce-controls .prompt-select-options{bottom:calc(100% + 6px);left:0;right:auto}.commerce-submit{background:#231d2d;border-top:1px solid #ffffff13;justify-content:space-between;align-items:center;gap:10px;padding:13px;display:flex}.commerce-submit>span{color:#f3e8ff;gap:4px;font-size:12px;display:grid}.commerce-submit small{color:#b5a3c7;font-size:10px}.commerce-submit button,.commerce-resume{color:#fff;background:linear-gradient(135deg,#7745d8,#9256e5);border:1px solid #c29aef50;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:11px 13px;font-size:12px;font-weight:600;display:flex}.commerce-output{background:radial-gradient(at 50% 40%,#3827442e,#0000 65%),#141318;flex-direction:column;grid-area:1/1;display:flex}.commerce-output>header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.commerce-output h2{color:#f1eaf8;margin:0;font-size:16px}.commerce-output>header p{color:#8e819a;margin:6px 0 0;font-size:11px}.commerce-output>header select{max-width:210px}.commerce-output>footer{color:#82758e;text-align:center;border-top:1px solid #ffffff0a;padding:9px 12px;font-size:10px}.commerce-notice{color:#e3c897;background:#60482026;border:1px solid #cc995344;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;margin:10px 14px 0;padding:10px;font-size:12px;display:flex}.commerce-notice button{color:inherit;background:0 0;border:0}.commerce-results-scroll{scrollbar-width:thin;scrollbar-color:#685478 #141318;flex:1;min-height:0;padding:20px;overflow:auto}.commerce-empty{justify-content:center;align-items:center;min-height:100%;padding:12px 0;display:flex}.commerce-empty-demo{background:#16121d;border:1px solid #8055b686;border-radius:18px;width:min(420px,100%,max(180px,100dvh - 400px));overflow:hidden;box-shadow:0 20px 55px #0005}.commerce-empty-demo video{aspect-ratio:1;object-fit:cover;pointer-events:none;background:#16121d;width:100%;height:auto;display:block}.commerce-empty-demo-copy{text-align:center;justify-items:center;gap:7px;padding:16px 18px 17px;display:grid}.commerce-empty-demo-copy small{color:#beb2ca;font-size:11px;line-height:1.5}.commerce-empty-demo-copy button{color:#fff;background:linear-gradient(135deg,#8350df,#7042c3);border:1px solid #b590f06b;border-radius:9px;justify-content:center;align-items:center;gap:6px;margin-top:6px;padding:9px 16px;font-size:12px;font-weight:600;display:flex}.commerce-resume{margin:0 auto 18px}.commerce-results{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start;gap:18px;display:grid}.commerce-results.is-detail{flex-direction:column;align-items:center;gap:16px;display:flex}.commerce-results article{background:#201c27;border:1px solid #ffffff13;border-radius:12px;width:100%;overflow:hidden}.commerce-results.is-detail article{max-width:850px}.commerce-results article>header{justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.commerce-results article>header>span{align-items:center;gap:8px;display:flex}.commerce-results article small{color:#a582cc;font-variant-numeric:tabular-nums}.commerce-results article button{color:#d8bbfa;background:#7a4bb02b;border:1px solid #a77ed84a;border-radius:7px;justify-content:center;align-items:center;gap:4px;padding:7px;font-size:11px;display:flex}.commerce-results img{width:100%;height:auto;display:block}.commerce-result-placeholder{color:#94829f;text-align:center;background:#17141d;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:150px;max-height:420px;padding:20px;font-size:12px;display:flex}.commerce-result-placeholder>svg{color:#a075d1;width:27px;height:27px}.commerce-result-placeholder p{max-width:290px}@media (max-width:1100px){.commerce-studio{grid-template-columns:minmax(0,1fr) 300px;gap:10px;padding-right:12px}.commerce-output>header{flex-wrap:wrap}.commerce-results-scroll{padding:12px}}.commerce-empty-demo{background:#f4f5f7;border:1px solid #ffffff16;border-radius:20px;flex-direction:column;width:min(86%,750px);max-height:100%;display:flex;box-shadow:0 12px 40px #0003}.commerce-empty-demo video{aspect-ratio:3/2;object-fit:contain;background:#f4f5f7;flex:auto;min-height:0}.commerce-empty-demo-copy{background:#15121b;flex:none;gap:5px;padding:14px 18px 8px}.commerce-empty-demo-copy strong{color:#f2edf6;font-size:16px}.commerce-empty-demo-copy small{color:#c4bdca;font-size:11px}.commerce-empty-demo .commerce-demo-guide{background:0 0;padding:0}.commerce-empty-demo .demo-guide-link{min-height:20px;padding:1px 4px}@media (max-width:760px){.editor-shell.is-commerce-mode{grid-template:56px minmax(0,1fr) auto/minmax(0,1fr)}.commerce-studio{grid-area:2/1;grid-template-rows:auto minmax(140px,1fr);grid-template-columns:minmax(0,1fr);gap:8px;padding:7px}.commerce-config{border-radius:12px;grid-area:1/1;max-height:26dvh}.commerce-config-heading{padding:10px 12px;font-size:12px;display:flex}.commerce-config-heading>svg{display:block}.commerce-config.is-collapsed .commerce-config-scroll,.commerce-config.is-collapsed .commerce-submit{display:none}.commerce-config.is-collapsed .commerce-config-heading>svg{transform:rotate(-90deg)}.commerce-config-scroll{padding:11px}.commerce-config .commerce-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-tabs button{min-height:40px;padding:7px 3px;font-size:10px}.commerce-submit{padding:9px 12px}.commerce-output{border-radius:12px;grid-area:2/1}.commerce-output>header{padding:10px 12px}.commerce-output h2{font-size:13px}.commerce-output>header p{font-size:10px}.commerce-output>header select{max-width:155px}.commerce-output>footer{padding:5px;font-size:9px}.commerce-empty-demo{width:min(340px,100%,max(160px,100dvh - 600px))}.commerce-empty-demo-copy{gap:4px;padding:10px 12px 7px}.commerce-empty-demo-copy strong{font-size:13px}.commerce-empty-demo-copy small{font-size:10px}.commerce-empty-demo-copy button{margin-top:2px;padding:7px 12px;font-size:11px}.commerce-results{grid-template-columns:1fr}.commerce-empty-demo{border-radius:12px;width:92%}.commerce-empty{padding:0}}.commerce-results.is-detail{gap:0}.commerce-canvas-content .commerce-results img{max-width:100%;height:auto}.commerce-canvas-content .commerce-results article{min-width:0}.commerce-reference-modes label{align-items:flex-start;padding:12px 10px}.commerce-reference-modes input{margin-top:2px}.commerce-reference-modes span{min-width:0;font-weight:600}.commerce-reference-modes small{margin-top:6px;line-height:1.6;display:block}.commerce-canvas{flex:1;min-width:0;min-height:0;position:relative;overflow:hidden}.commerce-canvas-viewport{touch-action:none;outline:none;position:absolute;inset:0;overflow:hidden}.commerce-canvas-viewport.is-hand{cursor:grab}.commerce-canvas-viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.commerce-canvas-content{box-sizing:border-box;transform-origin:0 0;width:100%;min-height:100%;padding:56px 20px 20px}.commerce-canvas-content:has(>.commerce-empty){place-items:center;height:100%;min-height:0;padding:16px;display:grid}.commerce-canvas-content img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.commerce-canvas-content .commerce-empty{width:100%;height:100%;min-height:0}.commerce-canvas-tools{z-index:5;background:#201e26ee;border:1px solid #ffffff12;border-radius:12px;align-items:center;gap:3px;padding:5px;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 4px 14px #0002}.commerce-canvas-tools button{color:#c9c3d2;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 8px;font-size:11px;display:flex}.commerce-canvas-tools button:hover{background:#ffffff10}.commerce-canvas-tools button[aria-pressed=true]{color:#fff;background:#7947dc}.commerce-canvas-tools i{background:#ffffff15;width:1px;height:16px;margin:0 4px}@media (max-width:760px){.commerce-canvas-tools{gap:1px;padding:3px;top:6px;right:6px}.commerce-canvas-tools button{min-width:27px;height:27px;padding:0 6px;font-size:10px}.commerce-canvas-content{padding:44px 12px 12px}.commerce-canvas-content:has(>.commerce-empty){padding:10px}}.commerce-results.is-detail article{background:#f7f6f2;border:0;border-radius:0;position:relative}.commerce-results.is-detail article.has-image>header{z-index:1;opacity:0;background:#211c2be6;border-radius:8px;padding:5px;transition:opacity .15s;position:absolute;top:8px;right:8px}.commerce-results.is-detail article.has-image:hover>header,.commerce-results.is-detail article.has-image:focus-within>header{opacity:1}@media (hover:none){.commerce-results.is-detail article.has-image>header{opacity:1}.commerce-results.is-detail article.has-image>header>span{display:none}}.commerce-studio progress{accent-color:#a77be9;background:#342b40;border:0;border-radius:8px;overflow:hidden}.commerce-studio progress::-webkit-progress-bar{background:#342b40}.commerce-studio progress::-webkit-progress-value{background:#a77be9}.commerce-detail-nav{z-index:6;box-sizing:border-box;scrollbar-width:thin;flex-direction:column;gap:6px;width:136px;padding:3px;display:flex;position:absolute;top:10px;bottom:10px;left:8px;overflow:hidden auto}.commerce-detail-nav button{color:#b9adca;background:#28222f;border:1px solid #ffffff15;border-radius:7px;flex-shrink:0;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:flex}.commerce-detail-nav button:hover{color:#fff;border-color:#ae80ed}.commerce-detail-nav button{text-align:left;min-height:34px}.commerce-detail-nav button span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.commerce-detail-nav i{background:#74677e;border-radius:50%;flex-shrink:0;width:6px;height:6px}.commerce-detail-nav [data-state=done] i{background:#6ccea0}.commerce-detail-nav [data-state=running] i{background:#bc8cff;box-shadow:0 0 6px #ad7ce4}.commerce-detail-nav [data-state=error] i{background:#eea067}.is-detail-canvas .commerce-canvas-viewport{top:0;left:152px}.is-detail-canvas .commerce-canvas-tools{top:10px}.commerce-results.is-detail article{flex-shrink:0}.commerce-results.is-detail article>header{z-index:1;background:#211c2be6;border-radius:8px;max-width:calc(100% - 16px);padding:5px 8px;position:absolute;top:8px;left:auto;right:8px}.commerce-canvas-content .commerce-results.is-detail img{object-fit:contain;width:100%;height:100%}.commerce-results.is-detail .commerce-result-placeholder{box-sizing:border-box;background:linear-gradient(135deg,#211b2b,#18151e);gap:8px;height:100%;min-height:0;max-height:none;padding:45px 16px 16px;overflow:auto;box-shadow:inset 0 -1px #ffffff10}@media (min-width:761px){.commerce-output>header{flex-wrap:nowrap;flex-shrink:0;gap:12px;padding:7px 14px}.commerce-output>header p{white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;margin:0;font-size:11px;line-height:1.5}.commerce-output>header select{text-overflow:ellipsis;white-space:nowrap;border-radius:8px;flex:0 280px;width:60%;min-width:0;max-width:60%;height:32px;padding:5px 10px;font-size:11px;line-height:20px;overflow:hidden}}.commerce-result-placeholder p{margin:0}.commerce-result-placeholder progress{flex-shrink:0;width:min(180px,65%);height:4px}@media (max-width:760px){.commerce-detail-nav{gap:5px;width:38px;padding:2px;top:6px;bottom:6px;left:4px}.commerce-detail-nav button{flex-direction:column;justify-content:center;gap:6px;padding:8px 5px;font-size:10px}.commerce-detail-nav button span{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:1px;text-overflow:clip;line-height:16px;overflow:visible}.is-detail-canvas .commerce-canvas-viewport{top:0;left:46px}.is-detail-canvas .commerce-canvas-tools{top:6px}.commerce-results.is-detail .commerce-result-placeholder{gap:5px;padding:36px 10px 10px;font-size:11px}.commerce-results.is-detail .commerce-result-placeholder>svg{width:20px;height:20px}.commerce-studio{grid-template-rows:minmax(140px,1fr) minmax(0,48%)}.commerce-output{grid-area:1/1}.commerce-output>header{flex-wrap:nowrap;flex-shrink:0;gap:8px;padding:6px 10px}.commerce-output>header p{white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0;margin:0;font-size:10px;line-height:1.4}.commerce-output>header select{text-overflow:ellipsis;white-space:nowrap;border-radius:7px;flex:0 190px;width:60%;min-width:0;max-width:60%;height:30px;padding:4px 8px;font-size:10px;line-height:20px;overflow:hidden}.commerce-config{grid-area:2/1;max-height:none}.commerce-config-heading,.commerce-submit{flex-shrink:0}.commerce-config-scroll{padding:12px}.commerce-submit{gap:8px;padding:6px 10px}.commerce-submit>span{flex-wrap:wrap;align-items:center;gap:2px 8px;min-width:0;font-size:11px;line-height:1.4;display:flex}.commerce-submit small{white-space:nowrap;font-size:10px}.commerce-submit button{white-space:nowrap;border-radius:8px;flex-shrink:0;gap:5px;min-height:34px;padding:6px 11px;font-size:11px;line-height:20px}.commerce-submit button svg{width:14px;height:14px}.commerce-studio:has(>.commerce-config.is-collapsed){grid-template-rows:minmax(0,1fr) auto}.commerce-config.is-collapsed .commerce-pause{display:none}}.editor-shell.is-poster-mode>.workspace{grid-area:2/2;grid-template-columns:minmax(0,1fr) 360px}.editor-shell.is-poster-mode .workspace>.prompt-dock,.editor-shell.is-poster-mode .workspace>.side-panel-stack{display:none}.editor-shell.is-poster-mode .workspace-bar{right:394px}.poster-studio{z-index:25;pointer-events:none;grid-area:2/2;grid-template-columns:minmax(0,1fr) 360px;gap:14px;min-width:0;min-height:0;padding:14px 18px 16px 0;display:grid;position:relative}.poster-studio[hidden]{display:none}.poster-studio button{cursor:pointer}.poster-studio button:disabled{cursor:default;opacity:.45}.poster-studio svg{flex-shrink:0;width:16px;height:16px}:is(.poster-studio button:focus-visible,.poster-studio input:focus-visible,.poster-studio textarea:focus-visible,.poster-studio select:focus-visible){outline-offset:2px;outline:2px solid #b78cf8}.poster-output,.poster-config{background:#19181e;border:1px solid #ffffff12;border-radius:17px;min-width:0;min-height:0;overflow:hidden}.poster-output{background:radial-gradient(circle at 50% 32%,#5f3b7b35,#0000 52%),#111116;flex-direction:column;grid-column:1;display:flex}.poster-output>header{border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:flex-end;align-items:center;padding:8px 12px;display:flex}.poster-result-actions{align-items:center;gap:7px;display:flex}.poster-result-actions>button,.poster-edit-menu>button{color:#d8c0f5;background:#7444c82b;border:1px solid #a77ce75c;border-radius:9px;align-items:center;gap:6px;min-height:34px;padding:0 11px;font-size:11px;font-weight:650;display:flex}.poster-edit-menu{position:relative}.poster-edit-menu>button{color:#fff;background:linear-gradient(135deg,#7542cb,#9459e3)}.poster-edit-menu>button>svg:last-child{width:13px}.poster-edit-menu>div{z-index:8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#211d29f5;border:1px solid #a477d755;border-radius:10px;gap:2px;width:152px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 34px #0009}.poster-edit-menu>div>button{color:#cfc3d8;text-align:left;background:0 0;border:0;border-radius:7px;min-height:32px;padding:0 9px;font-size:10px}:is(.poster-edit-menu>div>button:hover,.poster-edit-menu>div>button:focus-visible){color:#fff;background:#7c4bb94d}.poster-canvas{flex:1;place-items:center;min-height:0;padding:18px;display:grid;overflow:auto}.poster-artboard{width:min(78%,680px,max(190px,calc((100dvh - 225px) * var(--poster-aspect,.75))));background:#211e28;border:1px solid #9c6dd65e;border-radius:5px;max-height:100%;position:relative;overflow:hidden;box-shadow:0 24px 70px #0008}.poster-artboard>img{object-fit:contain;background:#151419;width:100%;height:100%;display:block}.poster-empty{color:#ddd1e8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:absolute;inset:0;overflow:hidden}.poster-empty:before{content:"";background:radial-gradient(circle at 50% 32%,#a667ef3b,#0000 38%),linear-gradient(150deg,#26202f,#17151c);position:absolute;inset:0}.poster-empty>*{z-index:1;position:relative}.poster-empty>svg{color:#bc8df5;width:28px;height:28px}.poster-empty strong{font-size:18px}.poster-empty>span{color:#a99daf;max-width:320px;font-size:11px;line-height:1.65}.poster-empty>button{color:#fff;background:linear-gradient(135deg,#7e48d7,#9b5be9);border:1px solid #c39afb66;border-radius:9px;align-items:center;gap:7px;margin-top:4px;padding:9px 14px;font-size:11px;font-weight:700;display:flex}.poster-empty-cards{opacity:.22;pointer-events:none;position:absolute;inset:0}.poster-empty-cards i{aspect-ratio:3/4;background:#ffffff08;border:1px solid #fff5;width:34%;display:block;position:absolute;transform:rotate(-8deg)}.poster-empty-cards i:first-child{top:20%;left:-10%}.poster-empty-cards i:nth-child(2){top:8%;right:-12%;transform:rotate(11deg)}.poster-empty-cards i:nth-child(3){bottom:-26%;right:8%;transform:rotate(-16deg)}.poster-processing{z-index:3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#d9c8ea;text-align:center;background:#100e16e8;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.poster-processing>svg{color:#a66fed;width:28px;height:28px}.poster-processing b{color:#fff;font-variant-numeric:tabular-nums;font-size:23px}.poster-processing span{max-width:260px;font-size:11px;line-height:1.6}.poster-processing progress{accent-color:#9c63e9;width:min(220px,70%);height:5px}.poster-processing.is-error>svg{color:#df9d75}.poster-processing button{color:#eee3f9;background:#7448b742;border:1px solid #bd8def55;border-radius:8px;padding:8px 13px;font-size:11px}.poster-compare{z-index:2;color:#f2eaff;background:#211a2ee6;border:1px solid #b68ce778;border-radius:9px;align-items:center;gap:5px;min-height:32px;padding:0 9px;font-size:10px;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 5px 18px #0006}.poster-history{scrollbar-width:thin;border-top:1px solid #ffffff0d;flex-shrink:0;gap:7px;padding:9px 13px;display:flex;overflow-x:auto}.poster-history button{color:#aaa0b3;text-align:left;background:#211e27;border:1px solid #ffffff12;border-radius:9px;flex:0 0 76px;grid-template-columns:34px 1fr;align-items:center;gap:5px;width:76px;padding:4px;display:grid;position:relative}.poster-history button.active{background:#69429b35;border-color:#a36be5}.poster-history button>span{background:#141217;border-radius:6px;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.poster-history img{object-fit:cover;width:100%;height:100%}.poster-history b{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.poster-history small{color:#84788e;font-size:8px;position:absolute;top:2px;right:4px}.poster-config{pointer-events:auto;background:#1b1a20;flex-direction:column;grid-column:2;display:flex}.poster-config-heading{color:#f2eafa;text-align:left;background:#211e29;border:0;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;padding:12px;font-size:12px;font-weight:700;display:none}.poster-config-heading span{align-items:center;gap:7px;display:flex}.poster-config-heading small{color:#a997ba;font-weight:400}.poster-config-scroll{scrollbar-width:thin;scrollbar-color:#6d5680 #1b1a20;flex:1;min-height:0;padding:13px;overflow-y:auto}.poster-kind-tabs{background:linear-gradient(145deg,#141218,#100f14);border:1px solid #ffffff0d;border-radius:13px;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:6px;display:grid;box-shadow:inset 0 1px #ffffff05}.poster-kind-tabs button{color:#bdb3c5;background:#ffffff04;border:1px solid #ffffff0b;border-radius:9px;grid-column:span 2;min-width:0;min-height:42px;padding:7px 5px;font-size:10px;font-weight:600;line-height:1.35;transition:transform .16s,border-color .16s,color .16s,background .16s,box-shadow .16s;box-shadow:inset 0 1px #ffffff03}.poster-kind-tabs button:nth-child(n+4){grid-column:span 3}.poster-kind-tabs button:hover:not(:disabled):not([aria-pressed=true]){color:#eee6f6;background:#7950a91a;border-color:#9b75cf4f;transform:translateY(-1px)}.poster-kind-tabs button[aria-pressed=true]{color:#fff;text-shadow:0 1px 2px #3b1e65;background:linear-gradient(135deg,#7040c5,#9258e4);border-color:#b98af06b;box-shadow:inset 0 1px #ffffff2b,0 5px 15px #6739b34d}.poster-kind-description{color:#958a9e;min-height:34px;margin:9px 2px 13px;font-size:10px;line-height:1.6}.poster-canvas-processing{z-index:18}.poster-canvas-results{z-index:19;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-width:thin;pointer-events:auto;background:#15131bd9;border:1px solid #ffffff14;border-radius:13px;justify-content:center;gap:7px;min-width:0;padding:7px;display:flex;position:absolute;bottom:14px;left:14px;right:14px;overflow-x:auto;box-shadow:0 12px 32px #0008,inset 0 1px #ffffff0b}.poster-canvas-results button{color:#aaa0b3;cursor:pointer;background:#24202b;border:1px solid #ffffff17;border-radius:9px;grid-template-columns:1fr;gap:4px;width:68px;min-width:68px;padding:4px;font-size:9px;display:grid}.poster-canvas-results button>span{background:#100f14;border-radius:6px;place-items:center;height:44px;display:grid;overflow:hidden}.poster-canvas-results button img{object-fit:cover;width:100%;height:100%;display:block}.poster-canvas-results button svg{color:#b88aef;width:16px;height:16px}.poster-canvas-results button>b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.poster-canvas-results button.active{color:#fff;background:#7446ad7a;border-color:#bd8cff;box-shadow:inset 0 0 0 1px #c39afb32,0 4px 14px #5f359e59}.poster-canvas-results button.error{color:#d9a8a8;border-color:#b76b6b66}.poster-quick-start,.poster-source,.poster-copy-fields{margin-bottom:15px}.poster-quick-start h3,.poster-source h3,.poster-copy-fields h3,.poster-field h3{color:#ded4e7;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:11px;display:flex}.poster-copy-fields h3 small{color:#8f8498;font-weight:400}.poster-quick-start>div{flex-wrap:wrap;gap:5px;display:flex}.poster-quick-start button{color:#cdbbda;background:#5f40751c;border:1px solid #8e6aae3f;border-radius:7px;padding:6px 8px;font-size:9px}.poster-studio input,.poster-studio textarea,.poster-studio select{color:#e7e0ed;width:100%;min-width:0;font:inherit;background:#24212b;border:1px solid #fff1;border-radius:8px;padding:9px;font-size:11px}.poster-studio textarea{resize:vertical;line-height:1.6}.poster-studio input::placeholder,.poster-studio textarea::placeholder{color:#786e82}.poster-studio select option{background:#24212b}.poster-select-grid{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px;display:grid}.poster-select-grid label,.poster-field{color:#aaa0b4;gap:6px;font-size:10px;display:grid}.poster-field{margin-bottom:14px}.poster-copy-fields{gap:7px;display:grid}.poster-copy-fields h3{margin-bottom:0}.poster-upload{color:#ceb8e7;background:#704a9d13;border:1px dashed #956ed063;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;min-height:76px;font-size:11px;display:flex}.poster-upload small{color:#887a92;font-size:9px}.poster-source-preview{background:#211e27;border:1px solid #fff1;border-radius:9px;grid-template-columns:54px minmax(0,1fr) 26px;align-items:center;gap:8px;padding:7px;display:grid;position:relative}.poster-source-preview img{object-fit:contain;background:#111015;border-radius:6px;width:54px;height:54px}.poster-source-preview span{color:#c8bece;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.poster-source-preview button{color:#aa9eb2;background:#ffffff0a;border:0;border-radius:6px;place-items:center;width:24px;height:24px;padding:0;display:grid}.poster-optional-upload{color:#bfa8d5;background:#6f4a9010;border:1px dashed #8d69ad55;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:14px;padding:9px;font-size:10px;display:flex}.poster-controls{border:0;flex-wrap:wrap;gap:5px;min-width:0;margin:0;padding:0;display:flex}.poster-controls .prompt-select-options{bottom:calc(100% + 5px);left:0;right:auto}.poster-choice-section,.poster-materials,.poster-resize-settings,.poster-generation-count{gap:8px;margin-bottom:15px;display:grid}.poster-choice-section h3,.poster-materials h3,.poster-resize-settings h3,.poster-generation-count h3{color:#ded4e7;justify-content:space-between;margin:0;font-size:11px;display:flex}.poster-choice-section h3 small,.poster-materials h3 small,.poster-generation-count h3 small{color:#8f8498;font-weight:400}.poster-materials>p{color:#817687;margin:-2px 0 0;font-size:9px;line-height:1.5}.poster-choice-chips{flex-wrap:wrap;gap:6px;display:flex}.poster-choice-chips button{color:#afa3b8;background:#211e27;border:1px solid #80659855;border-radius:8px;min-height:30px;padding:0 9px;font-size:10px}.poster-choice-chips button[aria-pressed=true]{color:#f1e6ff;background:#7446af55;border-color:#aa79e8;box-shadow:inset 0 0 0 1px #b68bee33}.poster-material-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.poster-material-grid>div{aspect-ratio:1;background:#121116;border:1px solid #ffffff17;border-radius:8px;position:relative;overflow:hidden}.poster-material-grid img{object-fit:cover;width:100%;height:100%}.poster-material-grid button{color:#eee5f5;background:#17121bd9;border:0;border-radius:6px;place-items:center;width:20px;height:20px;padding:0;display:grid;position:absolute;top:3px;right:3px}.poster-material-grid button svg{width:12px;height:12px}.poster-resize-settings>label{color:#aaa0b4;gap:6px;font-size:10px;display:grid}.poster-ratio-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.poster-ratio-options button{color:#b7abbf;text-align:left;background:#211e27;border:1px solid #ffffff12;border-radius:9px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;min-height:42px;padding:6px 8px;display:grid}.poster-ratio-options button>i{background:#ffffff08;border:1.5px solid #8e7c9e;border-radius:2px;justify-self:center;width:18px;max-height:24px}.poster-ratio-options button>span{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.poster-ratio-options button>b{color:#8f8298;font-size:9px}.poster-ratio-options button[aria-pressed=true]{color:#f2e8fb;background:#7042aa45;border-color:#a86eea;box-shadow:inset 0 0 0 1px #b485ef22}.poster-ratio-options button[aria-pressed=true]>i{background:#9a63df44;border-color:#d1aeff}.poster-ratio-options button[aria-pressed=true]>b{color:#cfadf7}.poster-generation-count>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.poster-generation-count button{color:#aaa0b3;background:#211e27;border:1px solid #ffffff12;border-radius:8px;min-height:34px;padding:0 5px;font-size:10px}.poster-generation-count button[aria-pressed=true]{color:#f3e8ff;background:#7647b451;border-color:#a879e3;box-shadow:inset 0 0 0 1px #b890e72e}.poster-error{color:#e0b592;background:#6841262b;border-top:1px solid #ba764944;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:10px;display:flex}.poster-error button{color:inherit;background:0 0;border:0}.poster-submit{background:#231d2d;border-top:1px solid #ffffff12;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;display:flex}.poster-submit>span{color:#eee4f7;gap:3px;font-size:11px;display:grid}.poster-submit small{color:#a594b5;font-size:9px}.poster-submit>button{color:#fff;background:linear-gradient(135deg,#7643d1,#9356e6);border:1px solid #c09cef55;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 15px;font-size:11px;font-weight:700;display:flex}.poster-studio .spin{animation:1s linear infinite poster-spin}@keyframes poster-spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.editor-shell.is-poster-mode>.workspace{grid-template-columns:minmax(0,1fr) 320px}.editor-shell.is-poster-mode .workspace-bar{right:354px}.poster-studio{grid-template-columns:minmax(0,1fr) 320px;gap:10px;padding-right:12px}.poster-artboard{width:min(88%,580px)}}@media (max-width:760px){.editor-shell.is-poster-mode>.workspace{grid-area:2/1;grid-template-rows:minmax(120px,1fr) minmax(0,48%);grid-template-columns:minmax(0,1fr)}.editor-shell.is-poster-mode:has(.poster-config.is-collapsed)>.workspace{grid-template-rows:minmax(120px,1fr) auto}.editor-shell.is-poster-mode .workspace-bar{right:8px}.poster-studio{grid-area:2/1;grid-template-rows:minmax(150px,1fr) minmax(0,48%);grid-template-columns:minmax(0,1fr);gap:7px;padding:7px}.poster-config{border-radius:12px;grid-area:2/1;max-height:none}.poster-config-heading{display:flex}.poster-config-heading>svg{transition:transform .18s}.poster-config.is-collapsed .poster-config-scroll,.poster-config.is-collapsed .poster-error,.poster-config.is-collapsed .poster-submit{display:none}.poster-config.is-collapsed .poster-config-heading>svg{transform:rotate(-90deg)}.poster-studio:has(>.poster-config.is-collapsed){grid-template-rows:minmax(0,1fr) auto}.poster-config-scroll{padding:11px}.poster-kind-description{min-height:0;margin-bottom:10px}.poster-submit{padding:7px 10px}.poster-submit>button{min-height:34px;padding:0 12px}.poster-select-grid{gap:7px}.poster-canvas-results{border-radius:10px;justify-content:flex-start;gap:5px;padding:5px;bottom:7px;left:7px;right:7px}.poster-canvas-results button{width:58px;min-width:58px;padding:3px}.poster-canvas-results button>span{height:36px}}@media (prefers-reduced-motion:reduce){.poster-studio .spin{animation:none}}