/* Local media tools use the site's paper palette in both appearance modes. */
.media-studio{
  width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 36px);
  margin:auto;padding:28px;border:1px solid var(--border,#f1d5e2);border-radius:28px;
  color:var(--text,#35243a);background:var(--surface,#fff);overflow-y:auto;
  font:14px/1.6 var(--font-body,Manrope,system-ui,sans-serif);
  box-shadow:0 24px 90px rgba(35,14,35,.28);overscroll-behavior:contain;
}
.media-studio::backdrop{background:rgba(29,16,31,.65);backdrop-filter:blur(5px)}
.media-studio.ms-fallback{position:fixed;inset:0;z-index:1000;box-shadow:0 0 0 100vmax rgba(29,16,31,.72)}
.media-studio .ms-head{display:flex;align-items:flex-start;gap:20px;justify-content:space-between}
.media-studio .ms-title{max-width:470px;font:700 clamp(22px,4vw,29px)/1.3 var(--font-note,Caveat,cursive);color:var(--accent-text,#c2316c);letter-spacing:0}
.media-studio .ms-note{margin:7px 38px 20px 0;color:var(--text-muted,#80697e);font-size:13px;line-height:1.65}
.media-studio .ms-close{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid var(--border,#f1d5e2);border-radius:50%;background:var(--surface-soft,#fff0f6);color:var(--text-muted,#80697e);font:24px/1 system-ui}
.media-studio .ms-close:hover{border-color:var(--primary,#ef4e8b);color:var(--text,#35243a)}
.media-studio .ms-body{min-width:0}
.media-studio .ms-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid var(--border,#f1d5e2)}
.media-studio .ms-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:43px;padding:10px 17px;border:1px solid var(--border,#f1d5e2);border-radius:100px;background:var(--surface,#fff);color:var(--text,#35243a);text-decoration:none;font:700 12px/1.45 var(--font-body,Manrope,system-ui,sans-serif);cursor:pointer;transition:border-color .18s,background .18s}
.media-studio .ms-button:hover{border-color:var(--primary,#ef4e8b);background:var(--surface-soft,#fff0f6)}
.media-studio .ms-button:disabled{opacity:.5;cursor:not-allowed}
.media-studio .ms-primary{background:var(--primary-deep,#d12f70);border-color:var(--primary-deep,#d12f70);color:#fff}
.media-studio .ms-primary:hover{background:var(--primary-dark,#a92960);border-color:var(--primary-dark,#a92960)}
[data-theme='dark'] .media-studio .ms-primary{background:var(--primary,#fa78ad);border-color:var(--primary,#fa78ad);color:#391b30}
.media-studio button:focus-visible,.media-studio a:focus-visible,.media-studio input:focus-visible,.media-studio select:focus-visible{outline:3px solid var(--primary,#ef4e8b);outline-offset:3px}
.media-studio .ms-help{color:var(--text-muted,#80697e);font-size:12px;line-height:1.7}
.media-studio .ms-local{margin-top:15px;color:var(--text-muted,#80697e);font-size:11px;text-align:center}
.media-studio .ms-status{margin-top:15px;color:var(--accent-text,#c2316c);font-size:12px;line-height:1.65}
.media-studio .ms-status:empty{display:none}
.media-studio .ms-error{margin-top:14px;padding:11px 14px;border:1px solid color-mix(in srgb,var(--danger,#be3456) 35%,transparent);border-radius:14px;background:color-mix(in srgb,var(--danger,#be3456) 7%,var(--surface,#fff));color:var(--danger,#be3456);font-size:12px;line-height:1.7}
.media-studio .ms-clock{font:600 44px/1.3 var(--font-body,Manrope,system-ui,sans-serif);font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.03em;margin:7px 0 16px}
.media-studio .ms-voice-mark{height:91px;display:flex;align-items:center;justify-content:center;gap:6px;margin:7px auto 3px;width:min(290px,100%);border-radius:80px;background:var(--surface-soft,#fff0f6)}
.media-studio .ms-voice-mark span{display:block;width:5px;height:15px;border-radius:8px;background:var(--primary,#ef4e8b);transform-origin:center}
.media-studio .ms-voice-mark span:nth-child(3n){height:28px;opacity:.6}
.media-studio .ms-voice-mark span:nth-child(3n + 1){height:38px;opacity:.8}
.media-studio .ms-voice-mark.is-recording span{animation:ms-pulse .9s ease-in-out infinite alternate}
.media-studio .ms-voice-mark.is-recording span:nth-child(2n){animation-delay:-.2s}
.media-studio .ms-voice-mark.is-recording span:nth-child(3n){animation-delay:-.5s}
.media-studio .ms-voice-mark.is-recording span:nth-child(5n){animation-delay:-.75s}
@keyframes ms-pulse{from{transform:scaleY(.5)}to{transform:scaleY(1.35)}}
.media-studio .ms-audio{width:100%;display:block;margin-top:18px;border-radius:14px}
.media-studio .ms-video{display:block;width:100%;max-height:min(36dvh,300px);object-fit:contain;border-radius:18px;background:#201725;margin-bottom:16px}
.media-studio .ms-video-settings{padding:16px;background:var(--surface-soft,#fff0f6);border:1px solid var(--border,#f1d5e2);border-radius:18px}
.media-studio .ms-range-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:13px}
.media-studio .ms-field{display:grid;gap:6px;min-width:0;font-size:11px;color:var(--text-muted,#80697e);font-weight:700}
.media-studio .ms-field input,.media-studio .ms-field select{display:block;width:100%;min-width:0;min-height:43px;padding:9px 12px;border:1px solid var(--border,#f1d5e2);border-radius:12px;background:var(--surface,#fff);color:var(--text,#35243a);font:600 13px/1.5 var(--font-body,Manrope,system-ui,sans-serif)}
.media-studio .ms-field input:disabled,.media-studio .ms-field select:disabled{opacity:.65}
.media-studio .ms-summary{margin:13px 0 8px;color:var(--accent-text,#c2316c);font-size:12px;font-variant-numeric:tabular-nums}
.media-studio .ms-progress{width:100%;height:9px;appearance:none;border:0;border-radius:100px;overflow:hidden;background:var(--surface-soft,#fff0f6);accent-color:var(--primary,#ef4e8b)}
.media-studio .ms-progress::-webkit-progress-bar{background:var(--surface-soft,#fff0f6);border-radius:100px}
.media-studio .ms-progress::-webkit-progress-value{background:var(--primary,#ef4e8b);border-radius:100px}
.media-studio .ms-progress::-moz-progress-bar{background:var(--primary,#ef4e8b);border-radius:100px}
.media-studio [hidden]{display:none!important}
@media(max-width:520px){.media-studio{padding:22px 18px;border-radius:23px;max-height:calc(100dvh - 20px);width:calc(100vw - 20px)}.media-studio .ms-note{margin-right:0}.media-studio .ms-actions{gap:8px}.media-studio .ms-actions .ms-button{flex:1 1 auto}.media-studio .ms-video-settings{padding:13px}.media-studio .ms-clock{font-size:39px}.media-studio .ms-video{max-height:29dvh}}
@media(prefers-reduced-motion:reduce){.media-studio .ms-voice-mark.is-recording span{animation:none}.media-studio .ms-button{transition:none}}

.media-studio .ms-field input.ms-range{height:22px;min-height:22px;padding:0;border:0;border-radius:0;background:transparent;accent-color:var(--primary,#ef4e8b);cursor:ew-resize}