.cap-workspace{--cap-live:#c2410c;--cap-paused:#a16207;min-width:0;display:grid}:root[data-theme=dark] .cap-workspace{--cap-live:#ff8a5c;--cap-paused:#facc15}.cap-workspace [hidden]{display:none!important}.cap-workspace .workbench-input,.cap-workspace .workbench-result{gap:16px;min-width:0}.cap-workspace button,.cap-workspace select,.cap-workspace input[type=text],.cap-workspace .btn{min-height:44px}.cap-workspace .btn{white-space:normal;justify-content:center;height:auto}.cap-workspace select,.cap-workspace input[type=text]{border:var(--rule);background:var(--color-surface);width:100%;min-width:0;color:var(--color-ink);border-radius:8px;padding:8px 10px;font-size:16px}.cap-workspace input[type=text]:disabled{opacity:.7}.cap-workspace input[type=text][readonly]{background:var(--color-paper-2)}.cap-workspace input[type=range]{min-height:44px;accent-color:var(--color-accent)}.cap-workspace .helper{min-height:0;margin:0}.cap-mono{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate}.cap-muted{color:var(--color-muted);font-size:13px;font-weight:400}.cap-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.cap-head .workbench-label{flex-wrap:wrap;margin-bottom:0}.cap-head-actions,.cap-actions,.cap-inline{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.cap-inline>input{flex:180px}.cap-actions-end{justify-content:flex-end}.cap-actions .cap-record,.cap-actions .btn-accent{min-width:160px}.cap-group{gap:8px;min-width:0;display:grid}.cap-subhead{font-size:var(--text-sm);font-weight:600}.cap-field{min-width:0;font-size:var(--text-sm);gap:8px;display:grid}.cap-field>span:first-child{font-weight:500}.cap-compact{width:auto}.cap-pair{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:start;gap:16px;display:grid}.cap-check{min-height:44px;font-size:var(--text-sm);cursor:pointer;align-items:center;gap:10px;display:flex}.cap-check input{width:20px;height:20px;min-height:0;accent-color:var(--color-accent);flex:none}.cap-radios{border:0;gap:0;margin:0;padding:0 0 0 30px;display:grid}.cap-advanced{border-top:var(--rule);padding-top:16px}.cap-notice{border:var(--rule);border-inline-start:3px solid var(--color-error);background:var(--color-surface);color:var(--color-ink);font-size:var(--text-sm);border-radius:8px;padding:10px 12px}.cap-notice-info{border-inline-start-color:var(--color-accent);justify-items:start;gap:8px;display:grid}.cap-hints{border:var(--rule);background:var(--color-surface);color:var(--color-muted);border-radius:8px;gap:6px;padding:10px 12px 10px 28px;font-size:13px;list-style:outside;display:grid}.cap-status:empty,.cap-error:empty{display:none}.cap-status.error,.cap-error{color:var(--color-error)}.cap-lines{border-bottom:var(--rule);font-size:var(--text-sm);gap:4px;padding:12px clamp(16px,2vw,28px);display:grid}.cap-lines:not(:has(:not(:empty))){display:none}.cap-status:not(.helper){font-weight:500}.cap-frame{aspect-ratio:16/9;border:1px dashed var(--color-rule);background:var(--color-surface);touch-action:none;border-radius:12px;width:100%;max-height:72vh;position:relative;overflow:hidden}.cap-frame video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.cap-frame-small{max-height:360px}.cap-frame[data-zoomed=true]{cursor:grab}.cap-frame[data-zoomed=true] video{transition:none}.cap-frame video[data-ss-remote]{transform-origin:50%;transition:transform .2s}.cap-placeholder{text-align:center;font-size:var(--text-sm);color:var(--color-muted);place-content:center;justify-items:center;gap:8px;padding:16px;display:grid;position:absolute;inset:0}.cap-placeholder svg{width:40px;height:40px}.cap-placeholder-short{border:1px dashed var(--color-rule);background:var(--color-surface);border-radius:12px;min-height:120px;position:static}.cap-countdown{color:#fff;background:#111;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.cap-countdown strong{font-size:clamp(4rem,12vw,8rem);line-height:1}.cap-play{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cap-zoom-hint{top:8px;z-index:1;color:#fff;background:#0009;border-radius:999px;padding:4px 8px;font-size:12px;position:absolute;inset-inline-end:8px}.cap-badge{top:12px;color:#fff;background:#0000008c;border-radius:999px;align-items:center;gap:8px;padding:4px 10px;display:inline-flex;position:absolute;inset-inline-start:12px}.cap-badge .cap-dot{opacity:1;background:#ef4444}.cap-badge[data-state=paused] .cap-dot{background:#facc15;animation:none}.cap-caption{text-align:center}.cap-clock-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.cap-clock{font-size:2rem;font-weight:600;line-height:1.2}.cap-state{font-size:var(--text-sm);color:var(--color-muted);align-items:center;gap:8px;font-weight:600;display:inline-flex}.cap-dot{opacity:.5;background:currentColor;border-radius:50%;width:10px;height:10px}.cap-state[data-state=live]{color:var(--cap-live)}.cap-state[data-state=live] .cap-dot,.cap-badge[data-state=live] .cap-dot{opacity:1;animation:1.2s ease-in-out infinite cap-pulse}.cap-state[data-state=paused]{color:var(--cap-paused)}.cap-state[data-state=busy]{color:var(--color-ink)}@keyframes cap-pulse{50%{opacity:.4;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.cap-dot{animation:none!important}}.cap-progress{gap:8px;display:grid}.cap-progress progress{width:100%;height:8px;accent-color:var(--color-accent)}.cap-workspace audio{width:100%}.cap-details{border:var(--rule);background:var(--color-surface);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.cap-details div{min-width:0;padding:10px 14px}.cap-details dt{color:var(--color-muted);font-size:12px}.cap-details dd{overflow-wrap:anywhere;margin:0;font-weight:600}.cap-done{border:var(--rule);border-inline-start:3px solid var(--color-accent);background:var(--color-surface);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding:10px 14px;display:flex}.cap-tips{border:var(--rule);background:var(--color-surface);border-radius:10px;padding:12px 14px}.cap-tips ul{font-size:var(--text-sm);color:var(--color-muted);gap:6px;margin-top:8px;padding-inline-start:18px;list-style:outside;display:grid}.cap-stage-wrap{border-bottom:var(--rule);background:var(--color-paper-2);gap:16px;min-width:0;padding:clamp(16px,2vw,28px);display:grid}.cap-room{font-size:var(--text-sm)}.cap-box{border:var(--rule);background:var(--color-surface);border-radius:10px;gap:8px;padding:12px 14px;display:grid}.cap-rows{gap:8px;display:grid}.cap-row{border:var(--rule);background:var(--color-paper);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:8px 12px;display:flex}.cap-row-text{gap:2px;min-width:0;display:grid}.cap-row-text strong{overflow-wrap:anywhere;font-size:var(--text-sm)}.cap-row-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cap-row-controls input[type=range]{width:120px}.cap-percent{text-align:end;min-width:3.5ch;font-size:13px}.cap-danger{color:var(--color-error)}.cap-mic-row{justify-content:space-between}.cap-dialog{border:var(--rule);background:var(--color-paper);width:min(440px,100% - 32px);color:var(--color-ink);border-radius:14px;padding:24px}.cap-dialog::backdrop{background:#00000080}.cap-dialog-title{font-size:1.125rem;font-weight:600}.cap-dialog input[type=text]{border:var(--rule);background:var(--color-surface);width:100%;min-height:44px;color:var(--color-ink);border-radius:8px;padding:8px 10px;font-size:16px}@media (width<=767px){.cap-actions .btn{flex:140px}.cap-inline>.btn{flex:100%}.cap-row{flex-direction:column;align-items:stretch}.cap-row-controls input[type=range]{flex:120px}.cap-workspace:is([data-host=off],[data-role=viewer]) .cap-split>.workbench-input{order:2}.cap-workspace:is([data-host=off],[data-role=viewer]) .cap-split>.workbench-result{border-top:0;border-bottom:var(--rule)}}