#overlayPanel.overlay-panel{max-width:none}.oe-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.oe-header h2{font-size:32px;letter-spacing:-.05em;margin:8px 0}.oe-header p{color:var(--muted);margin:0;line-height:1.6;font-size:12px}.oe-badge{font:10px 'DM Mono',monospace;color:var(--mint);background:#a9e6c110;border:1px solid #a9e6c12b;padding:8px 12px;border-radius:30px;white-space:nowrap}
.oe-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:16px}.oe-toolbar label{font-size:11px;color:var(--muted)}.oe button,.oe select,.oe input,.oe textarea{font-family:inherit}.oe button{cursor:pointer}.oe button:disabled{opacity:.4;cursor:not-allowed}.oe-button{border:1px solid var(--line);background:#20232c;color:var(--text);padding:10px 12px;border-radius:8px;font-size:11px;white-space:nowrap}.oe-primary{background:var(--coral);color:#161216;border-color:transparent;font-weight:800}.oe-select{background:#111319;border:1px solid #363a45;color:var(--text);border-radius:7px;padding:9px;max-width:100%;font-size:11px}.oe-toolbar .oe-spacer{flex:1}
.oe-workspace{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:18px;align-items:start}.oe-preview-card{border:1px solid var(--line);border-radius:14px;background:#14161c;overflow:hidden}.oe-preview-top{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;gap:10px;border-bottom:1px solid var(--line);font-size:11px}.oe-preview-top label{display:flex;align-items:center;gap:7px;color:var(--muted)}.oe-preview-top input{accent-color:var(--coral)}
.oe-stage{position:relative;overflow:hidden;background-color:#242730;background-image:linear-gradient(45deg,#2e313b 25%,transparent 25%),linear-gradient(-45deg,#2e313b 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2e313b 75%),linear-gradient(-45deg,transparent 75%,#2e313b 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0px;aspect-ratio:16/9}
.oe-stage[data-backdrop=dark]{background:#090b11}.oe-stage[data-backdrop=light]{background:#e6e7eb}.oe-stage .ov-scene{transform-origin:top left}.oe-stage .ov-card{pointer-events:auto;cursor:grab;touch-action:none}.oe-stage .ov-card:active{cursor:grabbing}.oe-stage .ov-position:hover:after{content:'';position:absolute;inset:-3px;border:1px dashed #a9e6c1;border-radius:12px;pointer-events:none}
.oe-idle{position:absolute;left:15%;right:15%;top:42%;color:#d9dce5;text-align:center;pointer-events:none;font-size:13px;line-height:1.7}.oe-idle small{display:block;color:#a7aab8;font-size:11px}.oe-preview-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:var(--muted);font:10px 'DM Mono',monospace;gap:12px}.oe-preview-buttons{display:flex;gap:8px;padding:0 16px 15px;flex-wrap:wrap}.oe-preview-note{font-size:11px;color:var(--muted);padding:0 16px 14px;margin:0;line-height:1.5}
.oe-inspector{background:#15171d;border:1px solid var(--line);border-radius:14px;overflow:hidden}.oe-tabs{display:flex;padding:6px;background:#101217;border-bottom:1px solid var(--line);gap:2px}.oe-tab{flex:1;border:0;background:transparent;border-radius:7px;padding:11px 4px;color:var(--muted);font-size:10px}.oe-tab[aria-selected=true]{color:var(--coral);background:#2c2830}.oe-pane{padding:8px 17px 18px;max-height:640px;overflow:auto;scrollbar-width:thin;scrollbar-color:#444852 transparent}.oe-pane h4{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:22px 0 12px}.oe-field{display:grid;grid-template-columns:1fr 125px;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff07;font-size:11px}.oe-field>label{line-height:1.5}.oe-field input:not([type=checkbox]),.oe-field select{width:100%;min-width:0;background:#101217;color:var(--text);border:1px solid #343844;border-radius:6px;padding:7px;font-size:11px}.oe-field input[type=checkbox]{accent-color:var(--coral);width:17px;height:17px;justify-self:end}.oe-field input[type=color]{padding:3px;height:32px}.oe-field:has(input:disabled),.oe-field:has(select:disabled){opacity:.4}.oe-field input:disabled,.oe-field select:disabled{cursor:not-allowed}.oe-hint{font-size:11px;color:var(--muted);line-height:1.6;margin:12px 0}
.oe-source{margin-top:18px;border:1px solid var(--line);border-radius:12px;padding:18px;background:#15171d}.oe-source h3{font-size:15px;margin:0 0 8px}.oe-source p{color:var(--muted);font-size:11px;line-height:1.7;margin:8px 0}.oe-source-row{display:flex;gap:8px}.oe-source input{min-width:0;flex:1;background:#101217;border:1px solid var(--line);border-radius:7px;color:var(--mint);padding:10px;font:11px 'DM Mono',monospace}.oe-status{font:10px 'DM Mono',monospace;color:var(--muted);min-height:16px;margin:14px 0}.oe-status.error{color:var(--coral)}.oe :is(button,input,select,textarea):focus-visible{outline:2px solid var(--coral);outline-offset:3px}
.oe-history{display:flex;gap:6px}.oe-demo-note{color:var(--yellow)!important}
@media(max-width:1150px){.oe-workspace{grid-template-columns:1fr}.oe-pane{max-height:450px}.oe-field{grid-template-columns:1fr minmax(140px,40%)}}@media(max-width:600px){.oe-header{flex-wrap:wrap}.oe-source-row{flex-wrap:wrap}.oe-source input{flex-basis:100%}.oe-preview-top{flex-wrap:wrap}}
.oe-artwork-mode{position:absolute;right:14px;top:14px;padding:6px 8px;border:1px solid #ffffff33;border-radius:6px;background:#090b11aa;color:#fff;font:9px 'DM Mono';letter-spacing:.08em;z-index:4;pointer-events:none}.oe-artwork-mode[data-mode=thumbnail]{color:#a9e6c1;border-color:#a9e6c155}.oe-artwork-mode[data-mode=gradient]{color:#f2d58b;border-color:#f2d58b55}.oe-artwork-mode[data-mode=none]{color:#a7aab8}
.oe-disabled-section{opacity:.38}
.oe-card-resize{position:absolute;right:5px;bottom:5px;width:16px;height:16px;border:0;border-right:3px solid #a9e6c1;border-bottom:3px solid #a9e6c1;background:transparent;cursor:nwse-resize;opacity:.8;z-index:8}.oe-card-resize:hover{opacity:1;transform:none}
.oe-pane h4{padding:10px 12px;border:1px solid var(--line);border-left:3px solid var(--coral);border-radius:7px;background:color-mix(in srgb,var(--panel2) 80%,transparent)}
.oe-field{padding-block:12px;border-bottom-color:color-mix(in srgb,var(--line) 72%,transparent)}
.oe-badge[data-state=idle]{color:var(--yellow);background:#f2d58b10;border-color:#f2d58b38}.oe-badge[data-state=offline]{color:var(--coral);background:#ff796810;border-color:#ff796838}
.oe-source-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}.oe-source-heading h3{margin:0}.oe-source-state{padding:5px 8px;border:1px solid #ff796838;border-radius:999px;color:var(--coral);background:#ff796810;font:9px 'DM Mono',monospace;white-space:nowrap}.oe-source-state[data-state=active]{color:var(--mint);background:#a9e6c110;border-color:#a9e6c138}.oe-source-state[data-state=idle]{color:var(--yellow);background:#f2d58b10;border-color:#f2d58b38}
.tier-ladder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:18px 0;padding:8px;border:1px solid var(--line);border-radius:13px;background:color-mix(in srgb,var(--panel2) 86%,transparent)}.tier-ladder>div{position:relative;display:grid;gap:4px;padding:12px 13px;border:1px solid transparent;border-radius:9px}.tier-ladder span{color:var(--muted);font:700 8px 'DM Mono',monospace;letter-spacing:.08em}.tier-ladder strong{font-size:10px;line-height:1.35}.tier-ladder [data-tier-card=creator]{background:color-mix(in srgb,var(--mint) 6%,transparent)}.tier-ladder [data-tier-card=studio]{background:color-mix(in srgb,var(--coral) 6%,transparent)}.tier-ladder .is-current{border-color:color-mix(in srgb,var(--mint) 46%,var(--line));box-shadow:0 0 0 1px color-mix(in srgb,var(--mint) 10%,transparent) inset}.tier-ladder .is-current::after{content:'YOUR PLAN';position:absolute;right:8px;top:8px;color:var(--mint);font:700 7px 'DM Mono',monospace;letter-spacing:.08em}@media(max-width:700px){.tier-ladder{grid-template-columns:1fr}.tier-ladder>div{padding-right:72px}}
.oe-field.oe-tier-locked{opacity:.42;filter:grayscale(.65)}
.oe-field.oe-tier-locked label:after{content:' · UPGRADE';color:var(--coral);font:8px "DM Mono"}