html[data-platform="desktop"] .topbar.obs-mode{overflow:hidden;gap:12px}
html[data-platform="desktop"] .topbar.obs-mode .obs-module-sidebar{flex:1;min-height:0;gap:8px;overflow:hidden;background:transparent;border:0;box-shadow:none}
html[data-platform="desktop"] .topbar.obs-mode #accountDock{flex-shrink:0;margin-top:auto;order:10}
html[data-platform="desktop"] .obs-module-sidebar .obs-sidebar{flex:1;min-height:0;overflow:auto;padding-right:3px}
html[data-platform="desktop"] .obs-module-sidebar .obs-nav-item{padding:7px 10px;font-size:12px;line-height:1.35;border-radius:8px}
html[data-platform="desktop"] .obs-module-sidebar .obs-nav-item[aria-current=true]{background:var(--codex-active,var(--panel));color:var(--text);box-shadow:none}
html[data-platform="desktop"] .obs-module-sidebar .obs-nav-item:hover{background:var(--codex-hover)}
html[data-platform="desktop"] .obs-module-sidebar .obs-nav-group+.obs-nav-group{margin-top:7px;padding-top:5px}
html[data-platform="desktop"] .obs-module-sidebar .obs-nav-group h3{padding:6px 10px;font-size:10px}
html[data-platform="desktop"] #obsWorkspacePage{padding:24px 28px;overflow:auto;min-width:0}
#obsWorkspacePage #settings-obs{max-width:1400px;margin:0 auto}
#obsWorkspacePage #settings-obs>h2{font-size:24px;margin:0 0 8px}
#obsWorkspacePage .obs-current-title{font-size:18px!important;margin-bottom:14px!important}
#obsWorkspacePage .obs-gallery-layout{grid-template-columns:minmax(320px,1fr) minmax(300px,1fr);gap:24px}
#obsWorkspacePage .obs-editor{background:var(--panel);border:1px solid var(--line);padding:8px;border-radius:14px}
#obsWorkspacePage #settings-obs .obs-settings-grid{padding:12px;gap:16px}
#obsWorkspacePage #settings-obs input:not([type=checkbox]),#obsWorkspacePage #settings-obs select{border:1px solid var(--line);border-radius:8px;background:var(--input-bg,var(--bg));color:var(--text);padding:8px 10px;height:36px;box-shadow:none;outline-offset:2px;font:inherit;font-size:12px}
#obsWorkspacePage #settings-obs input[type=color]{padding:4px;max-width:160px}
#obsWorkspacePage #settings-obs label.obs-checkbox{display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;align-self:center;gap:8px}
#obsWorkspacePage #settings-obs input[type=checkbox]{accent-color:var(--cyan);width:16px;height:16px;margin:0}
#obsWorkspacePage #settings-obs b{font-size:12px;font-weight:600}
#obsWorkspacePage #settings-obs button{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font:inherit;font-size:12px;padding:9px 14px;cursor:pointer}
#obsWorkspacePage #settings-obs button:hover{background:var(--codex-hover)}
#obsWorkspacePage #settings-obs button:disabled{opacity:.5;cursor:default}
#obsWorkspacePage .obs-preview-column>label{margin:0 0 12px}
#obsWorkspacePage #settings-obs .obs-preview{margin:0;min-height:180px}
#obsWorkspacePage .obs-connection{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
#obsWorkspacePage .obs-link-row{display:flex;align-items:flex-end;gap:10px}
#obsWorkspacePage .obs-link-row>label{display:grid;gap:8px;flex:1;min-width:0}
#obsWorkspacePage .obs-link-row>button{flex-shrink:0}
#obsWorkspacePage #settings-obs .obs-connection .obs-help{margin:12px 0;line-height:1.7}
#obsWorkspacePage .obs-reset-links{border-top:1px solid var(--line);padding-top:12px;font-size:12px;color:var(--muted)}
#obsWorkspacePage .obs-reset-links summary{cursor:pointer}
#obsWorkspacePage .obs-reset-links p{max-width:700px;line-height:1.6}
#obsWorkspacePage .obs-actions:empty{display:none}
@media(max-width:1100px){#obsWorkspacePage .obs-gallery-layout{grid-template-columns:minmax(0,1fr)}#obsWorkspacePage .obs-preview-column{order:0}html[data-platform="desktop"] #obsWorkspacePage{padding:20px}}

#obsWorkspacePage #settings-obs select,#obsWorkspacePage #settings-obs select::picker(select){appearance:base-select}
#obsWorkspacePage #settings-obs select::picker(select){background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:4px;box-shadow:var(--shadow);max-height:280px;overflow:auto}
#obsWorkspacePage #settings-obs select option{background:var(--panel);color:var(--text);padding:9px 12px;border-radius:6px;min-height:34px}
#obsWorkspacePage #settings-obs select option:hover,#obsWorkspacePage #settings-obs select option:focus{background:var(--codex-hover,var(--panel2));color:var(--text)}
#obsWorkspacePage #settings-obs select option:checked{background:var(--codex-active,var(--panel2));color:var(--text)}
#obsWorkspacePage #settings-obs input::file-selector-button{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:5px 10px;margin-right:10px}

html[data-platform="desktop"] .obs-module-sidebar .obs-nav-item{display:flex;align-items:center;gap:10px}
.obs-module-sidebar .obs-nav-item svg{display:block;width:16px;height:16px;flex:0 0 16px;fill:none;stroke:currentColor}
.obs-module-sidebar .obs-nav-item span{min-width:0}
html[data-platform="desktop"] .obs-module-sidebar .obs-sidebar{box-sizing:border-box;border:0;border-radius:0;background:transparent;box-shadow:none}
html[data-platform="desktop"] .obs-module-sidebar .obs-nav-group{background:transparent;box-shadow:none}
#obsWorkspacePage .obs-editor,#obsWorkspacePage .obs-connection{background:var(--theme-panel,var(--panel));border-color:var(--codex-divider,var(--line))}
#obsWorkspacePage #settings-obs :is(input:not([type=checkbox]),select,button){box-sizing:border-box;min-width:0;border-color:var(--codex-divider,var(--line));background:var(--theme-control,var(--panel2));color:var(--text);line-height:1.4}
#obsWorkspacePage #settings-obs :is(input,select,button,summary):focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
#obsWorkspacePage #settings-obs button:hover:not(:disabled){background:var(--codex-hover,var(--panel2));border-color:var(--cyan)}
#obsWorkspacePage #settings-obs :is(.obs-actions,.obs-settings-grid){padding:12px}
#obsWorkspacePage #settings-obs .obs-editor>div:has(>fieldset){padding:0 12px}
#obsWorkspacePage #settings-obs fieldset{margin:12px 0;padding:12px;border-color:var(--codex-divider,var(--line))}
#obsWorkspacePage #settings-obs .obs-list-row{gap:12px;border-color:var(--codex-divider,var(--line))}
#obsWorkspacePage #settings-obs .obs-list-row label{align-content:start;line-height:1.5}
#obsWorkspacePage #settings-obs .obs-list-row :is(input,select){width:100%}
#obsWorkspacePage #settings-obs .obs-upload{margin:12px;border-color:var(--codex-divider,var(--line))}
#obsWorkspacePage #settings-obs .obs-upload-button{padding:8px 12px}
#obsWorkspacePage #settings-obs .obs-actions:empty{display:none}
#obsWorkspacePage #settings-obs .obs-preview-column{align-self:start}
#obsWorkspacePage #settings-obs .obs-preview-column [role=status]:empty{display:none}
#obsWorkspacePage #settings-obs select{align-items:center}
#obsWorkspacePage #settings-obs select::picker(select){background:var(--panel2);border-color:var(--codex-divider,var(--line))}
#obsWorkspacePage #settings-obs select option{background:transparent;overflow-wrap:anywhere;white-space:normal}
#obsWorkspacePage #settings-obs .obs-event-options{grid-column:1/-1;padding:0;gap:10px 16px}
#obsWorkspacePage #settings-obs .obs-event-options label{align-items:center;font-size:12px}
html[data-platform="desktop"] .obs-module-sidebar .obs-nav-item:focus-visible{outline:2px solid var(--cyan);outline-offset:-2px}
html:root[data-platform="desktop"][data-theme="sloneczna-polana"] .obs-module-sidebar .obs-nav-item:not(.active):not(:hover){color:var(--cyan)}
html:root[data-platform="desktop"][data-theme="drwinka"] .obs-module-sidebar .obs-nav-group h3{color:#382f00}
#obsWorkspacePage #settings-obs .obs-list-row>button{align-self:end;min-height:36px}
#obsWorkspacePage #settings-obs fieldset>button{margin-top:8px}
#obsWorkspacePage #settings-obs .obs-preview{max-height:520px;scrollbar-width:thin;scrollbar-color:#526378 #172130}
#obsWorkspacePage .obs-preview-column{order:0}