.recorder{--rec-round-size:84px;--rec-drop-pad:28px;--rec-drop-gap:24px;--rec-slot-pad-b:16px;--rec-shadow-drag:0 1px 2px rgba(18,21,27,.05),0 18px 40px -20px rgba(37,99,235,.5);position:relative;margin:40px 0 0;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);color:var(--ink)}.recorder.is-drag{border-color:var(--signal);box-shadow:var(--rec-shadow-drag)}.rec-body{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);grid-gap:12px;gap:12px;padding:12px}.rec-side{flex-direction:column}.rec-drop,.rec-side{display:flex;min-width:0}.rec-drop{flex:1 1;align-items:center;gap:var(--rec-drop-gap);padding:var(--rec-drop-pad);border-radius:var(--radius-well);cursor:pointer}.rec-drop:hover{background:var(--ground)}.recorder.is-drag .rec-drop{background:var(--signal-soft)}.recorder.is-inert .rec-drop,.recorder[data-state=busy] .rec-drop{cursor:default}.recorder.is-inert .rec-drop:hover,.recorder[data-state=busy] .rec-drop:hover{background:transparent}.rec-round{flex:none;display:grid;place-items:center;width:var(--rec-round-size);height:var(--rec-round-size);padding:0;border:0;border-radius:50%;background:var(--signal);color:#fff;box-shadow:var(--shadow-round);cursor:pointer}.rec-round .icon{width:32px;height:32px;stroke-width:1.75}.rec-drop:hover .rec-round,.rec-round:hover{background:var(--signal-strong)}.rec-round:active{translate:0 1px}.recorder[data-state=busy] .rec-round{background:var(--signal);cursor:default}.recorder.is-inert .rec-round{background:var(--line-strong);box-shadow:none;cursor:default}.rec-copy{flex:1 1;min-width:0}.rec-title{margin:0;font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.012em;text-wrap:balance}.rec-title.is-file{width:-moz-fit-content;width:fit-content;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec-note{margin:6px 0 0;color:var(--ink-2);font-size:15px;line-height:1.45;text-wrap:pretty}.rec-line{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:12px;font-size:16px;color:var(--ink-2)}.rec-size{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rec-more,.rec-remove{padding:0;border:0;background:none;font:inherit;font-size:15px;font-weight:500;color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:3px;cursor:pointer}.rec-more:hover,.rec-remove:hover{color:var(--ink);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.pill.rec-cta{height:auto;min-height:44px;padding:12px 22px;line-height:1.25;text-align:center;white-space:normal}.rec-slot{padding:0 var(--rec-drop-pad) 0 calc(var(--rec-drop-pad) + var(--rec-round-size) + var(--rec-drop-gap))}.rec-slot.is-open{padding-bottom:var(--rec-slot-pad-b)}.rec-human .turnstile-widget{min-height:0;margin:0}.rec-progress{display:flex;align-items:center;gap:12px;padding-top:4px}.rec-bar{position:relative;flex:1 1;height:6px;border-radius:3px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line)}.rec-bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;background:var(--signal);transform:scaleX(var(--s,0));transform-origin:left}.rec-bar-head{position:absolute;top:-5px;bottom:-5px;left:var(--p,0);width:2px;margin-left:-1px;border-radius:2px;background:var(--signal-strong)}.rec-pct{min-width:4ch;font-size:14px;font-weight:600;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.rec-display{align-self:start;display:flex;flex-direction:column;justify-content:center;gap:16px;min-width:0;padding:22px 26px 18px;background:var(--well);border-radius:var(--radius-well);box-shadow:inset 0 1px 2px rgba(18,21,27,.05)}.rec-readouts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:start;margin:0}.rec-readout{display:flex;flex-direction:column-reverse;gap:8px;min-width:0;padding-left:22px;border-left:1px solid var(--line-strong)}.rec-readout:first-child{padding-left:0;border-left:0}.rec-readout dt{font-size:13px;font-weight:500;line-height:1.25;color:var(--ink-3);text-wrap:balance}.rec-readout dd{margin:0;font-size:40px;font-weight:500;line-height:1;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.rec-unit{font-size:20px;letter-spacing:0;color:var(--ink-2)}.rec-legend{margin:0;padding-top:14px;border-top:1px solid var(--line-strong);line-height:1.45}.rec-legend,.rec-strip{font-size:14px;color:var(--ink-2)}.rec-strip{display:flex;flex-wrap:wrap;align-items:center;gap:10px 0;padding:14px 24px 15px;border-top:1px solid var(--line);line-height:1.4}.rec-strip>p{margin:0}.rec-extra .rec-more{font-size:inherit}.rec-strip>p+p{margin-left:18px;padding-left:18px;border-left:1px solid var(--line)}.rec-strip>.rec-fine{margin-left:auto;padding-left:0;border-left:0;font-size:13px;color:var(--ink-3)}.rec-fine a{color:var(--signal);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--signal) 40%,transparent);text-decoration-color:color-mix(in srgb,var(--signal) 40%,transparent);text-underline-offset:3px}.rec-fine a:hover{color:var(--signal-strong);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.rec-state{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--ink)}.rec-dot{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--ok)}.recorder[data-state=busy] .rec-dot,.recorder[data-state=chosen] .rec-dot{background:var(--signal)}.recorder[data-state=alert] .rec-dot,.recorder[data-state=limit] .rec-dot{background:var(--ink)}.recorder[data-state=loading] .rec-dot,.recorder[data-state=off] .rec-dot{background:var(--ink-3)}.recorder[data-state=loading] .rec-legend,.recorder[data-state=loading] .rec-readout dd{color:var(--ink-3)}.rec-state.is-message{flex:1 1 100%;display:grid;grid-template-columns:8px minmax(0,1fr);align-items:start;grid-column-gap:10px;column-gap:10px;font-weight:500}.rec-state.is-message .rec-dot{margin-top:6px}.rec-state.is-message .rec-say{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px}.rec-strip>.rec-state.is-message+p{margin-left:0;padding-left:0;border-left:0}.rec-next{display:inline-flex;flex-wrap:wrap;gap:4px 16px}.rec-next a,.rec-next button{padding:0;border:0;background:none;font:inherit;font-weight:600;color:var(--signal);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--signal) 40%,transparent);text-decoration-color:color-mix(in srgb,var(--signal) 40%,transparent);text-underline-offset:3px;cursor:pointer}.rec-next a:hover,.rec-next button:hover{color:var(--signal-strong);-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.rec-next button[disabled]{color:var(--ink-3);-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);cursor:not-allowed}.rec-usage{display:inline-flex;align-items:center;gap:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rec-segs{display:inline-flex;gap:3px}.rec-segs span{width:14px;height:6px;border-radius:2px;background:var(--well);box-shadow:inset 0 0 0 1px var(--line-strong)}.rec-segs span.is-on{background:var(--signal);box-shadow:none}@media (max-width:1199px){.rec-strip>.rec-fine{flex-basis:100%;margin-left:0}}@media (max-width:1100px){.rec-readout{padding-left:16px}.rec-readout dd{font-size:34px}.rec-unit{font-size:17px}}@media (min-width:901px) and (max-width:1000px){.rec-slot{padding-left:var(--rec-drop-pad)}}@media (max-width:900px){.rec-body{grid-template-columns:minmax(0,1fr)}.rec-strip>.rec-formats{flex-basis:100%;margin-left:0;padding-left:0;border-left:0}}@media (max-width:560px){.recorder{--rec-round-size:64px;--rec-drop-pad:12px;--rec-drop-gap:16px;--rec-slot-pad-b:8px;margin-top:28px}.rec-body{gap:8px;padding:8px}.rec-drop{padding:18px var(--rec-drop-pad)}.rec-round .icon{width:26px;height:26px}.rec-title{font-size:18px}.rec-note{font-size:14px}.rec-line{margin-top:10px;font-size:15px}.rec-line .pill{height:auto;min-height:40px;padding:10px 16px;line-height:1.25;text-align:center;white-space:normal}.rec-slot{padding:0}.rec-display{gap:14px;padding:16px 14px 14px}.rec-readout{gap:6px;padding-left:12px}.rec-readout dd{font-size:25px}.rec-unit{font-size:14px}.rec-readout dt{font-size:12px}.rec-legend{padding-top:12px;font-size:13px}.rec-strip{gap:8px 0;padding:14px 16px 16px}.rec-strip>.rec-fine,.rec-strip>.rec-formats,.rec-strip>.rec-usage{flex-basis:100%;margin-left:0;padding-left:0;border-left:0}}@media (max-width:340px){.rec-readout dd{font-size:22px}.rec-unit{font-size:12px}}@media (prefers-reduced-motion:no-preference){.recorder{transition:border-color var(--t-ui) var(--ease),box-shadow var(--t-ui) var(--ease)}.rec-drop,.rec-round{transition:background-color var(--t-ui) var(--ease)}.rec-fine a,.rec-more,.rec-next a,.rec-next button,.rec-remove{transition:color var(--t-ui) var(--ease),-webkit-text-decoration-color var(--t-ui) var(--ease);transition:color var(--t-ui) var(--ease),text-decoration-color var(--t-ui) var(--ease);transition:color var(--t-ui) var(--ease),text-decoration-color var(--t-ui) var(--ease),-webkit-text-decoration-color var(--t-ui) var(--ease)}.rec-bar-fill{transition:transform .16s linear}.rec-bar-head{transition:left .16s linear;animation:rec-playhead 1.6s cubic-bezier(.45,0,.55,1) infinite alternate}.recorder[data-state=busy] .rec-dot:after,.recorder[data-state=chosen] .rec-dot:after{content:"";position:absolute;inset:-6px;border:2px solid var(--signal);border-radius:50%;opacity:0;animation:rec-pulse 1.8s var(--ease) infinite}}@keyframes rec-pulse{0%{opacity:.7;transform:scale(.35)}to{opacity:0;transform:scale(1.25)}}@keyframes rec-playhead{0%{transform:translateX(-5px)}to{transform:translateX(1px)}}