.ms-retro-upload{border:1.5px dashed color-mix(in srgb, var(--color-brand) 65%, transparent);background:linear-gradient(140deg, color-mix(in srgb, var(--color-brand) 9%, var(--color-surface)), color-mix(in srgb, var(--color-accent) 6%, var(--color-surface)));text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-width:0;min-height:144px;padding:20px 16px;transition:border-color .16s ease-out;display:flex;position:relative;overflow:hidden}.ms-retro-upload:before{content:"";border-radius:inherit;box-shadow:inset 0 0 0 3px color-mix(in srgb, var(--color-brand) 18%, transparent);opacity:0;pointer-events:none;transition:opacity .16s ease-out;position:absolute;inset:0}.ms-retro-upload:not([aria-busy=true]):is(.is-over,:focus-within){border-color:var(--color-brand)}.ms-retro-upload:not([aria-busy=true]):is(.is-over,:focus-within):before{opacity:1}.ms-upload-actions{justify-content:center;align-items:center;gap:8px;max-width:100%;display:flex}.ms-upload-pick{color:#fff;background:linear-gradient(110deg,#8b3ff5,#b538c9);border-radius:16px;justify-content:center;align-items:center;gap:9px;min-width:0;min-height:52px;padding:10px 18px;font-size:15px;font-weight:700;line-height:1.35;display:inline-flex;box-shadow:0 6px 18px #8b3ff52e}.ms-upload-pick svg{flex-shrink:0}.ms-upload-camera{border:1px solid var(--color-line);background:var(--color-surface);min-width:44px;min-height:48px;color:var(--color-brand);border-radius:14px;justify-content:center;align-items:center;display:none}.ms-upload-title{font-family:var(--font-saira), var(--font-sans), sans-serif;color:var(--color-ink);font-size:clamp(18px,2vw,24px);font-weight:600;line-height:1.4}.ms-upload-help{max-width:340px;color:var(--color-muted);font-size:12px;line-height:1.5}.ms-upload-preview{object-fit:contain;border-radius:16px;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;inset:10px}.ms-upload-remove{color:#fff;background:#0d1220bf;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:8px;right:8px}.ms-upload-audio{width:100%;min-width:0;color:var(--color-brand);flex-direction:column;align-items:center;gap:10px;display:flex}.ms-upload-audio p{color:var(--color-ink);font-size:13px}.ms-upload-audio audio{width:100%;min-width:0}.ms-retro-upload button:focus-visible,.ms-generate-action:focus-visible{outline:3px solid var(--color-brand);outline-offset:4px}.ms-retro-upload button:disabled{opacity:.6;cursor:wait}.ms-workspace{container-type:inline-size}.ms-workspace-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:24px;display:grid}.ms-editor-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:28px;flex-direction:column;min-width:0;height:auto;padding:20px;display:flex;box-shadow:0 10px 36px #8b3ff50f}.ms-editor-card .ms-retro-upload{flex:1;min-height:170px}.ms-editor-result{aspect-ratio:2;border-radius:28px;order:0;align-self:center;width:100%;min-width:0;max-height:480px}.ms-editor-card textarea{min-height:68px}.ms-generate-action{background:linear-gradient(110deg,#8b3ff5,#b538c9);border-radius:16px;min-height:52px}.ms-workspace-action{margin-top:auto}.ms-workspace-tabs{margin-bottom:12px}.ms-retro-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.ms-retro-hero-art{order:2}.ms-retro-hero-upload{min-width:0;min-height:0}.ms-retro-hero-upload .ms-retro-upload{min-height:228px}.ms-retro-hero-grid{container-type:inline-size}.ms-tool-config .ms-retro-upload,.ms-trend-config .ms-retro-upload{flex:1;margin-top:14px}.ms-modal-action{flex-shrink:0}@container (min-width:760px){.ms-workspace-grid{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);align-items:stretch}.ms-editor-card{min-height:460px}.ms-editor-result{aspect-ratio:auto;contain:size;align-self:stretch;height:auto;min-height:0;max-height:none}}@container (min-width:760px) and (max-width:959px){.ms-workspace-tabs button{gap:4px;min-height:44px;padding:8px 3px;font-size:12px}}@media (min-width:1280px){.ms-retro-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(300px,1fr);align-items:center}.ms-retro-hero-art{order:0}}@media (min-width:768px) and (max-width:1079px){.ms-tool-inline:has(.ms-tool-config){height:auto}.ms-tool-inline>:has(>.ms-tool-config){grid-template-columns:minmax(0,1fr)}.ms-tool-inline .ms-tool-config{order:0;height:auto}.ms-tool-inline .ms-tool-demo{order:1;height:240px}}@media (max-width:767px){.ms-workspace{padding:8px 12px 12px}.ms-workspace-grid{gap:12px}.ms-editor-card{border-radius:20px;padding:12px}.ms-editor-card>p:first-of-type{margin-bottom:6px;font-size:12px}.ms-editor-instructions{display:none}.ms-retro-upload{border-radius:18px;gap:8px;min-height:104px;padding:12px 10px}.ms-editor-card .ms-retro-upload{flex:none;height:clamp(104px,16svh,128px);min-height:104px}.ms-upload-pick{min-height:46px;padding:10px 12px;font-size:14px}.ms-upload-pick svg{width:22px;height:22px}.ms-upload-camera{display:inline-flex}.ms-upload-help{font-size:11px}.ms-editor-card textarea{height:64px;min-height:64px;margin-top:8px;padding:9px 10px;font-size:16px}.ms-editor-card .ms-generate-action{min-height:48px;margin-top:10px;padding:11px;font-size:16px}.ms-workspace-action{background:var(--color-surface);border-radius:16px;margin-top:8px;padding:2px 0;position:static}.ms-editor-card .ms-workspace-action .ms-generate-action{margin-top:0}.ms-editor-result{aspect-ratio:auto;border-radius:20px;order:-1;height:clamp(136px,22svh,184px);max-height:none}.ms-editor-result>span{padding:4px 9px;font-size:12px;top:10px}.ms-workspace-tabs{margin-bottom:8px}.ms-workspace-tabs button{gap:4px;min-height:42px;padding:8px 3px;font-size:12px}.ms-video-inputs .ms-retro-upload{height:104px}.ms-video-inputs.has-multiple .ms-upload-actions{flex-wrap:wrap;gap:4px}.ms-video-inputs.has-multiple .ms-upload-camera{display:none}.ms-video-inputs.has-multiple .ms-upload-pick{color:var(--color-brand);box-shadow:none;background:0 0;flex-direction:column;gap:4px;padding:8px}.ms-video-inputs.has-multiple .ms-upload-help{display:none}.ms-retro-hero-upload .ms-retro-upload{min-height:180px}.ms-tool-config{flex:none;order:1;min-height:0;padding:12px}.ms-tool-config>p:first-child{display:none}.ms-tool-config>h3{margin-top:0;padding-right:0;font-size:15px}.ms-tool-inline .ms-tool-config>h3{display:none}.ms-tool-config .ms-retro-upload{flex:none;height:clamp(112px,18svh,144px);min-height:112px;margin-top:10px}.ms-tool-inline .ms-tool-config .ms-retro-upload{margin-top:0}.ms-tool-config textarea{min-height:64px;font-size:16px}.ms-tool-demo{order:-1;height:clamp(144px,24svh,200px)}.ms-tool-popup .ms-tool-demo{margin-top:max(56px, calc(44px + env(safe-area-inset-top)))}.ms-tool-demo>span{font-size:12px;top:10px}.ms-modal-action{margin-top:12px;position:static}.ms-tool-config .ms-modal-action{margin-inline:-12px;padding-inline:12px}.ms-trend-config{flex:none;order:1;padding:12px}.ms-trend-config>p:first-child{display:none}.ms-trend-config>h3{margin-top:0;padding-right:0;font-size:16px}.ms-trend-config>div:not(.ms-modal-action){flex:none;overflow:visible}.ms-trend-config .ms-retro-upload{flex:none;height:clamp(112px,18svh,144px);min-height:112px}.ms-trend-viewer{flex:none;order:-1}.ms-trend-popup .ms-trend-viewer{margin-top:max(56px, calc(44px + env(safe-area-inset-top)))}.ms-trend-viewer>div:first-child{height:clamp(160px,28svh,240px)}.ms-trend-config .ms-modal-action{margin-inline:-12px;padding-inline:12px}.ms-trend-prompt.ms-mobile-more{margin:10px 0 0}.ms-trend-prompt .ms-mobile-more-content>div{border:0;padding:0}.ms-trend-prompt textarea{font-size:16px}.ms-video-options.ms-mobile-more{margin:8px 0 0}.ms-video-options>.ms-mobile-more-toggle{border-radius:10px;min-height:40px;padding:8px 10px;font-size:12px}.ms-video-options[data-expanded=true]>.ms-mobile-more-content{margin-top:0}}@media (max-width:767px) and (max-height:740px){.ms-workspace{padding-top:4px}.studio-home-heading{margin-bottom:6px}.ms-editor-result{height:112px}.ms-editor-card{padding:10px}.ms-editor-card .ms-retro-upload{height:104px}.ms-editor-card>p:first-of-type{font-size:11px}}@media (prefers-reduced-motion:reduce){.ms-retro-upload,.ms-retro-upload:before{transition:none}}
.ms-magic-editing{--magic-violet:#dfcdff7a;--magic-pink:#ffdaef6b;border-radius:inherit;background:radial-gradient(ellipse at 12% 12%, var(--magic-violet), transparent 65%), radial-gradient(ellipse at 92% 90%, var(--magic-pink), transparent 60%), linear-gradient(145deg, var(--color-surface), var(--color-canvas));width:100%;min-width:0;height:100%;min-height:0;color:var(--color-ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:clamp(10px,1.5vw,18px);display:flex;overflow:hidden}.ms-magic-editing-art{width:min(var(--magic-art-width,240px), 100%);aspect-ratio:1029/690;-webkit-user-select:none;user-select:none;flex:0 auto;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.ms-magic-editing-player{position:absolute;inset:0}.ms-magic-editing-player>svg{width:100%;height:100%;display:block}.ms-magic-editing-fallback{width:min(64px,50%);height:auto;color:var(--color-brand)}.ms-magic-editing-copy{flex:none;width:100%;min-width:0;max-width:29ch}.ms-magic-editing-title{overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600;line-height:1.4}.ms-magic-editing-hint{min-height:2.8em;margin-top:5px;font-size:12px;line-height:1.4}.ms-magic-editing-hint>p{color:var(--color-muted);font-size:inherit;line-height:inherit;overflow-wrap:anywhere;margin:0}.dark .ms-magic-editing{--magic-violet:#7a43ab29;--magic-pink:#aa417d1f}@media (max-width:767px){.ms-magic-editing{gap:5px}.ms-magic-editing-title{font-size:14px}}@media (prefers-reduced-motion:reduce){.ms-magic-editing-hint>p{animation:none!important}}