.rec-app{--rec-r: 16px;--rec-red: #e5341c}.rec-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:20px;align-items:start}.rec-stage-wrap{min-width:0;display:flex;flex-direction:column;gap:12px}.rec-stage{position:relative;aspect-ratio:16 / 9;background:#0b0b0b;border-radius:var(--rec-r);overflow:hidden;border:1px solid var(--line)}.rec-stage video{width:100%;height:100%;object-fit:contain;display:block;background:#0b0b0b}.rec-stage video.rec-mirror{transform:scaleX(-1)}.rec-stage-empty video{visibility:hidden}.rec-stage-msg{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center;color:#e9e9e9}.rec-stage-msg p{margin:0;font-size:15px}.rec-stage-msg .btn{gap:8px}.rec-small{font-size:13px!important;color:#a8a8a8;max-width:36ch}.rec-count{position:absolute;inset:0;display:grid;place-items:center;font:800 clamp(64px,14vw,140px) / 1 var(--display);color:#fff;background:#00000059;text-shadow:0 2px 20px rgba(0,0,0,.5)}.rec-live{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;font:700 12.5px var(--body);letter-spacing:.04em;color:#fff;background:#0009}.rec-live:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--rec-red)}.rec-live-recording:before{animation:rec-blink 1.2s steps(2,start) infinite}.rec-live-paused:before{background:#f5b400}@keyframes rec-blink{to{visibility:hidden}}@media (prefers-reduced-motion: reduce){.rec-live-recording:before{animation:none}}.rec-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.rec-record,.rec-stop{gap:8px}.rec-dot{width:11px;height:11px;border-radius:50%;background:currentColor;display:inline-block}.rec-square{width:11px;height:11px;border-radius:2px;background:currentColor;display:inline-block}.rec-btn-ghost{font:600 14.5px var(--body);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:999px;padding:10px 18px;cursor:pointer}.rec-btn-ghost:hover:not(:disabled){border-color:var(--ink)}.rec-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.rec-btn-sm{font-size:13.5px;padding:8px 14px}.rec-clock{margin-left:auto;display:flex;align-items:baseline;gap:10px;font-variant-numeric:tabular-nums}.rec-time{font:700 22px var(--display);color:var(--ink)}.rec-bytes{font-size:13.5px;color:var(--muted)}.rec-state{font:700 12px var(--body);letter-spacing:.06em;color:var(--rec-red)}.rec-state-paused{color:var(--muted)}.rec-alert{margin:0;padding:11px 14px;border-radius:12px;background:var(--neg-soft);color:var(--ink);font-size:14.5px;line-height:1.5;border:1px solid color-mix(in oklch,var(--neg) 25%,transparent)}.rec-alert-soft{background:var(--soft);border-color:var(--soft-2, var(--line))}.rec-alert-big{padding:18px 20px}.rec-alert-big p{margin:0 0 8px}.rec-alert-big p:last-child{margin:0}.rec-panel{gap:18px}.rec-panel .tpe-note a,.rec-takes a:not(.btn){color:var(--accent-text)}.rec-legend{font-family:var(--display);font-weight:600;font-size:14px;color:var(--ink);padding:0;margin-bottom:8px}.rec-panel select{font-size:16px}.rec-seg-3{grid-template-columns:repeat(3,1fr)}.rec-two{align-items:end}.rec-two .tpe-field:first-child{grid-column:auto}.rec-check{padding-bottom:10px}.rec-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.rec-meter{position:relative;height:8px;margin-top:8px;border-radius:999px;background:var(--line);overflow:hidden}.rec-meter-bar{position:absolute;inset:0;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--pos) 0 70%,#f5b400 70% 90%,var(--rec-red) 90%);background-size:100% 100%}.rec-facts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.rec-facts div{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 11px}.rec-facts dt{font-size:12px;color:var(--muted)}.rec-facts dd{margin:2px 0 0;font-weight:600;font-size:14px;color:var(--ink)}.rec-bubble-opts{display:grid;gap:10px;margin-top:10px}.rec-cam-row{display:flex;gap:10px;align-items:center}.rec-grow{flex:1;min-width:0}.rec-grow select{margin-top:0}.rec-cam-thumb{width:64px;height:64px;object-fit:cover;background:#111;flex-shrink:0}.rec-cam-circle{border-radius:50%}.rec-cam-rect{border-radius:8px}.rec-corners{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.rec-corner{position:relative;aspect-ratio:16 / 9;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg);cursor:pointer;padding:0}.rec-corner span{position:absolute;width:28%;aspect-ratio:1;border-radius:50%;background:var(--muted)}.rec-corner-tl span{top:12%;left:8%}.rec-corner-tr span{top:12%;right:8%}.rec-corner-bl span{bottom:12%;left:8%}.rec-corner-br span{bottom:12%;right:8%}.rec-corner[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}.rec-corner[aria-pressed=true] span{background:var(--accent)}.rec-takes{margin-top:22px}.rec-takes-head{font-size:18px;margin:0 0 4px}.rec-takes-head span{color:var(--muted);font-weight:500}.rec-takes-note{margin:0 0 12px;font-size:14px;color:var(--muted)}.rec-takes-list{list-style:none;padding:0;margin:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.rec-take{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.rec-take video{width:100%;aspect-ratio:16 / 9;background:#000;display:block}.rec-take-info{padding:12px 14px 14px}.rec-take-title{margin:0;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rec-badge{font-size:11.5px;font-weight:600;color:var(--accent-text);background:var(--soft);border-radius:999px;padding:2px 8px}.rec-take-meta{margin:3px 0 10px;font-size:13.5px;color:var(--muted);font-variant-numeric:tabular-nums}.rec-take-actions{display:flex;gap:8px;flex-wrap:wrap}.rec-upsell{margin:14px 0 0;font-size:14.5px;color:var(--ink-body)}html.dark-mode .rec-facts div,html.dark-mode .rec-corner,html.dark-mode .rec-btn-ghost{background:#101010}@media (max-width: 860px){.rec-grid{grid-template-columns:1fr}}@media (max-width: 520px){.rec-stage{aspect-ratio:4 / 3}.rec-clock{margin-left:0;width:100%}.rec-facts{grid-template-columns:1fr}.rec-controls>.btn,.rec-controls>.rec-btn-ghost{flex:1;justify-content:center}}