.miareel-generation-surface{min-width:0}.miareel-generation-surface-active{height:calc(100svh - 3.5rem);min-height:calc(100svh - 3.5rem);padding-bottom:calc(1rem + env(safe-area-inset-bottom));flex-direction:column;gap:1rem;display:flex}.miareel-creation-wall-region{view-transition-name:miareel-creation-wall;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.miareel-creation-wall-controls{flex:none;justify-content:flex-end;align-items:center;gap:.75rem;height:32px;padding:0 16px;display:flex;position:static}.miareel-creation-wall-load-error{color:oklch(100% 5.96046e-8 none/.72);align-items:center;gap:.5rem;font-size:.75rem;display:flex}.miareel-creation-wall-load-error button{color:var(--miareel-primary-text);text-underline-offset:.2em;text-decoration:underline}.miareel-creation-density-shell{justify-content:center;align-items:center;width:172px;height:32px;display:flex}.miareel-creation-density{appearance:none;width:144px;height:12px;accent-color:var(--miareel-primary);background:oklch(100% 5.96046e-8 none/.18);border-radius:999px}.miareel-creation-density::-webkit-slider-thumb{appearance:none;background:var(--miareel-primary);border:0;border-radius:50%;width:12px;height:12px}.miareel-creation-density::-moz-range-thumb{background:var(--miareel-primary);border:0;border-radius:50%;width:12px;height:12px}.miareel-creation-wall-scroll{flex:1;min-height:0;padding-right:16px;overflow-y:auto}.miareel-creation-wall{width:100%;min-width:0;transition:height .18s ease-out;position:relative}.miareel-creation-wall-position{contain:size layout;color:inherit;text-decoration:none;transition:width .18s ease-out,height .18s ease-out,transform .18s ease-out;display:block;position:absolute;overflow:hidden}.miareel-creation-wall-item,.miareel-creation-wall-media{width:100%;height:100%}.miareel-creation-wall-media{color:oklch(100% 5.96046e-8 none/.34);background:#111;justify-content:center;align-items:center;display:flex;overflow:hidden}.miareel-creation-wall-media img,.miareel-creation-wall-media video{object-fit:cover;width:100%;height:100%}.miareel-creation-wall-media svg{width:2rem;height:2rem}.miareel-creation-wall-spinner{animation:1s linear infinite generation-spin}.miareel-generation-composer-docked{flex:none}.miareel-unified-composer{view-transition-name:miareel-composer;width:100%;display:block}.miareel-landing-hero-transition{view-transition-name:miareel-landing-hero;flex-direction:column;align-items:center;display:flex}.miareel-landing-template-transition{view-transition-name:miareel-landing-templates}.miareel-landing-marketing-transition{view-transition-name:miareel-landing-marketing}.miareel-generation-mobile-action{display:none}@media (width>=768px){.miareel-generation-composer-docked{z-index:20;width:min(100vw - 32px,70rem);position:fixed;bottom:16px;left:50%;transform:translate(-50%)}}::view-transition-group(miareel-composer){animation-duration:.5s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(miareel-composer){mix-blend-mode:normal;animation:none}::view-transition-new(miareel-composer){mix-blend-mode:normal;animation:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}::view-transition-old(miareel-landing-hero){animation:.28s ease-out both miareel-workspace-out}::view-transition-old(miareel-landing-templates){animation:.28s ease-out both miareel-workspace-out}::view-transition-old(miareel-landing-marketing){animation:.28s ease-out both miareel-workspace-out}::view-transition-new(miareel-creation-wall){animation:.34s ease-out both miareel-workspace-in}@keyframes miareel-workspace-out{to{opacity:0}}@keyframes miareel-workspace-in{0%{opacity:0}}@keyframes generation-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.miareel-unified-composer,.miareel-landing-hero-transition,.miareel-landing-template-transition,.miareel-landing-marketing-transition,.miareel-creation-wall-region{view-transition-name:none}.miareel-creation-wall-spinner{animation:none}.miareel-creation-wall,.miareel-creation-wall-position{transition:none}}@media (width<=767px){.miareel-creation-density-shell{display:none}.miareel-generation-mobile-action{z-index:20;width:100%;height:57px;display:block;position:sticky;bottom:-1px}}