.creations-page,.creation-preview-page{--creation-surface:#111116eb;--creation-surface-strong:#181824fa;--creation-border:#7678b24d;--creation-muted:#a6b0ca;--creation-accent:#20c8ff;--creation-purple:#9c35ff;max-width:1440px;margin-inline:auto}.creations-page>header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex;position:relative}.creations-heading{gap:.35rem;display:grid}.creations-eyebrow{color:var(--creation-accent);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:700}.creations-heading p{max-width:36rem;color:var(--creation-muted);margin:.1rem 0 0;font-size:.92rem;line-height:1.5}.creations-page h1{letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,3vw,2.5rem)}.creations-page .circle-button,.creation-preview-page .creation-preview-circle-button{border:1px solid var(--creation-border);color:#f7f9ff;cursor:pointer;background:#0d1227d1;border-radius:50%;flex:none;place-items:center;width:2.75rem;height:2.75rem;transition:border-color .16s,background .16s,transform .16s;display:inline-grid}.creations-page .circle-button:hover,.creation-preview-page .creation-preview-circle-button:hover{background:#182041f2;border-color:#20c8ffb3;transform:translateY(-1px)}.creations-page .circle-button svg,.creation-preview-page .creation-preview-circle-button svg{width:1.15rem;height:1.15rem}.creations-page :is(button,a):focus-visible,.creation-preview-page :is(button,a):focus-visible{outline:2px solid var(--creation-accent);outline-offset:3px}.creation-menu{z-index:4;border:1px solid var(--creation-border);background:var(--creation-surface-strong);border-radius:.8rem;min-width:12rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 18px 45px #00000059}.creation-menu button{color:#f7f9ff;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.5rem;padding:.7rem .8rem}.creation-menu button:hover,.creation-menu button:focus-visible{background:#20c8ff1f}.filters{scrollbar-width:thin;background:#090a11ad;border:1px solid #7678b22e;border-radius:.9rem;gap:.55rem;max-width:100%;margin-bottom:1.35rem;padding:.3rem;display:flex;overflow-x:auto}.filters button{min-height:2.45rem;color:var(--creation-muted);white-space:nowrap;cursor:pointer;background:#0a0e1db8;border:1px solid #0000;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .85rem;display:inline-flex}.filters button.selected{color:#fff;background:linear-gradient(100deg,#20c8ff2e,#9c35ff33);border-color:#20c8ffc7}.filters svg{width:1rem;height:1rem}.creations-intro,.creation-selection-status,.creation-empty-state{color:var(--creation-muted);font-size:.9rem}.creation-selection-status{color:var(--creation-accent);margin:0 0 .75rem}.creations-intro{margin:0 0 1.25rem}.creation-empty-state{background:linear-gradient(135deg,#11111ef5,#0b0c17f5);border:1px solid #7678b247;border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:11rem;margin:0;padding:clamp(1.25rem,4vw,2rem);display:grid;box-shadow:inset 0 1px #ffffff0a,0 18px 50px #0000002e}.creation-empty-icon{width:3rem;height:3rem;color:var(--creation-accent);background:linear-gradient(135deg,#20c8ff29,#9c35ff33);border:1px solid #20c8ff6b;border-radius:.9rem;place-items:center;display:grid}.creation-empty-icon svg{width:1.35rem;height:1.35rem}.creation-empty-state h2{color:#fff;margin:0 0 .3rem;font-size:1.05rem}.creation-empty-state p{color:var(--creation-muted);margin:0;line-height:1.5}.creation-empty-state .creation-primary-action{white-space:nowrap}.creation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.creation-card{border:1px solid var(--creation-border);background:var(--creation-surface);color:#fff;text-align:left;border-radius:.9rem;min-width:0;transition:border-color .16s,transform .16s,box-shadow .16s;position:relative;overflow:hidden}.creation-card:hover,.creation-card:focus-within,.creation-card.is-selected{border-color:#20c8ffc7;transform:translateY(-2px);box-shadow:0 12px 30px #00000038,0 0 22px #20c8ff1a}.creation-card-link{color:inherit;text-decoration:none;display:block}.creation-image{aspect-ratio:1;background:#070914;place-items:end start;padding:.7rem;display:grid;position:relative;overflow:hidden}.creation-image img,.creation-image video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.creation-image video{pointer-events:none}.creation-image:after{content:"";background:linear-gradient(#0000,#0000008c);position:absolute;inset:45% 0 0}.creation-image span{z-index:1;width:2rem;height:2rem;color:var(--creation-accent);background:#040610bf;border-radius:50%;place-items:center;display:grid;position:relative}.creation-image svg{width:1rem;height:1rem}.creation-card-content{gap:.3rem;padding:.85rem;display:grid}.creation-card-content small{color:var(--creation-accent);align-items:center;gap:.35rem;font-size:.7rem;font-weight:700;display:inline-flex}.creation-card-content small svg{width:.8rem;height:.8rem}.creation-card-content h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;overflow:hidden}.creation-card-content p{color:var(--creation-muted);margin:0;font-size:.75rem}.creation-selection-check{z-index:2;background:var(--creation-accent);color:#03101e;border-radius:50%;width:1.5rem;height:1.5rem;padding:.2rem;position:absolute;top:.7rem;right:.7rem}.creation-preview-page{align-content:start;gap:1rem;display:grid}.creation-preview-header{grid-template-columns:2.75rem 1fr 2.75rem;align-items:center;gap:.75rem;display:grid}.creation-preview-header h1{text-align:center;margin:0;font-size:clamp(1.1rem,2vw,1.5rem)}.creation-preview-media,.creation-first-media{border:1px solid var(--creation-border);background:#070914;border-radius:1rem;position:relative;overflow:hidden}.creation-preview-media{aspect-ratio:9/16;justify-self:center;width:min(100%,26rem);min-height:0}.creation-first-media{min-height:min(62vh,680px)}.creation-preview-media img,.creation-first-media img,.creation-preview-media video,.creation-first-media video{object-fit:contain}.creation-preview-title{margin:0;font-size:clamp(1.2rem,2.4vw,1.75rem)}.creation-preview-actions,.creation-download-actions{flex-wrap:wrap;gap:.7rem;display:flex}.creation-download-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.creation-download-actions>*{width:100%}.creation-outline-action,.creation-primary-action,.creation-share-action{border:1px solid var(--creation-border);color:#fff;cursor:pointer;background:0 0;border-radius:.7rem;justify-content:center;align-items:center;gap:.45rem;min-height:2.75rem;padding:.65rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.creation-primary-action{background:linear-gradient(100deg,#0974ff,#9c35ff);border-color:#0000}.creation-outline-action svg,.creation-share-action svg{width:1rem;height:1rem}.creation-description,.creation-ad-card{border:1px solid var(--creation-border);background:var(--creation-surface);border-radius:.9rem;padding:1rem}.creation-description h2,.creation-ad-card h2{margin:0 0 .45rem;font-size:1rem}.creation-description p,.creation-ad-card p{color:var(--creation-muted);margin:0;line-height:1.55}.creation-ad-options{gap:.7rem;margin-top:1rem;display:grid}.creation-ad-options a{color:#fff;border:1px solid #758fd83d;border-radius:.7rem;grid-template-columns:auto 1fr auto;align-items:center;gap:.15rem .65rem;padding:.8rem;text-decoration:none;display:grid}.creation-ad-options a:hover{border-color:#20c8ffb3}.creation-ad-options svg{color:var(--creation-accent);grid-row:span 2}.creation-ad-options strong{white-space:nowrap;font-size:.9rem}.creation-ad-options small{color:var(--creation-muted);text-align:right;grid-area:1/3;align-self:start}.creation-ad-options b{color:var(--creation-accent);grid-column:2/-1;font-size:.75rem}.creation-ad-note,.creation-report-action{color:var(--creation-muted);font-size:.75rem}.creation-report-action{justify-content:center;align-items:center;gap:.35rem;min-height:2.75rem;padding-inline:.75rem;display:inline-flex}.creation-report-action svg{width:.9rem;height:.9rem}.creation-preview-message{color:var(--creation-muted);margin:0;font-size:.85rem}.creation-ready-sheet{gap:1rem;padding:1.25rem 0 0;display:grid}.creation-ready-sheet h1{margin:0;font-size:clamp(1.5rem,4vw,2rem)}.creation-sheet-handle{display:none}@media (min-width:640px){.creation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:639px){.creation-empty-state{grid-template-columns:auto minmax(0,1fr)}.creation-empty-state .creation-primary-action{grid-column:1/-1;width:100%}}@media (min-width:1024px){.creations-page{padding-inline:clamp(1.5rem,3vw,3rem)}.creation-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}.creation-preview-page:not(.creation-first-preview){grid-template-columns:minmax(0,1.45fr) minmax(20rem,.8fr);align-items:start;column-gap:1.5rem}.creation-preview-header{grid-column:1/-1}.creation-preview-media{grid-row:span 5}.creation-preview-title{align-self:end}.creation-preview-actions,.creation-description,.creation-ad-card,.creation-download-actions,.creation-report-action,.creation-preview-message{grid-column:2}.creation-first-preview{grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);align-items:center;gap:2rem;max-width:1180px;height:100%;min-height:0}.creation-first-media{height:min(100dvh - 10rem,42.5rem);min-height:0;max-height:calc(100dvh - 10rem)}.creation-ready-sheet{padding:2rem}}@media (min-width:1280px){.creation-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.creations-page .circle-button,.creation-preview-page .creation-preview-circle-button,.creation-card{transition:none}}