.viewer{--caption-size:30px;--speaker-size:12px;color:#f0f0f1;min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#090a0b;flex-direction:column;display:flex;position:relative}.viewer.text-small{--caption-size:24px}.viewer.text-large{--caption-size:38px}.viewer-header{justify-content:space-between;align-items:center;gap:15px;min-height:76px;padding:16px 30px;display:flex}.viewer .wordmark{color:#898b90;font-size:10px}.viewer-tools{align-items:center;gap:12px;display:flex}.viewer .language-switch{background:#121416;border:1px solid #25272b}.viewer .language-switch button{color:#7f838b;min-height:32px;padding:7px 13px;font-size:11px}.viewer .language-switch button[aria-pressed=true]{color:#e3e4e5;box-shadow:none;background:#2a2c31}.viewer .icon-button{color:#8b8f97}.viewer .icon-button:hover{background:#ffffff09}.performance-identity{justify-content:center;align-items:center;gap:12px;padding:24px 20px 0;display:flex}.performance-identity h1{color:#acaeb3;font-size:22px;font-weight:600}.performance-identity>span:last-child{color:#656971;align-self:flex-end;padding-bottom:2px;font-size:11px}.red-line{background:#a73646;width:3px;height:15px;display:block}.caption-stage{flex:1;justify-content:center;align-items:center;min-height:320px;padding:50px 36px 70px;display:flex}.caption-content{text-align:center;flex-direction:column;gap:35px;width:min(100%,950px);display:flex}.caption-line{flex-direction:column;gap:15px;display:flex}.speaker{font-size:var(--speaker-size);color:#a47a81;font-weight:500;line-height:1.7}.subtitle{font-size:var(--caption-size);word-break:keep-all;overflow-wrap:anywhere;white-space:normal;font-weight:500;line-height:1.65}.performance-message{flex-direction:column;align-items:center;gap:20px;display:flex}.status-rule{background:#783744;width:26px;height:1px}.performance-message p,.waiting-caption{color:#95979d;word-break:keep-all;font-size:20px;line-height:1.7}.performance-message>span:last-child{color:#5c6067;font-size:11px}.viewer-footer{justify-content:space-between;align-items:center;gap:20px;min-height:60px;padding:16px 30px 22px;display:flex}.viewer .connection{color:#a18160;font-size:10px}.viewer-footer-name{color:#464a50;margin-left:auto;font-size:9px}.viewer .settings-popover{z-index:5;right:max(20px, env(safe-area-inset-right));top:calc(70px + env(safe-area-inset-top));color:#c5c7cc;background:#1a1c20;border:1px solid #34373d;border-radius:6px;width:min(300px,100% - 40px);padding:17px 20px;position:absolute;box-shadow:0 12px 40px #0008}.settings-popover>label{margin-top:22px;margin-bottom:12px;font-size:12px;display:block}.settings-popover input[type=range]{accent-color:#ba5464;width:100%}.size-labels{color:#a6a9af;justify-content:space-between;align-items:center;padding:7px 2px 12px;display:flex}.size-labels span:first-child{font-size:12px}.size-labels span:nth-child(2){font-size:16px}.size-labels span:nth-child(3){font-size:21px}.settings-popover .toggle-row{border-top:1px solid #35383d;justify-content:space-between;align-items:center;gap:15px;margin-top:8px;padding-top:15px;display:flex}.toggle-row>span{align-items:center;gap:8px;display:inline-flex}.toggle-row input{accent-color:#ae4455;width:18px;height:18px}.viewer .quiet-button{color:#959ba5;padding-left:0;font-size:11px}@media (min-width:1100px){.viewer-header,.viewer-footer{padding-inline:50px}.performance-identity{padding-top:32px}.performance-identity h1{font-size:28px}}@media (max-width:480px){.viewer-header{gap:8px;min-height:68px;padding:14px 17px}.viewer-tools{gap:6px}.viewer .language-switch button{padding-inline:10px}.viewer .wordmark{gap:5px;font-size:9px}.viewer .brand-square{width:5px;height:5px}.performance-identity{padding-top:27px}.performance-identity h1{font-size:20px}.caption-stage{padding:38px 23px 60px}.caption-content{gap:30px}.viewer-footer{flex-wrap:wrap;gap:8px;padding:14px 20px 18px}.viewer-footer-name{font-size:8px}.performance-message p{font-size:18px}}@media (max-height:480px) and (orientation:landscape){.viewer-header{min-height:54px;padding-block:8px}.performance-identity{padding-top:3px}.performance-identity h1{font-size:17px}.caption-stage{min-height:130px;padding:24px}.caption-content{gap:24px}.viewer-footer{min-height:44px;padding-block:8px}}.viewer.with-font-profile{height:100dvh;min-height:0}.viewer.with-font-profile .viewer-header,.viewer.with-font-profile .viewer-footer,.viewer.with-font-profile .performance-identity{flex-shrink:0}.viewer.with-font-profile .caption-stage{min-height:0}.viewer.with-font-profile .caption-content{gap:24px}.viewer.with-font-profile .caption-line{gap:10px}.viewer.with-font-profile .subtitle{white-space:pre-wrap;line-height:1.5}.viewer.with-font-profile .speaker{line-height:1.5}.viewer .caption-fit-note{color:#d8b88d;margin:10px 0;font-size:11px}@media (max-height:680px) and (orientation:portrait){.viewer.with-font-profile .performance-identity{padding-top:8px}.viewer.with-font-profile .caption-stage{padding-block:20px}}@media (max-height:480px) and (orientation:landscape){.viewer.with-font-profile .performance-identity{display:none}.viewer.with-font-profile .caption-stage{padding-block:10px}}.viewer .subtitle,.viewer .speaker{white-space:pre-wrap}.viewer .curtain-credit{text-align:center;gap:24px}.viewer .curtain-role{font-size:calc(var(--caption-size) * .65);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.5}.viewer .curtain-name{font-weight:600}:root{color:#24262a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;letter-spacing:0;background:#f7f8fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #c85360}a{color:inherit;text-decoration:none}button{border:0}button svg,a svg{flex-shrink:0}h1,h2,p{margin:0}button,input,p,h1,h2,a{overflow-wrap:anywhere}.wordmark{white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.brand-square{background:#bf3444;width:7px;height:7px;display:inline-block}.icon-button{width:38px;height:38px;color:inherit;background:0 0;border-radius:5px;flex:0 0 38px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover:not(:disabled){background:#00000008}.primary-button,.secondary-button,.quiet-button{border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:9px 16px;font-size:13px;font-weight:650;line-height:1.4;display:inline-flex}.primary-button{color:#fff;background:#a52a3a;border:1px solid #a52a3a}.primary-button:hover:not(:disabled){background:#8c2030}.secondary-button{color:#3d4249;background:#fff;border:1px solid #d9dde3}.secondary-button:hover:not(:disabled){background:#f0f1f3}.quiet-button{color:#616871;background:0 0}.text-link{align-items:center;gap:7px;font-size:12px;font-weight:600;display:inline-flex}.segmented{border:1px solid #e1e4e8;border-radius:5px;gap:3px;padding:3px;display:flex}.segmented button{color:#70767d;white-space:nowrap;background:0 0;border-radius:3px;min-height:33px;padding:8px 14px;font-size:12px;font-weight:600}.segmented button[aria-pressed=true]{color:#a52a3a;background:#fff;box-shadow:0 1px 4px #0000000c}.connection{color:#a56f32;align-items:center;gap:7px;font-size:11px;line-height:1.5;display:inline-flex}.connection.connected{color:#4d7d67}.status-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.operator{min-height:100dvh}.operator-header{background:#fff;border-bottom:1px solid #e4e6e9;justify-content:space-between;align-items:center;gap:12px;height:65px;padding:0 36px;display:flex}.operator-brand,.header-actions{align-items:center;gap:20px;min-width:0;display:flex}.header-divider{background:#dfe2e7;width:1px;height:17px}.console-label{color:#757a83;font-size:12px}.environment-badge{color:#7b6b3c;white-space:nowrap;background:#faf7ed;border:1px solid #dfd5b7;border-radius:3px;width:-moz-fit-content;width:fit-content;padding:3px 7px;font-size:10px;line-height:1.5;display:inline-flex}.operator-body{max-width:1280px;margin:auto;padding:32px 36px 0}.show-heading{justify-content:space-between;align-items:center;gap:24px;padding-bottom:25px;display:flex}.eyebrow{color:#8a7c80;margin-bottom:9px;font-size:10px;font-weight:700}.show-heading h1{align-items:baseline;gap:15px;font-size:35px;font-weight:750;line-height:1.3;display:flex}.show-heading h1 span{color:#747982;font-size:17px;font-weight:400}.show-meta{color:#858a92;gap:20px;margin-top:8px;font-size:11px;display:flex}.show-status{align-items:center;gap:20px;display:flex}.show-toolbar{border-top:1px solid #e1e4e8;border-bottom:1px solid #e1e4e8;justify-content:space-between;align-items:center;gap:12px;margin-bottom:26px;padding:14px 0;display:flex}.show-modes{background:#edf0f3;border-color:#0000}.delivery-status{color:#797e86;align-items:center;gap:6px;font-size:11px;display:inline-flex}.console-grid{grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:32px;display:grid}.output-section,.cue-section{min-width:0}.section-label{justify-content:space-between;align-items:center;min-height:32px;margin-bottom:12px;display:flex}.section-label h2{align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.live-dot,.row-live-dot{background:#b43749;border-radius:50%;flex-shrink:0;width:6px;height:6px}.cue-badge{font-variant-numeric:tabular-nums;color:#9a4550;background:#f5e8eb;border-radius:3px;padding:5px 8px;font-size:11px;font-weight:650}.live-preview{color:#f3f4f5;background:#121416;border-radius:6px;flex-direction:column;height:300px;min-height:275px;padding:18px 22px 14px;display:flex}.preview-topline,.preview-bottomline{color:#6f767d;justify-content:space-between;align-items:center;gap:12px;font-size:9px;display:flex}.preview-topline>span:first-child{color:#bf7b83}.preview-bottomline{margin-top:auto;padding-top:12px}.preview-lines{text-align:center;flex-direction:column;flex:1;justify-content:center;gap:18px;min-height:0;padding:15px 0;display:flex;overflow:auto}.preview-lines>div{flex-shrink:0}.preview-speaker{color:#bc7d85;margin-bottom:9px;font-size:10px;font-weight:650;display:inline-block}.preview-ko{white-space:pre-wrap;font-size:21px;font-weight:550;line-height:1.6}.preview-en{color:#aeb3b9;white-space:pre-wrap;margin-top:7px;font-size:13px;line-height:1.7}.preview-empty{text-align:center;color:#8b929a;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:25px;font-size:15px;display:flex}.transport-controls{grid-template-columns:1fr 2fr 52px;gap:10px;margin-top:14px;display:grid}.transport-controls>button{min-height:52px}.next-button{justify-content:space-between;padding:10px 21px;font-size:16px}.previous-button{font-size:12px}.blackout-button{background:#fff;border:1px solid #d9dde3;width:52px;height:52px}.blackout-button.active{color:#a52a3a;background:#f7e9ed;border-color:#c68892}.next-heading{justify-content:space-between;gap:10px;margin:25px 0 12px;display:flex}.next-heading h2{color:#656b73;font-size:12px;font-weight:600}.next-heading>span{color:#9499a0;font-size:11px}.next-preview{border-top:1px solid #e0e3e8;border-bottom:1px solid #e0e3e8;min-height:132px;max-height:230px;padding:10px 0;overflow:auto}.next-preview .preview-lines{text-align:left;gap:12px;padding:5px 0}.next-preview .preview-speaker{color:#89767c;margin-bottom:4px}.next-preview .preview-ko{color:#49505a;font-size:16px}.next-preview .preview-en{color:#9298a1;margin-top:3px;font-size:12px}.next-preview .preview-empty{align-items:flex-start;padding:25px 0;font-size:12px}.jump-actions{justify-content:space-between;margin-top:12px;display:flex}.jump-actions .primary-button{min-width:100px}.cue-section{border-left:1px solid #e1e4e8;padding-left:32px}.count{color:#828994;background:#e9edf1;border-radius:3px;padding:3px 6px;font-size:10px}.script-meta{color:#8d939b;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:10px;display:flex}.script-meta span{overflow-wrap:anywhere}.search-box{color:#9096a0;background:#fff;border:1px solid #dfe3e8;border-radius:5px;align-items:center;gap:8px;height:41px;padding:0 12px;display:flex}.search-box input{color:#454a52;outline-offset:0;background:0 0;border:0;width:100%;min-width:0;height:100%;font-size:11px}.search-box input::placeholder{color:#9b9fa8}.cue-list-header{color:#959ba4;border-bottom:1px solid #e2e5e9;grid-template-columns:48px 1fr 24px;padding:17px 12px 10px;font-size:9px;display:grid}.cue-list{scrollbar-width:thin;scrollbar-color:#d4d8de transparent;height:441px;overflow-y:auto}.cue-row{text-align:left;color:#9a9fa8;background:0 0;border-bottom:1px solid #e7eaee;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:0;width:100%;min-height:62px;padding:12px;display:grid}.cue-row:hover{background:#edf0f4}.cue-row.current{color:#a52a3a;background:#f5e9ed;box-shadow:inset 2px 0 #a52a3a}.cue-row.selected{outline-offset:-1px;outline:1px solid #ac7681}.cue-number{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.cue-summary{flex-direction:column;gap:5px;min-width:0;padding-right:10px;display:flex}.cue-speakers{color:#737a85;font-size:10px}.cue-text{color:#555d69;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.current .cue-text,.current .cue-speakers{color:#993b4b}.list-footer{color:#969da6;border-top:1px solid #dfe3e8;justify-content:space-between;gap:12px;padding:15px 12px;font-size:10px;display:flex}.empty-list{color:#8a929b;text-align:center;padding:55px 12px;font-size:12px}.operator-footer{color:#999fa7;border-top:1px solid #e2e6ea;justify-content:space-between;gap:12px;margin-top:25px;padding:26px 0 22px;font-size:9px;display:flex}.alert-banner{color:#9b3846;background:#fff3f3;border:1px solid #e3b9be;border-radius:5px;align-items:center;gap:10px;margin-bottom:15px;padding:10px 12px;font-size:12px;display:flex}.alert-banner>span{flex:1}.alert-banner>svg{flex-shrink:0}.import-confirm{border-top:1px solid #d4bdc2;border-bottom:1px solid #d4bdc2;margin-bottom:12px;padding:12px 0;font-size:12px}.import-confirm>div{justify-content:flex-end;margin-top:8px;display:flex}.operator-login{background:#f7f8fa;flex-direction:column;min-height:100dvh;padding:30px 40px;display:flex}.login-content{width:min(100%,370px);margin:auto;padding:50px 0}.login-content h1{font-size:39px;font-weight:750}.login-content h1 span{color:#9a3a4a;font-size:17px;font-weight:500}.login-label{color:#6e7580;margin:12px 0 20px;font-size:14px}.login-content form{flex-direction:column;gap:10px;margin:24px 0;display:flex}.login-content label{color:#666d77;font-size:12px;font-weight:600}.login-content input{background:#fff;border:1px solid #d9dde3;border-radius:5px;min-width:0;margin-bottom:8px;padding:11px 13px}.login-content form .primary-button{justify-content:space-between;margin-top:8px}.login-content .text-link{color:#8d939e}.login-footer{color:#a2a7af;font-size:10px}.error-message{color:#a52a3a;margin:15px 0;font-size:12px;line-height:1.7}.modal-backdrop{z-index:20;background:#11131780;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.qr-modal{text-align:center;background:#fff;border-radius:8px;width:min(100%,380px);max-height:calc(100dvh - 40px);padding:20px;overflow-y:auto;box-shadow:0 15px 50px #00000020}.popover-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.popover-heading h2{font-size:14px}.qr-title{margin:15px 0;font-size:25px;font-weight:700}.qr-title span{color:#a52a3a;font-size:12px}.qr-modal img{aspect-ratio:1;width:min(100%,280px);height:auto;margin:auto;display:block}.qr-modal>a{color:#69717a;margin:12px 0;font-size:12px;display:block}.qr-actions{justify-content:center;gap:10px;margin-top:20px;display:flex}.qr-placeholder{height:280px}.setting-note{color:#999;font-size:11px;line-height:1.6}.configuration-state{color:#ddd;text-align:center;background:#090a0b;flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100dvh;padding:35px;display:flex}.configuration-state h1{font-size:30px}.configuration-state p{line-height:1.8}@media (min-width:1500px){.operator-body{padding-top:44px}.live-preview{height:330px}.cue-list{height:471px}}@media (max-width:850px){.operator-body{padding:24px 22px 0}.operator-header{padding:0 22px}.console-grid{gap:22px}.cue-section{padding-left:22px}.show-status{flex-direction:column;align-items:flex-end;gap:12px}.show-heading h1{font-size:30px}.preview-ko{font-size:18px}.live-preview{padding-inline:15px}.operator-brand{gap:12px}.console-label{display:none}}@media (max-width:640px){.operator-header{flex-wrap:wrap;height:auto;min-height:61px;padding:10px 16px}.operator-body{padding:23px 16px 0}.operator-brand{gap:10px}.header-divider{display:none}.header-actions{gap:6px}.header-actions .text-link{font-size:11px}.console-grid{grid-template-columns:minmax(0,1fr);gap:28px}.cue-section{border-top:1px solid #dfe3e8;border-left:0;padding-top:20px;padding-left:0}.show-heading{align-items:flex-start;gap:12px}.show-heading h1{flex-wrap:wrap;gap:10px;font-size:27px}.show-heading h1 span{font-size:13px}.show-meta{flex-direction:column;gap:4px;line-height:1.6}.show-status{gap:14px;padding-top:4px}.show-status .secondary-button{gap:4px;padding:8px 10px;font-size:11px}.show-toolbar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:19px}.show-modes button{flex:1;padding-inline:7px}.delivery-status{justify-content:flex-end;min-height:16px}.live-preview{height:280px}.cue-list{height:380px}.operator-login{padding:24px}.alert-banner{flex-wrap:wrap}.operator-footer{font-size:9px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.viewer{color:#faf8f2;background:#080a0e}.viewer .wordmark{color:#e9edf5;letter-spacing:.04em;font-family:inherit}.viewer .brand-square,.viewer .red-line,.viewer .status-rule{background:#859cf0}.viewer .speaker{color:#bbc7e3}.viewer .performance-message p,.viewer .waiting-caption{color:#e2e7f0}.viewer .performance-message>span:last-child,.viewer-footer-name{color:#98a3b8}.viewer .performance-identity h1{color:#e8ecf4;font-family:inherit}.viewer .connection.connected{color:#a0d5b0}.viewer .connection{color:#bbc7e3}.viewer .language-switch button{color:#b7c0d1}.viewer :is(.icon-button,.quiet-button){color:#b7c0d1}.viewer .settings-popover{color:#e9edf5;background:#1a1e27;border-color:#394151}.viewer :is(input[type=range],input[type=checkbox]){accent-color:#315ce8}.viewer :is(button,a,input):focus-visible{outline-color:#7597ff}:is(.operator,.operator-login,.configuration-state){color:#202632;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f6f8}:is(.operator,.operator-login) .wordmark{color:#315ce8;letter-spacing:.04em;font-family:inherit}:is(.operator,.operator-login) :is(.brand-square,.live-dot,.row-live-dot){background:#315ce8}.operator .operator-header{background:#fff;border-color:#e4e7ec}.operator :is(.console-label,.show-meta,.show-heading h1 span,.delivery-status,.cue-speakers,.list-footer,.operator-footer,.next-heading,.preview-bottomline){color:#667085}.operator :is(.show-toolbar,.cue-row,.search-box,.list-footer,.cue-section,.operator-footer,.section-label){border-color:#e4e7ec}:is(.operator,.operator-login) :is(button,input,select){min-height:44px}:is(.operator,.operator-login) :is(input,select,textarea,.secondary-button,.segmented,.show-modes,.search-box){color:#202632;background:#fff;border-color:#d0d5df}:is(.operator,.operator-login) :is(.primary-button,.next-button){color:#fff;background:#315ce8;border-color:#315ce8}:is(.operator,.operator-login) .quiet-button{color:#667085}.operator :is(.cue-badge,.cue-row.current,.segmented button[aria-pressed=true]){color:#294fc7;background:#eef2ff}.operator .cue-row{color:#344054}.operator .cue-row:hover{background:#f0f3f9}.operator :is(.cue-text,.cue-number){color:#344054}:is(.operator,.operator-login) :is(button,a,input,select):focus-visible{outline-color:#7597ff}.operator .live-preview{background:#171b24;border:1px solid #171b24}.operator .preview-en{color:#afb8c8}.viewer .language-switch{background:#1a1e27;border-color:#303745;border-radius:10px;padding:3px}.viewer .language-switch button{border-radius:7px}.viewer .language-switch button[aria-pressed=true]{color:#202632;background:#e9edf5}.viewer .settings-popover{border-radius:14px}.viewer .performance-identity h1{letter-spacing:-.03em;font-weight:600}.operator .operator-header{color:#202632}.operator .live-preview{border-radius:12px}.operator :is(.preview-speaker,.preview-topline>span:first-child){color:#b7c6f9}.operator .preview-bottomline{color:#afb8c8}.operator .connection.connected{color:#16734f}:is(.operator,.operator-login) :is(.primary-button,.next-button){border-radius:8px}