.creative-dialog{border:1px solid #e9e7ec;border-radius:20px;padding:32px;width:min(960px,90vw);max-height:90dvh;background:#f6f5fb;color:#333;overflow:auto}.creative-dialog::backdrop{background:#16101985;backdrop-filter:blur(8px)}.creative-close{position:absolute;right:16px;top:10px;border:0;background:none;font:300 32px Figtree;cursor:pointer;color:#333}.creative-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px}.creative-model{position:relative;aspect-ratio:2/3;max-height:70dvh;max-width:100%;width:calc(70dvh * 2 / 3);margin:auto}.creative-model>img{width:100%;height:100%;object-fit:contain;display:block}.creative-screen{position:absolute;left:38.05%;top:17.38%;width:24.85%;height:28.78%;border-radius:2px;overflow:hidden}.creative-screen:empty{display:none}.creative-screen>img,.creative-screen>video{width:100%;height:100%;display:block;background:#111}.creative-tools{font:300 16px/1.5 Figtree,sans-serif;letter-spacing:-.04em}.creative-tools h2{font:900 38px/1.03 MonaCondensed,sans-serif;color:#ff1f6e;margin:0 0 24px}.creative-tools h2 span{font:300 34px Aspekta,sans-serif;color:#333;letter-spacing:-.06em}.creative-upload{display:inline-block;cursor:pointer;background:#ff1f6e;color:#fff;border-radius:6px;padding:12px 18px;font:900 18px MonaCondensed,sans-serif}.creative-formats,.creative-note{font-size:13px;color:#777}.creative-controls label{display:block;margin:20px 0 12px}.creative-controls select{display:block;margin-top:6px;padding:8px;font:inherit;border:1px solid #ccc;border-radius:4px;background:white}.creative-remove{border:0;border-bottom:1px solid #bbb;background:none;padding:0;font:inherit;cursor:pointer}.creative-status{overflow-wrap:anywhere;font-size:14px}.creative-note{margin-top:28px}@media(max-width:600px){.creative-dialog{padding:28px 16px}.creative-layout{grid-template-columns:1fr;gap:20px}.creative-model{height:45dvh;width:30dvh}.creative-tools h2{font-size:28px}.creative-tools h2 span{font-size:26px}}
.creative-dialog{box-sizing:border-box!important;width:min(960px,94vw)!important;max-width:94vw!important}.creative-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.creative-tools{min-width:0}.creative-model{width:100%;height:auto;max-height:none}.creative-close{z-index:2}@media(max-width:600px){.creative-layout{grid-template-columns:minmax(0,1fr)}.creative-model{width:30dvh;height:45dvh;margin:auto}}

.inline-creative-screen{display:none;position:absolute;left:38.05%;top:17.38%;width:24.85%;height:28.78%;background:#191719;border-radius:2px;overflow:hidden;z-index:2}.creative-mode .inline-creative-screen{display:block}.screen-upload{width:100%;height:100%;border:0;background:none;color:white;cursor:pointer;font:900 1.15cqw/1.12 MonaCondensed,sans-serif;padding:.5cqw;text-align:center}.screen-upload span{display:block;margin-top:1cqw;font:300 .65cqw Figtree,sans-serif;color:#aaa}.inline-creative-screen.dragging{outline:2px solid #ff1f6e}.inline-creative-screen>img,.inline-creative-screen>video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#111;pointer-events:none}.inline-creative-screen.has-creative .screen-upload{visibility:hidden}.inline-creative-tools{display:none;position:absolute;left:82%;top:25%;width:12cqw;z-index:3}.creative-mode .inline-creative-tools{display:block}.inline-upload{border:0;background:#ff1f6e;border-radius:4px;padding:.65cqw .8cqw;color:white;font:900 1.05cqw MonaCondensed,sans-serif;cursor:pointer}.inline-remove{display:block;margin:.8cqw 0;border:0;background:none;padding:0;color:#777;font:300 .9cqw Figtree;cursor:pointer}.inline-remove[hidden]{display:none}.inline-creative-tools p{font:300 .75cqw/1.3 Figtree;color:#777;overflow-wrap:anywhere}.creative-mode .spin-control,.creative-mode .spin-caption{visibility:hidden}@media(max-width:600px){.inline-creative-tools{left:70%;top:70%;width:24cqw}.inline-upload{font-size:2cqw;padding:1.2cqw}.screen-upload{font-size:1.6cqw}.screen-upload span{font-size:1cqw}.inline-remove,.inline-creative-tools p{font-size:1.6cqw}}

/* Keep the empty display clean and the action anchored beneath the figure. */
.inline-creative-screen{left:37.65%;top:17.15%;width:25.5%;height:29.15%;background:#181718;border-radius:.55cqw;box-shadow:0 0 0 .08cqw #181718}.screen-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6cqw;font:300 .85cqw/1.3 Figtree,sans-serif;letter-spacing:-.04em}.screen-upload svg{width:1.6cqw;height:1.6cqw;fill:none;stroke:#ff1f6e;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;margin:0 0 1cqw}.screen-upload span{font:300 .7cqw/1.3 Figtree,sans-serif;color:#a5a0a4;margin:.35cqw 0 0}.screen-upload .upload-prompt{font-size:.9cqw;color:#eee;margin:0}.inline-creative-tools{position:relative;left:auto;top:auto;width:100%;text-align:center;margin:1cqw auto 0}.inline-upload{background:none;color:#333;border:1px solid #d7d3d8;border-radius:4px;font:900 1.05cqw MonaCondensed,sans-serif;padding:.65cqw 1.1cqw}.inline-upload:hover{border-color:#ff1f6e;color:#ff1f6e}.inline-remove{margin:.65cqw auto}.inline-creative-tools p{max-width:90%;margin:.5cqw auto}.creative-mode .spin-control,.creative-mode .spin-caption{display:none!important}@media(max-width:600px){.screen-upload svg{width:2.2cqw;height:2.2cqw}.screen-upload .upload-prompt{font-size:1.35cqw}.screen-upload span{font-size:1.1cqw}.inline-upload{font-size:2cqw;padding:1cqw 2cqw}.inline-creative-tools{left:auto;top:auto;width:100%;margin:1.5cqw auto}}
.inline-creative-screen{background:#f6f5fb;box-shadow:0 0 0 .08cqw #f6f5fb}.screen-upload{color:#333}.screen-upload .upload-prompt{color:#333}.screen-upload span{color:#888}.inline-creative-screen.has-creative{background:#111;box-shadow:none}

/* Creative is available on every angle; controls stay below the figure. */
.inline-creative-screen{display:block}.inline-creative-tools{display:block;margin:.8cqw auto 0}.spin-column{display:flex;flex-direction:column}.spin-stage{flex-shrink:0}.inline-creative-tools{order:1}.spin-caption{order:2}.spin-control{order:3}.creative-mode .spin-control{display:block!important;visibility:visible}.creative-mode .spin-caption{display:block!important;visibility:visible}
.inline-creative-screen[data-angle="side"]{left:19%;top:14.5%;width:18%;height:33%;clip-path:polygon(4% 4%,99% 0,93% 100%,4% 97%);border-radius:0;box-shadow:none}.inline-creative-screen[data-angle="quarter"]{left:19.65%;top:14.4%;width:18.5%;height:32%;clip-path:polygon(4% 4%,100% 0,96% 100%,2% 100%);border-radius:0;box-shadow:none}.inline-creative-screen[data-angle="rear"]{clip-path:none}.screen-upload .upload-prompt{font-size:.8cqw}.screen-upload span{font-size:.65cqw}.inline-creative-tools{width:100%}.spin-caption{margin:.8cqw 0 .3cqw!important}@media(max-width:600px){.screen-upload .upload-prompt{font-size:1.2cqw}.screen-upload span{font-size:1cqw}}

/* Match the approved side-angle review. Keep other angles unchanged until approved. */
.inline-creative-screen[data-angle="side"]{left:0;top:0;width:160px;height:470px;transform-origin:0 0;clip-path:none;border-radius:0;box-shadow:none;background:#f6f5fb}
.inline-creative-screen[data-angle="side"] .screen-upload{font:300 24px/1.3 Figtree,sans-serif;letter-spacing:0;gap:12px;padding:15px}
.inline-creative-screen[data-angle="side"] .screen-upload svg{width:42px;height:42px;margin:0;stroke-width:1.4}
.inline-creative-screen[data-angle="side"] .upload-prompt{font:300 24px/1.3 Figtree,sans-serif;margin:0;color:#555}
.inline-creative-screen[data-angle="side"] .screen-upload span:last-child{font:300 16px/1.3 Figtree,sans-serif;margin:0;color:#888}
.inline-creative-screen[data-angle="side"]>img,.inline-creative-screen[data-angle="side"]>video{background:white}

/* Match the approved side-angle review. Keep other angles unchanged until approved. */
.inline-creative-screen[data-angle="quarter"]{left:0;top:0;width:160px;height:470px;transform-origin:0 0;clip-path:none;border-radius:0;box-shadow:none;background:#f6f5fb}
.inline-creative-screen[data-angle="quarter"] .screen-upload{font:300 24px/1.3 Figtree,sans-serif;letter-spacing:0;gap:12px;padding:15px}
.inline-creative-screen[data-angle="quarter"] .screen-upload svg{width:42px;height:42px;margin:0;stroke-width:1.4}
.inline-creative-screen[data-angle="quarter"] .upload-prompt{font:300 24px/1.3 Figtree,sans-serif;margin:0;color:#555}
.inline-creative-screen[data-angle="quarter"] .screen-upload span:last-child{font:300 16px/1.3 Figtree,sans-serif;margin:0;color:#888}
.inline-creative-screen[data-angle="quarter"]>img,.inline-creative-screen[data-angle="quarter"]>video{background:white}

/* Match the approved side-angle review. Keep other angles unchanged until approved. */
.inline-creative-screen[data-angle="rear"]{left:0;top:0;width:251px;height:441px;transform-origin:0 0;clip-path:none;border-radius:4px;box-shadow:none;background:#f6f5fb}
.inline-creative-screen[data-angle="rear"] .screen-upload{font:300 24px/1.3 Figtree,sans-serif;letter-spacing:0;gap:12px;padding:15px}
.inline-creative-screen[data-angle="rear"] .screen-upload svg{width:42px;height:42px;margin:0;stroke-width:1.4}
.inline-creative-screen[data-angle="rear"] .upload-prompt{font:300 24px/1.3 Figtree,sans-serif;margin:0;color:#555}
.inline-creative-screen[data-angle="rear"] .screen-upload span:last-child{font:300 16px/1.3 Figtree,sans-serif;margin:0;color:#888}
.inline-creative-screen[data-angle="rear"]>img,.inline-creative-screen[data-angle="rear"]>video{background:white}


.inline-creative-screen{transition:none!important;touch-action:none}.inline-creative-screen.has-creative{cursor:grab;background:#f6f5fb}.inline-creative-screen.repositioning{cursor:grabbing}.inline-creative-screen>img,.inline-creative-screen>video{max-width:none!important;max-height:none!important;inset:auto;background:transparent!important;transition:none!important;user-select:none}
.creative-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:#f6f5fb;z-index:5;font:300 18px Figtree,sans-serif;color:#555;padding:15px}.creative-loading[hidden],.creative-adjust[hidden]{display:none}.creative-loading progress{width:85%;height:5px;accent-color:#ff1f6e}.creative-adjust{display:flex;flex-direction:column;align-items:center;gap:.4cqw;font:300 .9cqw Figtree,sans-serif;color:#777;margin:.6cqw auto}.creative-adjust label{display:flex;align-items:center;gap:.5cqw}.creative-zoom{width:9cqw;accent-color:#ff1f6e}.creative-reset{border:0;background:none;color:#777;text-decoration:underline;font:inherit;cursor:pointer}@media(max-width:600px){.creative-adjust{font-size:1.6cqw}.creative-zoom{width:18cqw}}

.inline-creative-screen[data-angle="intermediate"]{left:0;top:0;width:194px;height:421px;transform-origin:0 0;clip-path:none;border-radius:4px;box-shadow:none;background:#f6f5fb}
.inline-creative-screen[data-angle="intermediate"] .screen-upload{font:300 24px/1.3 Figtree,sans-serif;letter-spacing:0;gap:12px;padding:15px}
.inline-creative-screen[data-angle="intermediate"] .screen-upload svg{width:42px;height:42px;margin:0;stroke-width:1.4}
.inline-creative-screen[data-angle="intermediate"] .upload-prompt{font:300 24px/1.3 Figtree,sans-serif;margin:0;color:#555}
.inline-creative-screen[data-angle="intermediate"] .screen-upload span:last-child{font:300 16px/1.3 Figtree,sans-serif;margin:0;color:#888}
.inline-creative-screen[data-angle="intermediate"]>img,.inline-creative-screen[data-angle="intermediate"]>video{background:white}