#connected-english-preview .m-root {min-width:0;}
#connected-english-preview .m-root>[role="status"]:empty {display:none;}
#connected-english-preview .m-content {min-width:0;}
#connected-english-preview .m-actions {display:flex;flex-wrap:wrap;gap:12px;margin:16px 0;}
#connected-english-preview .m-actions>.x-button {flex:1 1 180px;width:auto;margin:0;min-width:0;}
#connected-english-preview .m-actions>.x-button[aria-expanded="true"],
#connected-english-preview .m-clip-list>.x-button[aria-pressed="true"] {background:var(--x-gold);border-color:var(--x-on-gold);color:var(--x-on-gold);}
#connected-english-preview .m-player {display:block;width:100%;max-width:100%;margin:16px 0;}
#connected-english-preview video.m-player {max-height:460px;aspect-ratio:16/9;object-fit:contain;background:#161616;border-radius:var(--x-radius);}
#connected-english-preview audio.m-player {min-height:54px;}
#connected-english-preview .m-player[hidden] {display:none;}
#connected-english-preview .m-private-player {min-width:0;}
#connected-english-preview .m-shadow-controls[hidden] {display:none;}
#connected-english-preview .m-description {margin:16px 0;}
#connected-english-preview .m-description>h4 {margin:0 0 8px;}
#connected-english-preview .m-description>p {margin:0;}
#connected-english-preview .m-speed {display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;}
#connected-english-preview .m-speed>.x-label {margin:0;flex:0 0 auto;}
#connected-english-preview .m-speed>.x-input {width:9em;}
#connected-english-preview .m-loop {min-width:0;margin:24px 0;padding:16px;border:1px solid var(--x-line);border-radius:var(--x-radius);}
#connected-english-preview .m-loop>legend {padding:0 6px;font-weight:600;}
#connected-english-preview .m-loop-times {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
#connected-english-preview .m-loop-time {min-width:0;margin:0;padding:0;border:0;}
#connected-english-preview .m-loop-time>legend {padding:0;margin-bottom:8px;font-weight:600;}
#connected-english-preview .m-loop-time-inputs {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8em),1fr));gap:12px;}
#connected-english-preview .m-loop-unit {display:flex;align-items:center;gap:6px;min-width:0;margin:0;}
#connected-english-preview .m-loop-unit .x-input {width:100%;min-width:0;margin:0;padding-inline:10px;font-variant-numeric:tabular-nums;}
#connected-english-preview .m-loop-unit>span {flex:none;color:var(--x-muted);}
#connected-english-preview .m-loop-sliders {margin-top:20px;}
#connected-english-preview .m-loop-range-labels {display:flex;align-items:center;justify-content:space-between;gap:16px;}
#connected-english-preview .m-loop-slider-heading {display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;margin:0;}
#connected-english-preview .m-loop-readout {font-variant-numeric:tabular-nums;font-weight:600;}
#connected-english-preview .m-loop-range-track {position:relative;height:48px;touch-action:pan-y;cursor:pointer;}
#connected-english-preview .m-loop-range-track::before {content:"";position:absolute;left:14px;right:14px;top:20px;height:8px;border-radius:4px;background:linear-gradient(to right,var(--x-line) 0 var(--m-loop-start,0%),var(--x-gold) var(--m-loop-start,0%) var(--m-loop-end,100%),var(--x-line) var(--m-loop-end,100%) 100%);}
#connected-english-preview .m-loop-range {position:absolute;inset:0;display:block;width:100%;height:48px;min-height:44px;margin:0;padding:0;border:0;accent-color:var(--x-gold);background:transparent;appearance:none;-webkit-appearance:none;pointer-events:none;}
#connected-english-preview .m-loop-range::-webkit-slider-runnable-track {height:8px;background:transparent;border:0;}
#connected-english-preview .m-loop-range::-moz-range-track {height:8px;background:transparent;border:0;}
#connected-english-preview .m-loop-range::-webkit-slider-thumb {-webkit-appearance:none;box-sizing:border-box;width:28px;height:28px;margin-top:-10px;border:2px solid var(--x-ink);border-radius:50%;background:var(--x-surface);pointer-events:auto;cursor:grab;touch-action:none;}
#connected-english-preview .m-loop-range::-moz-range-thumb {box-sizing:border-box;width:28px;height:28px;border:2px solid var(--x-ink);border-radius:50%;background:var(--x-surface);pointer-events:auto;cursor:grab;touch-action:none;}
#connected-english-preview .m-loop-range:focus {z-index:2;}
#connected-english-preview .m-loop-range:focus-visible {outline:2px solid var(--x-ink);outline-offset:2px;border-radius:var(--x-radius);}
#connected-english-preview .m-loop-range:active::-webkit-slider-thumb {cursor:grabbing;background:var(--x-gold);}
#connected-english-preview .m-loop-range:active::-moz-range-thumb {cursor:grabbing;background:var(--x-gold);}
#connected-english-preview .m-loop-range:disabled::-webkit-slider-thumb {pointer-events:none;cursor:default;}
#connected-english-preview .m-loop-range:disabled::-moz-range-thumb {pointer-events:none;cursor:default;}
#connected-english-preview .m-loop-range-track[aria-disabled="true"] {opacity:.5;cursor:default;}
#connected-english-preview .m-loop>.x-button {margin:16px 0 0;}
#connected-english-preview .m-loop>.x-button[aria-pressed="true"] {background:var(--x-gold);border-color:var(--x-on-gold);color:var(--x-on-gold);}
#connected-english-preview .m-loop>.x-error,#connected-english-preview .m-loop>.x-hint {margin:12px 0 0;}
#connected-english-preview .m-recorder {padding:var(--x-panel-padding);border:1px solid var(--x-line);border-radius:var(--x-radius-lg);background:var(--x-soft);}
#connected-english-preview .m-recording-methods {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0;}
#connected-english-preview .m-recording-methods>.x-button {width:100%;min-width:0;margin:0;}
#connected-english-preview .m-recording-methods>.x-button[aria-pressed="true"] {background:var(--x-gold);border-color:var(--x-on-gold);color:var(--x-on-gold);}
#connected-english-preview .m-recording-panel[hidden] {display:none;}
#connected-english-preview .m-record-controls {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:16px 24px;min-width:0;margin:0;}
#connected-english-preview .m-record-controls:not([data-state="idle"]) {padding:20px;border:1px solid var(--x-line);border-radius:var(--x-radius);background:var(--x-surface);}
#connected-english-preview .m-record-controls[data-state="recording"] {border-color:var(--x-error);box-shadow:inset 3px 0 0 var(--x-error);}
#connected-english-preview .m-record-display {flex:1 1 10em;min-width:0;}
#connected-english-preview .m-record-controls>.m-record-button {display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:0 1 auto;width:auto;max-width:100%;min-height:var(--x-control-height);margin:0;padding:12px 16px;line-height:1.65;}
#connected-english-preview .m-record-button::before {content:"";flex:0 0 14px;width:14px;height:14px;border-radius:50%;background:var(--x-error);}
#connected-english-preview .m-record-button:not(.m-record-stop)::before {background:#DC2626;}
#connected-english-preview .m-record-controls>.m-record-stop {background:var(--x-surface);color:var(--x-error);border-color:var(--x-error);}
#connected-english-preview .m-record-stop::before {border-radius:3px;}
#connected-english-preview .m-record-button[hidden] {display:none;}
#connected-english-preview .m-recording-panel>.x-hint {margin:12px 0 0;}
#connected-english-preview .m-recording-status:empty {display:none;}
#connected-english-preview .m-recording-status {font-size:var(--x-font-18);font-weight:600;margin:0;line-height:1.6;text-align:left;}
#connected-english-preview .m-recording-status[data-recording="true"] {color:var(--x-error);}
#connected-english-preview .m-recording-status[data-recording="true"]::before {content:"";display:inline-block;width:.65em;height:.65em;border-radius:50%;background:currentColor;margin-right:.6em;}
#connected-english-preview .m-recording-time {margin:4px 0;color:var(--x-ink);font-size:calc(var(--x-body) * 1.8);font-weight:600;line-height:1.3;letter-spacing:.02em;font-variant-numeric:tabular-nums;}
#connected-english-preview .m-recording-limit {margin:0;color:var(--x-muted);font-size:var(--x-font-17);}
#connected-english-preview .m-preserve {white-space:pre-wrap;overflow-wrap:anywhere;}
#connected-english-preview .m-record-disclosure {margin-top:28px;}
#connected-english-preview .m-record-disclosure .m-recorder {padding:0;border:0;background:transparent;}
#connected-english-preview .m-clip-list {display:grid;gap:12px;}
#connected-english-preview .m-clip-list>.x-button {margin:0;text-align:left;}
@media(max-width:480px){#connected-english-preview .m-actions>.x-button{flex-basis:100%;}}
@media(max-width:560px){#connected-english-preview .m-loop-times{grid-template-columns:minmax(0,1fr);gap:16px;}}
@media(max-width:400px){#connected-english-preview .m-recording-methods{grid-template-columns:minmax(0,1fr);}}
#connected-english-preview .m-manager-panel {margin:0 0 24px;border:1px solid var(--x-line);border-radius:var(--x-radius);overflow:hidden;background:var(--x-surface);}
#connected-english-preview .m-manager-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:0 var(--x-panel-padding);}
#connected-english-preview .m-manager-heading>h3 {flex:1 1 auto;margin:0;font-size:var(--x-body);line-height:1.6;}
#connected-english-preview .m-manager-heading .x-disclosure-toggle {min-height:64px;padding-block:16px;}
#connected-english-preview .m-manager-body {padding:var(--x-panel-padding);border-top:1px solid var(--x-line);}
#connected-english-preview .m-manager-body>.x-record:first-child {margin-top:0;}
#connected-english-preview .m-clip-form {margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--x-line);}
#connected-english-preview .m-clip-form>h4 {margin:0 0 16px;font-size:var(--x-body);}