.admin-options{position:relative}.admin-options>summary{list-style:none;cursor:pointer}.admin-options-content{position:absolute;right:0;top:100%;width:260px;padding:8px;background:#24262d;color:#e9eaf0;border:1px solid #ffffff25;border-radius:12px;box-shadow:0 16px 40px #0007;z-index:400}.admin-options-content button,.admin-options-content summary{display:block;width:100%;min-height:48px;text-align:left;padding:12px;border:0;border-radius:7px;background:transparent;color:inherit;font:inherit;cursor:pointer}.admin-options-content button:hover,.admin-options-content summary:hover{background:#ffffff12}.admin-options-content [aria-pressed=true]{color:#9ac4ff;background:#ffffff0a}.admin-options-content #operation-mode-status{display:block;padding:12px;font-size:12px;color:#afb5c3}.admin-theme-menu>div{padding-left:12px}.monitor-label{font-size:12px;font-weight:700;margin:0 0 10px;color:#f18b8b}.studio-preview-monitor .monitor-label{color:#81dca8}.studio-monitors{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}html[data-operation-mode=studio] .studio-monitors{grid-template-columns:repeat(2,minmax(0,1fr))}#studio-preview-frame{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;border:1px solid #5d9375;border-radius:6px;background:repeating-conic-gradient(#101c2b 0% 25%,#162334 0% 50%) 0 / 24px 24px}#studio-preview{position:absolute;left:0;top:0;width:1920px;height:1080px;border:0;transform-origin:top left;pointer-events:none}#studio-switch-controls{padding-top:14px}#studio-stage-status{font-size:13px;margin:0 0 12px;color:#b6c5bd}#live-compositions-list{margin:12px 0;max-height:380px;overflow:auto}#live-compositions-list button{white-space:normal;overflow-wrap:anywhere;min-height:60px}#live-compositions-list button.selected{outline:2px solid #83bdff;outline-offset:-2px}#live-compositions-list button.on-air{border-color:#ff6b80}#live-compositions-list button span{display:block;font-size:11px;margin-top:5px;opacity:.8}.template-manager{max-width:700px;width:calc(100% - 40px);max-height:80vh;overflow:auto;color:#e9eaf0;background:#24262d;border:1px solid #ffffff30;border-radius:14px;padding:24px}.template-manager::backdrop{background:#0008}.template-manager h2{font-size:20px;margin:0 0 16px}.template-manager .template-row{padding:12px 0;border-bottom:1px solid #ffffff18}.template-manager .template-row strong{display:block;margin-bottom:10px}.template-manager .template-row .btn-row{flex-wrap:wrap}.template-manager input{margin-bottom:14px}.template-manager .template-empty{color:#bbc1ce;margin:18px 0}.template-manager-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
@media(max-width:700px){html[data-operation-mode=studio] .studio-monitors{grid-template-columns:minmax(0,1fr)}}

.operation-mode-badge{padding:7px 10px;border:1px solid #ffffff25;border-radius:7px;font-size:12px;font-weight:700;color:#bcc5d4}html[data-operation-mode=studio] .operation-mode-badge{color:#91e2b4;border-color:#91e2b450;background:#91e2b410}.quick-toggle.prepared{outline:2px solid #91e2b4;outline-offset:-2px}
html[data-theme] .admin-options-content #operation-mode-toggle{background:#e13940;color:#fff;border:1px solid #e13940;border-radius:11px;font-weight:700;min-height:48px;touch-action:manipulation}
html[data-theme] .admin-options-content #operation-mode-toggle:hover{background:#e13940;color:#fff;border-color:#e13940}
html[data-theme] .admin-options-content #operation-mode-toggle:focus-visible{outline:2px solid #ffbdc7;outline-offset:2px}
html[data-theme] .admin-options-content #operation-mode-toggle:disabled{opacity:.65;cursor:wait}

html[data-operation-mode=studio] .studio-preview-monitor{order:1}html[data-operation-mode=studio] .studio-program-monitor{order:2}

.admin-theme-menu{position:relative}.admin-theme-menu>summary{list-style:none;display:flex;align-items:center;justify-content:space-between}.admin-theme-menu>summary::after{content:'‹';font-size:20px;color:#afb5c3}.admin-theme-menu>div{position:absolute;right:calc(100% - 1px);top:0;width:220px;padding:8px;background:#24262d;border:1px solid #ffffff25;border-radius:10px;box-shadow:0 12px 30px #0007;z-index:401}
@media(max-width:600px){.admin-theme-menu>div{position:static;width:100%;box-sizing:border-box;box-shadow:none;border:0;background:#ffffff06}.admin-theme-menu>summary::after{content:'⌄'}}
.ticker-presets-list{display:flex;flex-direction:column;gap:10px;margin:14px 0;max-height:400px;overflow:auto}.ticker-preset-row{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:center}.ticker-preset-take{white-space:normal!important;text-align:left;min-height:60px;overflow-wrap:anywhere}.ticker-preset-take strong,.ticker-preset-take span{display:block}.ticker-preset-take span{font-size:12px;opacity:.85;margin-top:5px;line-height:1.4}.ticker-preset-take.selected{outline:2px solid #83bdff;outline-offset:-2px}.ticker-preset-take.on-air{border-color:#ff7f8c}.ticker-preset-edit{width:44px;height:44px;display:grid;place-items:center;padding:8px!important}#ticker-preset-editor{border-top:1px solid #ffffff25;margin-top:18px;padding-top:12px}#ticker-preset-editor summary{min-height:44px;cursor:pointer}#ticker-preset-editor label{display:block;margin:10px 0 6px}#ticker-preset-editor .btn-row{flex-wrap:wrap}#ticker-preset-delete{min-width:44px;min-height:44px;width:44px;height:44px;margin:0}
.output-format-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.output-format-fields label{display:flex;flex-direction:column;gap:6px}.output-format-fields .output-wide{grid-column:1/-1}.output-format-fields input,.output-format-fields select{min-height:44px}.output-format-fields .btn-row{grid-column:1/-1;flex-wrap:wrap}.output-format-summary{font-size:14px;line-height:1.6;color:#d3dae7}.output-format-fields [hidden]{display:none!important}