.trend-effect{min-width:0}.trend-effect .creator-form-shell,.trend-effect .trend-preview-surface{background:var(--studio-panel);border-color:var(--studio-border);border-radius:var(--studio-radius)}.halloween-costume-card,.halloween-costume-trigger,.halloween-mode-card{border-radius:var(--studio-control-radius)}.halloween-costume-trigger,.halloween-mode-card[aria-pressed=false]{background:var(--studio-control)}.halloween-costume-dialog{background:var(--popover);border-radius:var(--studio-menu-radius)}.trend-effect .creator-form-shell{position:static}@media (max-width:767px){.trend-effect{padding-bottom:calc(90px + env(safe-area-inset-bottom))}.trend-effect .creator-template-preview{display:none}.trend-effect .creator-template-preview[data-real-example=true]{display:block}.trend-effect [data-trend-result][data-has-media=false]{min-height:10rem}.trend-effect .trend-generate-action{position:fixed;inset:auto 0 0;z-index:40;border-top:1px solid var(--border);background:var(--background);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.trend-effect .trend-generate-action button{min-height:48px;border-radius:999px}}@media (min-width:768px){.trend-effect [data-trend-result]{height:calc(100dvh - 81px);min-height:0}}@media (max-width:767px){.trend-effect .trend-preview-surface>img,.trend-effect .trend-preview-surface>video{max-height:70svh;object-fit:contain}}@media (min-width:768px){.trend-effect .trend-form-panel{position:sticky;top:1rem;display:flex;flex-direction:column;height:calc(100dvh - 81px);min-height:0;gap:12px;overflow:hidden}.trend-effect .trend-form-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;padding-inline-end:4px}.trend-effect .trend-generate-action{flex-shrink:0;border-top:1px solid var(--studio-border);padding-top:12px}}