.creative-gallery{display:grid;gap:18px;margin-top:22px;max-width:650px}.animation-card{overflow:hidden;border:1px solid rgba(179,168,229,.2);border-radius:20px;background:linear-gradient(135deg,rgba(42,52,77,.94),rgba(48,40,70,.94));box-shadow:0 12px 40px #080d201f}.animation-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:19px 22px}.creative-eyebrow{display:block;font-size:10px;letter-spacing:.14em;color:#a9a3cb}.animation-heading h3{font-size:16px;margin:6px 0 0;color:#ece9fa}.creative-pill{border:1px solid #a89bdc33;background:#a89bdc12;color:#c1b7e7;border-radius:9px;font-size:11px;padding:5px 8px;white-space:nowrap}.animation-surface{position:relative;height:310px}.animation-surface canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.animation-surface canvas:active{cursor:grabbing}.orbit-hint{position:absolute;bottom:12px;right:16px;font-size:10px;color:#c0b9d6;pointer-events:none}.animation-controls{display:flex;gap:12px;align-items:center;padding:16px 20px;border-top:1px solid #a89bdc1a}.animation-controls button,.animation-controls select{background:#a797de1a;border:1px solid #a89bdc24;color:#e3ddf8;border-radius:9px;height:34px;cursor:pointer}.animation-play{width:36px;font-size:15px;flex-shrink:0}.animation-controls input[type=range]{flex:1;min-width:40px;accent-color:#b5a0ef}.animation-time{font-variant-numeric:tabular-nums;font-size:10px;color:#bcb5d3;white-space:nowrap}.animation-controls select{font-size:11px;padding:0 5px}.animation-loop{width:32px;font-size:18px}.animation-loop[aria-pressed=true]{background:#a592de40;color:#dccfff}.animation-footer{padding:0 20px 20px;display:flex;align-items:center;flex-wrap:wrap;gap:14px;justify-content:space-between}.animation-footer small{font-size:10px;color:#aaa3c3;max-width:230px;line-height:1.6}.creative-actions{display:flex;gap:8px}.creative-button{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid #a89bdc30;border-radius:10px;background:#a797de13;color:#d6d0eb;font:inherit;font-size:11px;cursor:pointer;text-decoration:none;gap:6px}.creative-primary{background:#8970c9;color:white;border-color:#b4a0e433;box-shadow:0 3px 9px #060a171c}.creative-button:hover{filter:brightness(1.14)}.creative-button:disabled{opacity:.5;cursor:default}.asset-link{color:#b4e2ce;font-size:11px;flex-basis:100%}.creative-dialog{color:#ebe8f5;background:linear-gradient(135deg,#263149,#312a48);border:1px solid #b7a9de30;border-radius:22px;padding:25px;width:min(470px,calc(100vw - 32px));max-height:85vh;overflow:auto;box-shadow:0 22px 90px #04071780}.creative-dialog::backdrop{background:#070d2499;backdrop-filter:blur(6px)}.creative-dialog>header{display:flex;align-items:center;justify-content:space-between}.creative-dialog h2{font-size:21px;margin:9px 0 0}.creative-close{border:none;background:transparent;color:#c7bfdd;font-size:26px;cursor:pointer}.creative-auth{margin:22px 0;padding:15px;border:1px solid #b6a9d926;border-radius:13px;background:#a696d511}.creative-auth p{font-size:12px;line-height:1.6;margin:0 0 10px;color:#c2b9da}.creative-auth button[hidden]{display:none}.creative-form{display:grid;gap:14px}.creative-form label{font-size:11px;color:#c2b9da;display:grid;gap:7px}.creative-form input,.creative-form textarea{background:#18233770;color:#eeeaf9;border:1px solid #b6a9d928;border-radius:10px;padding:10px;font:inherit;font-size:13px;min-width:0}.creative-form input:focus,.creative-form textarea:focus{outline:2px solid #ad99e263}.creative-help,.creative-notice{font-size:11px;color:#b5adca;line-height:1.6;margin:0}.creative-notice{color:#d1c4f1;overflow-wrap:anywhere}.creative-image-preview{max-height:180px;max-width:100%;object-fit:contain;border-radius:10px;justify-self:center}.creative-menu-icon{font-size:18px;order:-1;margin-right:12px;color:#a9a6c7}.creative-error{color:#efb3b3;font-size:12px}@media(max-width:500px){.animation-surface{height:260px}.animation-controls{gap:7px;padding:12px}.animation-time{display:none}.animation-heading{padding:16px}.animation-footer{padding:0 14px 16px}}@media(prefers-reduced-motion:reduce){.creative-button{transition:none}}