#lh-overlays-app{container-type:inline-size;min-width:0;color:var(--text)}
.oc-wrap{max-width:1540px;margin:0 auto;padding:0 0 72px;font-family:var(--font-admin,Inter,sans-serif)}
.oc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 20px}
.oc-heading{display:flex;align-items:flex-start;gap:15px;min-width:0}.oc-mark{flex:none;display:grid;place-items:center;width:48px;height:48px;border:1px solid #66518c;border-radius:13px;background:#281e39;color:#d4baff}.oc-mark .ph{width:26px;height:26px}
.oc-head h1{margin:0;font-size:clamp(27px,3vw,38px);line-height:1.1;letter-spacing:-.03em}.oc-head p{max-width:65ch;margin:8px 0 0;color:var(--text-dim);font-size:13px;line-height:1.55}.oc-kicker{display:block;margin:0 0 4px;color:#e7e5e4;font:700 10px/1.2 var(--font-admin-mono,monospace);letter-spacing:.15em;text-transform:uppercase}
.oc-badge{flex:none;border:1px solid #66518c;border-radius:6px;padding:6px 9px;color:#d3b8ff;font:700 10px/1 var(--font-admin-mono,monospace);letter-spacing:.1em;text-transform:uppercase}
.oc-scene-bar{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#141110}.oc-scene-bar .oc-field{flex:1;min-width:190px;max-width:360px}
.oc-theme-all{display:flex;gap:8px;margin-top:14px}.oc-theme-all select{flex:1;min-width:0;min-height:38px;padding:8px;border:1px solid #394253;border-radius:8px;background:#0b111d;color:var(--text)}
.oc-wrap>.oc-panel{margin-bottom:14px}.oc-wrap>.oc-panel .oc-section-head p{max-width:70ch}
.oc-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;min-width:0;margin-bottom:18px;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:rgba(17,23,35,.96);backdrop-filter:blur(14px)}.oc-bar.dirty{border-color:#c48737}.oc-bar-copy{flex:1;min-width:0}.oc-bar-copy strong{display:block;font-size:12px}.oc-bar-copy span{display:block;margin-top:3px;color:var(--text-dim);font-size:11px;line-height:1.4}.oc-bar-actions{display:flex;gap:8px;flex:none}
.oc-wrap button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:7px 11px;border:1px solid #394253;border-radius:8px;background:#192231;color:var(--text);font:700 12px/1.2 var(--font-admin,Inter,sans-serif);cursor:pointer;transition:border-color .16s,background .16s}.oc-wrap button:hover{border-color:#e7e5e4;background:#252e40}.oc-wrap button:focus-visible,.oc-wrap input:focus-visible{outline:2px solid #e7e5e4;outline-offset:2px}.oc-wrap button:disabled{opacity:.48;cursor:not-allowed}.oc-wrap button.primary{background:#7549cd;border-color:#9d70ec;color:#fff}.oc-wrap button.primary:hover{background:#8659e0}.oc-wrap button.danger{color:#ffadad;border-color:#703d49}.oc-wrap button .ph{width:16px;height:16px;flex:none}
.oc-grid{display:grid;grid-template-columns:minmax(320px,400px) minmax(0,1fr);gap:18px;align-items:start}.oc-stack{display:grid;gap:16px;min-width:0}.oc-panel{min-width:0;padding:18px;border:1px solid var(--line);border-radius:12px;background:#141110}.oc-panel h2{margin:0 0 5px;font-size:17px;line-height:1.25}.oc-panel p{margin:0 0 15px;color:var(--text-dim);font-size:12px;line-height:1.5}.oc-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.oc-section-head p{margin-bottom:0}.oc-section-head .ph{width:20px;height:20px;color:#e7e5e4}
.oc-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:15px}.oc-preset{display:flex!important;flex-direction:column;align-items:stretch!important;min-height:108px!important;padding:11px!important;text-align:left!important;background:#0c1320!important}.oc-preset.active{border-color:#e7e5e4!important;box-shadow:inset 0 0 0 1px #e7e5e4}.oc-preset-top{display:flex;align-items:center;justify-content:space-between;gap:5px;width:100%}.oc-preset-top strong{font-size:13px}.oc-preset .ph{color:var(--preset-accent);width:20px;height:20px}.oc-preset small{font-weight:500;color:var(--text-dim);line-height:1.35}.oc-preset-swatch{display:block;width:100%;height:12px;border-radius:3px;background:linear-gradient(90deg,var(--preset-accent) 0 29%,var(--preset-surface) 29% 100%)}
.oc-colors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.oc-color{display:flex;flex-direction:column;gap:6px;color:var(--text-dim);font-size:11px;font-weight:700}.oc-color input{width:100%;height:38px;padding:3px;border:1px solid #394253;border-radius:7px;background:#0b111d;cursor:pointer}
.oc-add{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.oc-add button{justify-content:flex-start}.oc-add button:disabled{opacity:.4}
.oc-list{display:grid;gap:7px}.oc-layer{display:flex;align-items:center;gap:8px;min-width:0;padding:7px;border:1px solid #2b3545;border-radius:8px;background:#0c1320}.oc-layer.active{border-color:#e7e5e4;background:#211a32}.oc-layer.muted{opacity:.55}.oc-layer-select{flex:1;justify-content:flex-start!important;min-width:0;border:0!important;background:transparent!important;padding:4px!important;text-align:left}.oc-layer-select span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-layer-actions{display:flex;gap:2px}.oc-layer-actions button{min-width:30px;min-height:30px;padding:5px}.oc-layer-actions button .ph{width:14px;height:14px}
.oc-group{margin:9px 0 0;padding:5px 8px;border-left:3px solid #e7e5e4;color:#d9cbfa;font:700 11px/1.3 var(--font-admin,Inter,sans-serif)}.oc-layer{cursor:grab}.oc-layer.dragging{opacity:.45}.oc-layer.drop-target{border-color:#d8baff;background:#2a2541}.oc-layer-select .ph,.oc-layer-actions .ph{display:block;flex:none}.oc-layer-actions button{display:grid;place-items:center;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;gap:0;line-height:0}.oc-layer-actions .oc-arrow-up .ph{transform:rotate(180deg)}
.oc-group{display:flex;align-items:center;gap:5px}.oc-group .oc-group-toggle{flex:1;justify-content:flex-start;min-width:0;padding:3px 6px;border:0;background:transparent;color:#d9cbfa;text-align:left}.oc-group .oc-group-action{width:28px;min-width:28px;min-height:28px;padding:3px;border:0;background:transparent}.oc-group .oc-group-action span{display:none}.oc-group .oc-group-toggle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.oc-config-dialog{width:min(1200px,95vw);height:min(860px,94vh);max-width:none;max-height:none;padding:0;border:1px solid #6d5a92;border-radius:14px;background:#141110;color:var(--text);box-shadow:0 24px 80px #05070ccc}.oc-config-dialog::backdrop{background:#05070cd9}.oc-dialog-head{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #394253}.oc-dialog-head h2{margin:0;font-size:16px}.oc-config-dialog iframe{display:block;width:100%;height:calc(100% - 62px);border:0}
.oc-preview-panel{position:sticky;top:84px;z-index:10}.oc-preview-panel.expanded{position:fixed;inset:3vh 3vw;z-index:10000;overflow:auto;box-shadow:0 0 0 100vmax rgba(0,0,0,.84),0 28px 80px rgba(0,0,0,.7)}.oc-preview-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.oc-preview-head h2{margin:0}.oc-preview{overflow:hidden;position:relative;width:100%;border:1px solid #3b4351;border-radius:8px;background:#171b27}.oc-preview iframe{display:block;width:1920px;height:1080px;border:0;transform-origin:0 0}.oc-preview-note{margin:10px 0 0!important}.oc-preview-note strong{color:#e7d7ff}
.oc-inspector{display:grid;gap:12px}.oc-inspector-empty{padding:14px;border:1px dashed #3b4351;border-radius:8px;color:var(--text-dim);font-size:12px;line-height:1.5}.oc-field{display:grid;gap:5px;min-width:0;font-size:11px;font-weight:700;color:var(--text-dim)}.oc-field input,.oc-field select{width:100%;min-width:0;min-height:38px;padding:8px 10px;border:1px solid #394253;border-radius:7px;background:#0b111d;color:var(--text);font:500 12px/1.3 var(--font-admin,Inter,sans-serif)}.oc-field input[type=number]{font-variant-numeric:tabular-nums}.oc-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.oc-inspector-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:5px}.oc-check{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-dim);cursor:pointer}.oc-check input{accent-color:#9d74ff}
.oc-link{display:flex;align-items:center;gap:8px;min-width:0}.oc-link code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px;border:1px solid #313b4c;border-radius:7px;background:#0b111d;color:#d7ccf5;font-size:11px}.oc-link-actions{display:flex;gap:7px}.oc-notice{margin:0 0 16px;padding:12px 14px;border:1px solid #57534e;border-radius:9px;color:var(--text-dim);background:#17202d;font-size:12px;line-height:1.5}.oc-notice.ok{border-color:#32865e;color:#a9e5bf}.oc-notice.bad{border-color:#a54b52;color:#ffb5b5}.oc-notice[hidden]{display:none}
@container (max-width:1000px){.oc-grid{grid-template-columns:1fr}.oc-preview-panel{position:static}.oc-stack.editor{grid-row:2}}
@container (max-width:560px){.oc-head{gap:8px}.oc-heading{gap:10px}.oc-mark{width:40px;height:40px}.oc-badge{display:none}.oc-bar{flex-wrap:wrap}.oc-bar-actions{width:100%}.oc-bar-actions button{flex:1}.oc-panel{padding:15px}.oc-preview-head{flex-wrap:wrap}.oc-link{flex-wrap:wrap}.oc-link-actions{width:100%}.oc-link-actions button{flex:1}.oc-scene-bar{align-items:stretch}.oc-scene-bar .oc-field{max-width:none;flex-basis:100%}.oc-scene-bar button{flex:1}.oc-theme-all{flex-direction:column}.oc-layer{flex-wrap:wrap}.oc-layer-actions{width:100%;justify-content:flex-end}}
@media(prefers-reduced-motion:reduce){.oc-wrap button{transition:none}}
.oc-mark.oc-mark-brand{background:#f4f4f2;border-color:transparent;padding:4px}.oc-mark-brand img{width:100%;height:100%;object-fit:contain}