:root{--green: #2e5a51;--green-deep: #23473f;--green-tint: #e9f0ee;--green-line: #c6d6d1;--ink: #211f24;--ink-dim: #5b6062;--ink-faint: #9aa09e;--paper: #ffffff;--bg: #f4f6f5;--line: #e3e7e5;--line-strong: #d2d8d5;--live: #c94f42;--live-tint: #fbeeec;--ok: #2e7d52;--warn: #b07c18;--warn-tint: #faf3e3;--r-card: 16px;--r-ctl: 12px;--shadow-card: 0 1px 2px rgba(33, 31, 36, .05);--shadow-pop: 0 8px 28px rgba(33, 31, 36, .12);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);min-height:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;cursor:pointer;border:none;color:inherit;background:none}img{display:block}.brandbar{display:flex;align-items:center;gap:10px;padding:14px 0 12px}.brandbar-maker{display:flex;align-items:center;gap:8px}.brand-as-icon{height:28px;width:auto}.brand-as-wordmark{height:19px;width:auto}.brand-wef{height:56px;width:auto}.brand-footer{margin-top:22px;padding:14px 0 4px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-faint);text-align:center;line-height:1.5}.brand-footer-strong{color:var(--ink-dim);font-weight:600}.landing{max-width:520px;margin:0 auto;padding:12px 22px 40px}.landing h1{font-size:26px;font-weight:750;letter-spacing:-.02em;margin:26px 0 4px}.landing .sub{color:var(--ink-dim);font-size:15px;margin:0 0 24px;line-height:1.55}.landing-links{display:flex;flex-direction:column;gap:10px}.landing-links a{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);color:var(--ink);text-decoration:none;box-shadow:var(--shadow-card);transition:border-color .15s,transform .06s}.landing-links a:hover{border-color:var(--green-line)}.landing-links a:active{transform:scale(.99)}.landing-links .role{font-weight:650;font-size:15.5px}.landing-links .desc{font-size:13px;color:var(--ink-dim);margin-top:2px}.landing-links .glyph{width:40px;height:40px;border-radius:12px;background:var(--green-tint);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:18px;flex:none}.app{max-width:480px;margin:0 auto;padding:0 20px calc(20px + env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}.page-title{font-size:23px;font-weight:750;letter-spacing:-.02em;margin:18px 0 6px}.page-sub{color:var(--ink-dim);font-size:14.5px;line-height:1.55;margin:0 0 20px}.screen-head{display:flex;align-items:center;gap:10px;padding:2px 0 14px}.screen-head .title{font-size:16.5px;font-weight:700;letter-spacing:-.01em}.screen-head .subtitle{font-size:12.5px;color:var(--ink-dim);margin-top:1px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);padding:16px;box-shadow:var(--shadow-card)}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;align-items:center;gap:10px}.spacer{flex:1}.label{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:var(--r-ctl);font-weight:650;font-size:15.5px;background:var(--green);color:#fff;transition:background .15s,transform .06s}.btn:hover{background:var(--green-deep)}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;cursor:default}.btn.secondary{background:var(--paper);border:1px solid var(--line-strong);color:var(--ink)}.btn.secondary:hover{background:var(--bg)}.btn.danger{background:var(--live)}.btn.danger:hover{background:#b23e33}.btn.big{width:100%;padding:15px 22px;font-size:16px}.input{width:100%;padding:13px 14px;border-radius:var(--r-ctl);border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus{border-color:var(--green);box-shadow:0 0 0 3px var(--green-tint)}.pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:650;padding:5px 11px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--ink-dim);white-space:nowrap}.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--ink-faint)}.pill.live{color:var(--live);border-color:transparent;background:var(--live-tint)}.pill.live .dot{background:var(--live);animation:pulse 1.6s ease-in-out infinite}.pill.ok{color:var(--ok);border-color:transparent;background:var(--green-tint)}.pill.ok .dot{background:var(--ok)}.pill.warn{color:var(--warn);border-color:transparent;background:var(--warn-tint)}.pill.warn .dot{background:var(--warn)}.pill.danger{color:#fff;border-color:transparent;background:var(--danger, #c0392b)}.pill.danger .dot{background:#fff;animation:none}@keyframes pulse{0%,to{box-shadow:0 0 #c94f4273}50%{box-shadow:0 0 0 5px #c94f4200}}.meter{height:8px;border-radius:5px;background:var(--bg);border:1px solid var(--line);overflow:hidden}.meter-fill{height:100%;width:0%;border-radius:5px;background:var(--green);transition:width 80ms linear}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:9px 15px;border-radius:999px;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink-dim);font-size:14px;font-weight:600;transition:all .12s}.chip:hover{border-color:var(--green-line);color:var(--ink)}.chip.active{background:var(--green);border-color:var(--green);color:#fff}.chip:disabled{opacity:.4}select.lang-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;max-width:190px;text-overflow:ellipsis}select.lang-select option{background:var(--paper);color:var(--ink)}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:4px;gap:4px}.mode-toggle button{padding:12px 10px;border-radius:10px;font-weight:650;font-size:14px;color:var(--ink-dim);transition:all .15s}.mode-toggle button.active{background:var(--paper);color:var(--green-deep);box-shadow:var(--shadow-card);border:1px solid var(--green-line)}.mode-toggle button:disabled{opacity:.4}.mode-sub{display:block;font-size:11px;font-weight:500;opacity:.8;margin-top:2px}.captions{flex:1;min-height:170px;overflow-y:auto;padding:16px 18px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-card);font-size:17.5px;line-height:1.68;scroll-behavior:smooth}.captions-single{display:block;align-items:stretch;overflow-y:auto}.captions-single .caption-line{display:block}.captions .fin{color:var(--ink)}.captions .nf{color:var(--ink-faint)}.captions .placeholder{color:var(--ink-faint);font-size:14px}.captions .orig-tail{color:var(--ink-faint);font-style:italic;opacity:.8}.avatar-wrap{border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line);background:#10201c;aspect-ratio:16 / 10;box-shadow:var(--shadow-card)}.avatar-wrap video{width:100%;height:100%;object-fit:cover;display:block}.opt-card{display:flex;align-items:center;gap:12px;padding:13px 14px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-ctl);cursor:pointer;box-shadow:var(--shadow-card)}.opt-card input{accent-color:var(--green);width:17px;height:17px;flex:none}.opt-card .opt-title{font-size:14.5px;font-weight:600;color:var(--ink)}.opt-card .opt-desc{font-size:12.5px;color:var(--ink-dim);margin-top:1px}.error{color:#9b3a30;background:var(--live-tint);border:1px solid #edcbc6;border-radius:var(--r-ctl);padding:10px 14px;font-size:13.5px}.volume{width:100%;accent-color:var(--green)}.audio-mix{gap:12px;padding:12px 14px;flex:none}label.row{cursor:pointer}label.row input[type=checkbox]{accent-color:var(--green)}.stage-wrap{position:relative;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line);background:#10201c;aspect-ratio:16 / 9;box-shadow:var(--shadow-card)}.stage-wrap video{width:100%;height:100%;object-fit:cover;display:block}.stage-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.stage-placeholder-hint{color:#fff6;font-size:12px}.stage-wrap.dragging{border-color:var(--green);box-shadow:0 0 0 3px #2e5a5140}.stage-wrap.dragging .stage-placeholder-hint{color:#ffffffd9}.drop-card{border:1px dashed var(--line);border-radius:var(--r-card);background:var(--paper);padding:16px 18px;text-align:center;transition:border-color .12s,box-shadow .12s}.drop-card.dragging{border-color:var(--green);border-style:solid;box-shadow:0 0 0 3px #2e5a512e}.drop-card.locked{opacity:.55;border-style:solid}.notice{color:var(--ink-dim);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-ctl);padding:10px 14px;font-size:13.5px;line-height:1.5}.stage-caption{position:absolute;left:0;right:0;bottom:0;padding:24px 16px 12px;background:linear-gradient(to top,#000000b8,#0000);pointer-events:none}.stage-caption-text{color:#fff;font-size:17px;line-height:1.45;font-weight:500;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.6);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;max-height:2.9em;overflow-wrap:break-word;word-break:normal;font-family:Segoe UI,Tahoma,Arial,sans-serif}.stage-caption-text.rtl{direction:rtl;unicode-bidi:plaintext;display:block;-webkit-line-clamp:unset;line-clamp:unset;text-align:center}@media (max-width: 560px){.stage-caption{padding:20px 12px 10px}.stage-caption-text{font-size:15px;max-height:2.9em}}