.app-stage>astro-island{height:100%;display:block}.mse{--mse-radius:18px;--mse-radius-sm:12px;--mse-radius-pill:999px;--mse-accent:var(--color-mint,#24bfae);--mse-danger:#e0556e;--mse-display-bg:linear-gradient(180deg, #0c1626, #0e1a2b);--mse-display-border:#7699b62e;height:100%;font-family:var(--font-body);color:var(--color-ink);padding:clamp(18px,2.6vw,38px);overflow-y:auto}.mse *,.mse :before,.mse :after{box-sizing:border-box}.mse-sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mse-shell{flex-direction:column;gap:clamp(18px,2.2vw,28px);max-width:1320px;margin:0 auto;display:flex}.mse-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.mse-topbar__intro{flex:320px;min-width:0}.mse-topbar__title{font-family:var(--font-display);color:var(--color-ink);margin:0 0 6px;font-size:clamp(1.4rem,2.4vw,1.85rem)}.mse-topbar__subtitle{max-width:60ch;color:var(--color-muted);margin:0;font-size:.95rem;line-height:1.5}.mse-button{border-radius:var(--mse-radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-soft);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-weight:600;transition:border-color .16s,background .16s,color .16s,transform .12s;display:inline-flex}.mse-button:hover{border-color:var(--color-border-strong)}.mse-button:active{transform:translateY(1px)}.mse-button--ghost{background:0 0}.mse-button--danger{color:var(--mse-danger);border-color:color-mix(in srgb, var(--mse-danger) 40%, var(--color-border))}.mse-button--danger:hover{background:color-mix(in srgb, var(--mse-danger) 12%, transparent);border-color:var(--mse-danger)}.mse-button svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.mse-export-button{flex:none;gap:8px}.mse-export-button__icon{display:inline-flex}.mse-export-button__icon svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.mse-export-button.is-ready-flash{animation:1.4s mse-export-flash}@keyframes mse-export-flash{0%,to{box-shadow:0 0 #0000}35%{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-primary,#657df2) 28%, transparent)}}.mse-workspace{grid-template-columns:320px 1fr;align-items:start;gap:clamp(16px,1.8vw,28px);display:grid}.mse-browser{gap:var(--mse-radius-sm);border-radius:var(--mse-radius);border:1px solid var(--color-border);background:var(--color-surface);max-height:calc(100vh - 120px);box-shadow:var(--shadow-soft);flex-direction:column;padding:16px;display:flex;position:sticky;top:0}.mse-browser__controls{flex-direction:column;gap:8px;display:flex}.mse-browser__search{width:100%}.mse-mob-list{flex-direction:column;gap:6px;padding-right:4px;display:flex;overflow-y:auto}.mse-mob-list__empty{color:var(--color-muted);text-align:center;padding:18px 12px;font-size:.9rem}.mse-mob-list__item{border-radius:var(--mse-radius-sm);transition:background .14s}.mse-mob-list__item.is-selected{background:var(--color-primary-soft)}.mse-mob-list__select{border-radius:var(--mse-radius-sm);width:100%;color:var(--color-ink-soft);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:8px 10px;transition:background .14s}.mse-mob-list__select:hover{background:var(--color-surface-soft)}.mse-mob-list__item.is-selected .mse-mob-list__select:hover{background:0 0}.mse-mob-list__copy{align-items:center;gap:12px;display:flex}.mse-mob-list__copy strong{font-weight:600}.mob-preview{background:var(--color-surface-soft);object-fit:contain;border-radius:10px;flex:none;display:block}.mob-preview--list{width:40px;height:40px}.mob-preview--card{width:64px;height:64px}.mob-preview-image{image-rendering:auto}.mob-preview-image--flipped{transform:scaleX(-1)}.mse-cards-panel{flex-direction:column;gap:18px;min-width:0;display:flex}.mse-cards-toolbar{display:flex}.mse-filter-option{align-items:center;gap:7px;display:inline-flex}.mse-filter-option__icon{display:inline-flex}.mse-filter-option__icon svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.mse-error{margin:0}.mse-empty{padding:clamp(24px,5vw,56px) 16px}.mse-empty__steps-wrap{display:block}.mse-empty__steps{text-align:left;color:var(--color-muted);flex-direction:column;gap:6px;margin:12px auto 0;padding:0;list-style:inside decimal;display:inline-flex}.mse-cards-grid{flex-direction:column;gap:clamp(16px,2vw,26px);display:flex}.mse-mob-card{border-radius:var(--mse-radius);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;gap:16px;padding:clamp(16px,2vw,24px);scroll-margin-top:24px;display:flex}.mse-mob-card__header{justify-content:space-between;align-items:center;gap:12px;display:flex}.mse-mob-card__title{align-items:center;gap:14px;min-width:0;display:flex}.mse-mob-card__heading h3{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:1.2rem}.mse-mob-card__remove{flex:none}.mse-mob-card__remove-icon{display:inline-flex}.mse-event-stack{flex-direction:column;gap:14px;display:flex}.mse-event-card{flex-direction:column;gap:12px;display:flex}.mse-event-card__header{display:flex}.mse-event-card__title strong{color:var(--color-ink-soft);text-transform:capitalize;font-size:.95rem;font-weight:600}.mse-event-card__subtitle{color:var(--color-muted);margin:2px 0 0;font-size:.85rem}.mse-variant-list{flex-direction:column;gap:12px;display:flex}.mse-event-toggle-row{justify-content:center;display:flex}.mse-event-toggle{border-radius:var(--mse-radius-pill);color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;border:0;padding:6px 14px;font-size:.85rem;transition:color .14s}.mse-event-toggle:hover{color:var(--color-primary,#657df2)}.mse-variant-card{border-radius:var(--mse-radius);border:1px solid var(--color-border);background:var(--color-surface-soft);grid-template-columns:1fr minmax(180px,220px);gap:clamp(12px,1.6vw,22px);padding:14px;transition:border-color .16s,box-shadow .16s,opacity .16s;display:grid}.mse-variant-card.is-playing{border-color:color-mix(in srgb, var(--mse-accent) 45%, var(--color-border));box-shadow:0 0 0 1px color-mix(in srgb, var(--mse-accent) 24%, transparent)}.mse-variant-card.is-muted{opacity:.6}.mse-variant-card__preview{flex-direction:column;gap:10px;min-width:0;display:flex}.mse-variant-card__header{align-items:center;display:flex}.mse-variant-card__headline strong{color:var(--color-ink-soft);word-break:break-word;font-size:.9rem;font-weight:600}.mse-variant-card__waveforms{flex-direction:column;gap:8px;display:flex}.mse-variant-card__track{align-items:center;gap:10px;display:flex}.mse-variant-card__track-control{flex:0 0 86px;align-items:center;gap:8px;display:flex}.mse-variant-card__track-main{flex:1;min-width:0}.mse-track-play{border:1px solid var(--color-border-strong);background:var(--color-surface);width:34px;height:34px;color:var(--color-ink-soft);cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;transition:border-color .14s,color .14s,background .14s;display:inline-flex}.mse-track-play:hover:not(:disabled){border-color:var(--mse-accent);color:var(--mse-accent)}.mse-track-play.is-playing{border-color:var(--mse-accent);color:var(--mse-accent);background:color-mix(in srgb, var(--mse-accent) 12%, var(--color-surface))}.mse-track-play:disabled{opacity:.5;cursor:not-allowed}.mse-track-play svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.mse-track-label{color:var(--color-muted);letter-spacing:.02em;font-size:.78rem;font-weight:600}.mse-track-label--custom{color:var(--mse-accent)}.mse-waveform{--waveform-progress:0%;border:1px solid var(--mse-display-border);border-radius:var(--mse-radius-sm);background:var(--mse-display-bg);width:100%;min-width:0;height:46px;padding:7px 9px;position:relative;overflow:hidden}.mse-waveform:before{content:"";opacity:0;background:linear-gradient(90deg, color-mix(in srgb, var(--mse-accent) 22%, transparent), transparent);transition:opacity .18s;position:absolute;inset:0}.mse-waveform.is-playing{border-color:color-mix(in srgb, var(--mse-accent) 42%, transparent)}.mse-waveform.is-playing:before{opacity:1}.mse-waveform.is-fallback .mse-waveform__bar{background:linear-gradient(#7f9bb3b3,#60788f8f)}.mse-waveform.is-fallback .mse-waveform__bar.is-played{background:linear-gradient(#b6ece0d6,#72c4abb8)}.mse-waveform.is-loading .mse-waveform__bar{animation:1.1s ease-in-out infinite mse-waveform-pulse}.mse-waveform__layers,.mse-waveform__bars{z-index:1;height:100%;position:relative}.mse-waveform__bars{grid-auto-columns:1fr;grid-auto-flow:column;align-items:center;gap:1px;display:grid}.mse-waveform__cursor{z-index:2;top:2px;bottom:2px;left:var(--waveform-progress);opacity:0;border-radius:var(--mse-radius-pill);width:1px;box-shadow:0 0 0 1px color-mix(in srgb, var(--mse-accent) 16%, transparent), 0 0 14px color-mix(in srgb, var(--mse-accent) 26%, transparent);background:#d1fff5f0;transition:opacity .14s;position:absolute;transform:translate(-50%)}.mse-waveform.is-playing .mse-waveform__cursor{opacity:1}.mse-waveform__bar{width:100%;min-width:1px;height:var(--bar-h,34%);border-radius:var(--mse-radius-pill);background:linear-gradient(#a4bfe3e0,#567ab7c2);align-self:center;display:block}.mse-waveform__bar.is-played{background:linear-gradient(180deg, #c4fff1, color-mix(in srgb, var(--mse-accent) 92%, transparent))}.mse-waveform__bar.is-current{box-shadow:0 0 14px color-mix(in srgb, var(--mse-accent) 28%, transparent);background:linear-gradient(#f2fffb,#89ffdafa)}@keyframes mse-waveform-pulse{0%,to{opacity:.55}50%{opacity:1}}.mse-variant-card__replace{flex-direction:column;gap:10px;display:flex}.mse-variant-card__section-copy h4{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.85rem;font-weight:600}.mse-variant-card__replace-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mse-option-button{border:1px solid var(--color-border);border-radius:var(--mse-radius-sm);background:var(--color-surface);color:var(--color-ink-soft);font:inherit;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:12px 8px;font-size:.85rem;font-weight:600;transition:border-color .14s,color .14s,background .14s;display:inline-flex}.mse-option-button:hover{border-color:var(--color-border-strong);background:var(--color-surface-soft)}.mse-option-button__icon{display:inline-flex}.mse-option-button__icon svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.mse-option-button--record.is-recording{border-color:var(--mse-danger);color:var(--mse-danger);background:color-mix(in srgb, var(--mse-danger) 10%, var(--color-surface));animation:1.3s ease-in-out infinite mse-recording-pulse}@keyframes mse-recording-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--mse-danger) 38%, transparent)}50%{box-shadow:0 0 0 4px #0000}}.mse-reset-button{border:1px dashed var(--color-border-strong);border-radius:var(--mse-radius-sm);color:var(--color-muted);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:.82rem;font-weight:600;transition:color .14s,border-color .14s;display:inline-flex}.mse-reset-button:hover{color:var(--color-ink-soft);border-color:var(--color-ink-soft)}.mse-reset-button__icon{display:inline-flex}.mse-reset-button__icon svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.mse-scroll-navigation{z-index:30;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:clamp(20px,3vw,36px);right:clamp(16px,2.4vw,32px)}.mse-scroll-navigation__button{border:1px solid var(--color-border);background:var(--color-surface);width:44px;height:44px;color:var(--color-ink-soft);box-shadow:var(--shadow-float);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:border-color .14s,color .14s,transform .12s;display:inline-flex}.mse-scroll-navigation__button:hover{border-color:var(--color-primary,#657df2);color:var(--color-primary,#657df2)}.mse-scroll-navigation__button:active{transform:translateY(1px)}.mse-scroll-navigation__button svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.mse-modal-backdrop{z-index:60;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mse-modal__scrim{backdrop-filter:blur(3px);cursor:pointer;background:#07143d73;border:none;position:absolute;inset:0}.mse-modal{border-radius:var(--mse-radius);border:1px solid var(--color-border);background:var(--color-surface);width:min(460px,100%);max-width:100%;color:var(--color-ink);box-shadow:var(--shadow-card-hover);flex-direction:column;gap:20px;margin:0;padding:clamp(22px,3vw,30px);display:flex;position:relative;inset:auto}.mse-modal__copy{flex-direction:column;gap:8px;display:flex}.mse-modal__copy h2{font-family:var(--font-display);color:var(--color-ink);margin:0;font-size:1.3rem}.mse-modal__copy p{color:var(--color-muted);margin:0;line-height:1.5}.mse-modal__eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary,#657df2);margin:0;font-size:.78rem;font-weight:700}.mse-modal__actions{justify-content:flex-end;gap:10px;display:flex}.mse-success__topline{align-items:center;gap:14px;display:flex}.mse-success__badge{background:var(--color-green-soft,#eef9ec);width:44px;height:44px;color:var(--color-green,#75c977);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.mse-success__badge svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.mse-success__title-group h2{margin:0}.mse-success__title-group p{margin:2px 0 0}.mse-success__instructions{border-radius:var(--mse-radius-sm);border:1px solid var(--color-border);background:var(--color-surface-soft);margin-top:8px;padding:16px}.mse-success__instructions-title{text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);margin:0 0 8px;font-size:.82rem;font-weight:700}.mse-success__steps{color:var(--color-ink-soft);flex-direction:column;gap:6px;margin:0;padding-left:20px;line-height:1.5;display:flex}.mse-success__steps strong{color:var(--color-ink)}@media (width<=1040px){.mse-workspace{grid-template-columns:1fr}.mse-browser{max-height:none;position:static}.mse-mob-list{max-height:320px}}@media (width<=720px){.mse-variant-card{grid-template-columns:1fr}.mse-variant-card__track-control{flex-basis:auto}}@media (prefers-reduced-motion:reduce){.mse *{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.mse-welcome{text-align:center;max-width:780px;margin:0 auto}.mse-welcome__title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-ink);margin:0 0 .5rem;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800}.mse-welcome__lead{max-width:58ch;color:var(--color-muted);margin:0 auto 1.4rem;line-height:1.6}.mse-welcome__cols{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.mse-welcome__col{border-radius:var(--mse-radius);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);padding:1rem 1.15rem 1.15rem}.mse-welcome__h{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);margin:0 0 .6rem;font-size:.76rem;font-weight:700}.mse-welcome__steps{color:color-mix(in srgb, var(--color-ink) 84%, var(--color-muted));gap:.5rem;margin:0;padding-left:1.2em;font-size:.92rem;line-height:1.5;display:grid}.mse-welcome__steps strong{color:var(--color-ink);font-weight:700}.mse-welcome__tip{max-width:58ch;color:var(--color-muted);margin:1.2rem auto 0;font-size:.86rem}@media (width<=720px){.mse-welcome__cols{grid-template-columns:1fr}}