.obs-ui,.obs-properties,.obs-menu{--obs-window:#232629;--obs-dock:#2b2e31;--obs-header:#1f2224;--obs-line:#14171a;--obs-text:#d4d4d4;--obs-dim:#979ca1;--obs-selection:#2b5797;--obs-field:#1e2123;--obs-control:#2f3337;--obs-border:#565b60;--obs-button:#3a3f44;color:var(--obs-text);font:12px "Segoe UI",sans-serif}
.obs-ui{overflow:hidden;border:1px solid var(--obs-line);border-radius:calc(var(--radius-frame) - 12px);background:var(--obs-window);box-shadow:var(--shadow-rest)}.obs-title{padding:8px 12px;background:var(--obs-header);color:var(--obs-dim)}.obs-canvas{display:grid;place-items:center;min-height:120px;background:#101214;color:#777}.obs-docks{display:grid;grid-template-columns:1fr 1.4fr;border-top:1px solid var(--obs-line)}.obs-dock{min-width:0;border-right:1px solid var(--obs-line)}.obs-dock h3{margin:0;padding:6px 9px;background:var(--obs-header);color:var(--obs-dim);font-size:11px;text-transform:uppercase}.obs-row{display:flex;align-items:center;gap:7px;padding:8px;background:var(--obs-dock)}.obs-row.selected,.obs-menu-row.selected{background:var(--obs-selection);color:#fff}.obs-toolbar{display:flex;align-items:center;gap:5px;padding:6px;background:var(--obs-window)}.obs-tool{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #4b5054;border-radius:3px;background:var(--obs-button);color:#fff;font-size:18px}
.obs-menu{max-width:360px;padding:6px;border:1px solid var(--obs-line);border-radius:calc(var(--radius-frame) - 12px);background:#303438;box-shadow:var(--shadow-rest)}.obs-menu-row{padding:8px 12px}
.obs-properties{max-width:650px;margin:auto;overflow:hidden;border:1px solid var(--obs-line);border-radius:calc(var(--radius-frame) - 12px);background:var(--obs-dock);box-shadow:var(--shadow-rest)}.obs-properties h3{margin:0;padding:9px 12px;background:var(--obs-header);color:var(--obs-text)}.obs-form{display:grid;gap:8px;padding:16px}.obs-form>span{color:var(--obs-dim)}.obs-group-title{margin:6px 0;padding-bottom:5px;border-bottom:1px solid var(--obs-border);color:var(--obs-text);font-weight:700}.obs-properties .native-field,.obs-key-field{width:100%;padding:9px;border:1px solid var(--obs-border);border-radius:2px;background:var(--obs-field);color:var(--obs-text)}.obs-key-field{display:flex;align-items:center;justify-content:space-between;gap:12px}.obs-key-empty{min-height:1em;flex:1}.obs-properties .native-check{color:var(--obs-text)}.obs-properties .native-check:before{border-color:var(--obs-border);background:var(--obs-field)}.obs-properties .native-check.on:before{background:var(--obs-selection);color:#fff}.obs-status{display:flex;align-items:center;gap:8px;color:#4ade80;font-weight:700}.obs-status:before{content:"";width:9px;height:9px;border-radius:50%;background:#4ade80}.obs-status.setup{color:var(--obs-dim)}.obs-status.setup:before{background:#d2a84a}.obs-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:10px 14px;border-top:1px solid #0f1113;background:var(--obs-header);box-shadow:0 -1px 0 rgba(255,255,255,.035)}.obs-actions-end{display:flex;gap:7px}.obs-button{display:inline-flex;align-items:center;min-height:36px;padding:7px 14px;border:1px solid var(--obs-border);border-radius:3px;background:var(--obs-button);color:var(--obs-text)}.obs-button.primary{background:var(--obs-selection);color:#fff}
.obs-properties{--obs-window:#1d2028;--obs-dock:#1f222a;--obs-header:#20252a;--obs-field:#3d414f;--obs-button:#3d414f;--obs-border:#565c69;display:flex;flex-direction:column;width:min(100%,940px);max-width:940px;height:720px;max-height:none;border-color:#111419;border-radius:15px;background:var(--obs-window)}.obs-properties-titlebar{position:relative;display:flex;align-items:center;min-height:34px;padding:0 12px;background:#22282c}.obs-properties-titlebar h3{padding:0 0 0 78px;border:0;background:transparent;color:#9ba0a4;font-size:14px}.obs-traffic{position:absolute;left:12px;display:flex;gap:9px}.obs-traffic i{width:14px;height:14px;border-radius:50%;background:#ff4050}.obs-traffic i:nth-child(2){background:#4b5256}.obs-traffic i:nth-child(3){background:#1ec75a}.obs-properties-preview{flex:none;height:190px;margin:24px 18px 0;background:#000}.obs-properties-divider{position:relative;flex:none;height:18px}.obs-properties-divider:before{position:absolute;top:8px;left:18px;right:18px;height:1px;background:#171a20;content:""}.obs-properties-divider i{position:absolute;z-index:1;top:5px;left:50%;width:7px;height:7px;border-radius:50%;background:#343840}.obs-properties-viewport{position:relative;min-height:0;flex:1;overflow:hidden}.obs-form{height:100%;display:flex;flex-direction:column;gap:14px;padding:8px 34px 24px 28px;background:var(--obs-window);overflow:hidden}.obs-status{font-size:13px}.obs-explanations{margin-top:-2px}.obs-properties-section{flex:none;overflow:hidden;border-radius:5px;background:#282b34}.obs-group-title{margin:0;padding:8px 10px;border:0;background:#282b34;font-size:13px}.obs-section-grid{display:grid;grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:12px 14px;align-items:center;padding:18px 16px 22px}.obs-section-grid>span{color:var(--obs-text);text-align:right}.obs-properties .native-field,.obs-key-field{min-height:43px;padding:12px;border-color:#4e5360;border-radius:5px;background:var(--obs-field)}.native-combo,.native-stepper{position:relative;padding-right:42px!important}.native-combo:after{position:absolute;right:16px;top:50%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #fff;content:"";transform:translateY(-35%)}.native-stepper:after{position:absolute;right:0;top:0;bottom:0;width:34px;border-left:1px solid #292d37;background:linear-gradient(145deg,transparent 46%,#fff 47% 53%,transparent 54%) 10px 8px/12px 9px no-repeat,linear-gradient(35deg,transparent 46%,#fff 47% 53%,transparent 54%) 10px 25px/12px 9px no-repeat;content:""}.obs-key-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.obs-key-field{display:flex;align-items:center;height:43px;min-height:43px;overflow:hidden;white-space:nowrap}.obs-key-row>.obs-button{min-width:72px;justify-content:center}.obs-font-row,.obs-color-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:14px}.obs-font-row strong{text-align:center}.obs-font-row .obs-button,.obs-color-row .obs-button{justify-content:center}.native-color{display:grid;place-items:center;min-height:43px;color:#111}.native-color.light{background:#fff}.native-color.dark{background:#404040;color:#fff}.obs-source-facts{display:none}.obs-scrollbar{position:absolute;top:0;right:10px;bottom:0;width:11px;border:1px solid #292d37;border-radius:6px;background:#1a1d24}.obs-scrollbar i{display:block;width:7px;height:86px;margin:3px auto;border-radius:5px;background:#444957}.obs-actions{flex:none;min-height:70px;padding:12px 18px;border-top:1px solid #111419;background:#1b1e26}.obs-button{border-radius:5px;background:var(--obs-button)}
@media(max-width:640px){.obs-properties{height:640px;border-radius:10px}.obs-properties-titlebar h3{padding-left:68px;font-size:11px}.obs-properties-preview{height:110px;margin:12px 10px 0}.obs-properties-divider:before{left:10px;right:10px}.obs-form{padding:8px 26px 18px 14px}.obs-section-grid{grid-template-columns:1fr;gap:5px;padding:12px}.obs-section-grid>span{text-align:left}.obs-font-row,.obs-color-row{grid-template-columns:1fr}.obs-scrollbar{right:5px}.obs-actions{align-items:stretch;flex-direction:column}.obs-actions-end{display:grid;grid-template-columns:1fr 1fr}.obs-actions .obs-button{justify-content:center}}
@media(min-width:641px){.obs-properties{height:860px}}
.layout-obs{max-width:100%;--layout-window:#232629;--layout-dock:#2b2e31;--layout-header:#1f2224;--layout-line:#14171a;--layout-text:#d4d4d4;--layout-dim:#979ca1;--layout-select:#2b5797;overflow:hidden;border:1px solid var(--layout-line);border-radius:8px;background:var(--layout-window);color:var(--layout-text);font:12px/1.4 "Manrope",system-ui,sans-serif;box-shadow:var(--shadow-hover);user-select:none}.layout-obs-titlebar{display:flex;align-items:center;gap:10px;padding:7px 12px;border-bottom:1px solid var(--layout-line);background:var(--layout-header);color:var(--layout-dim);font-weight:600}.layout-traffic{display:flex;gap:8px}.layout-traffic i{width:12px;height:12px;border-radius:50%;background:#4b5054}.layout-traffic i:first-child{background:#ff4050}.layout-traffic i:last-child{background:#1ec75a}.layout-obs-menubar{display:flex;gap:4px;padding:4px 8px;border-bottom:1px solid var(--layout-line);background:var(--layout-window);color:var(--layout-dim)}.layout-obs-menubar span{padding:3px 8px;white-space:nowrap}.layout-preview{position:relative;aspect-ratio:16/9;overflow:hidden;background:radial-gradient(circle at 50% 47%,#171b21 0 28%,#101214 70%)}.layout-colingos-mark{position:absolute;top:50%;left:50%;width:clamp(52px,9%,78px);height:auto;opacity:.76;transform:translate(-50%,-50%)}.layout-caption-box{--layout-x:0%;--layout-y:0%;--layout-width:44%;--layout-height:28%;position:absolute;left:var(--layout-x);top:var(--layout-y);width:var(--layout-width);height:var(--layout-height);display:flex;align-items:flex-end;outline:1px solid #f00;background:rgba(64,64,64,.5);color:#fff;cursor:move;touch-action:none}.layout-caption-box:focus-visible{outline:2px solid #f6f2e9;outline-offset:2px}.layout-caption-sample{width:100%;padding:8px;font-family:"Arial Rounded MT Bold","Arial Rounded MT","Helvetica Rounded",ui-rounded,"Helvetica Neue",system-ui,sans-serif;font-size:clamp(11px,1.8vw,20px);font-weight:700;line-height:1.25;text-align:center;paint-order:stroke fill;-webkit-text-stroke:1px #000}.layout-handle{position:absolute;width:20px;height:20px;border:6px solid transparent;background:#f00;background-clip:content-box}.layout-handle.nw{top:-6px;left:-6px;cursor:nwse-resize}.layout-handle.n{top:-6px;left:50%;cursor:ns-resize;transform:translateX(-50%)}.layout-handle.ne{top:-6px;right:-6px;cursor:nesw-resize}.layout-handle.e{top:50%;right:-6px;cursor:ew-resize;transform:translateY(-50%)}.layout-handle.se{right:-6px;bottom:-6px;cursor:nwse-resize}.layout-handle.s{bottom:-6px;left:50%;cursor:ns-resize;transform:translateX(-50%)}.layout-handle.sw{bottom:-6px;left:-6px;cursor:nesw-resize}.layout-handle.w{top:50%;left:-6px;cursor:ew-resize;transform:translateY(-50%)}.layout-docks{display:grid;grid-template-columns:.7fr 1fr 1.35fr 1fr;min-height:112px;border-top:1px solid var(--layout-line);background:var(--layout-line);gap:1px}.layout-docks section{min-width:0;background:var(--layout-dock)}.layout-docks h3{margin:0;padding:6px 8px;border-bottom:1px solid var(--layout-line);background:var(--layout-header);color:var(--layout-dim);font-size:11px;letter-spacing:.03em;text-transform:uppercase}.layout-row{margin:5px;padding:5px}.layout-row.selected{background:var(--layout-select);color:#fff}.layout-meter{margin:18px 10px;height:8px;border:1px solid var(--layout-line);background:#202326}.layout-meter i{display:none}.layout-controls{display:grid;gap:5px;padding:7px}.layout-controls span{padding:5px;border:1px solid #4b5054;border-radius:4px;background:#3a3f44;text-align:center}.layout-controls span:first-child{border-color:#3a68a8;background:var(--layout-select);color:#fff}.layout-statusbar{display:flex;justify-content:flex-end;gap:16px;padding:5px 10px;border-top:1px solid var(--layout-line);background:var(--layout-header);color:var(--layout-dim);font-size:10px}
@media(max-width:640px){.layout-obs-titlebar,.layout-obs-menubar{display:none}.layout-docks{grid-template-columns:1fr 1fr}.layout-docks section:nth-child(n+3){display:none}.layout-statusbar span:nth-child(-n+2){display:none}.layout-caption-sample{font-size:10px}}
.layout-colingos-mark{width:clamp(88px,15%,132px)}