#ox-module-preview{color-scheme:light dark;background:light-dark(#f4f6fa,#171e2b);color:light-dark(#162338,#edf2ff);font:16px system-ui;border:1px solid light-dark(#d8e0ec,#3a4962);border-radius:12px;overflow:hidden}
#ox-module-preview header,#ox-module-preview article,#ox-module-preview form{background:light-dark(#fff,#202b3d)}
#ox-module-preview header{padding:15px 22px;border-bottom:1px solid light-dark(#d8e0ec,#3a4962);display:flex;gap:18px;align-items:center;flex-wrap:wrap}
#ox-module-preview main{padding:clamp(14px,4vw,32px)}
#ox-module-preview h2,#ox-module-preview h3{margin:0 0 8px}
#ox-module-preview p{margin:8px 0 15px}
#ox-module-preview .tools,#ox-module-preview .actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
#ox-module-preview .tools{margin:20px 0}
#ox-module-preview .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:14px}
#ox-module-preview article,#ox-module-preview form{padding:18px;border-radius:10px;border:1px solid light-dark(#d8e0ec,#3a4962)}
#ox-module-preview article:first-child{border-top:4px solid #4c6fb5}
#ox-module-preview button,#ox-module-preview input,#ox-module-preview select{font:inherit;border-radius:6px;padding:8px 10px;max-width:100%;box-sizing:border-box;border:1px solid light-dark(#b8c7dd,#667892);background:light-dark(#fff,#202b3d);color:inherit}
#ox-module-preview button.primary{background:#365aa2;color:#fff;border-color:#365aa2}
#ox-module-preview .ox-module-status{display:inline-block;background:light-dark(#e5edf9,#314664);padding:3px 8px;border-radius:5px;font-size:.84em;margin-bottom:10px}
#ox-module-preview form{margin-top:16px}
#ox-module-preview label{display:block;margin:10px 0}
#ox-module-preview [hidden]{display:none!important}

#ox-module-preview [data-search]{width:min(100%,21rem)}