:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111827;background:#f3f5f8;font-family:Poppins,Segoe UI,sans-serif}:root.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5e5e5;background:#191919}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}#root{flex-direction:column;display:flex}body{color:#111827;background:#f3f5f8 radial-gradient(circle,#0f172a1f 1.2px,#0000 1.2px) 0 0/24px 24px;min-height:100%}:root.dark body{color:#e5e5e5;background:#0e0e0e}button,input,select,textarea{font:inherit;border:0;outline:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{box-shadow:0 0 0 1px #94a3b8e6}:root.dark button:focus-visible,:root.dark input:focus-visible,:root.dark select:focus-visible,:root.dark textarea:focus-visible{box-shadow:0 0 0 1px #737373e6}.button-reset{background:0 0;border:0;padding:0}.editor-panel{flex-direction:column;flex:1;min-height:0;display:flex}.editor-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px}:root.dark .editor-toolbar{background:#111;border-bottom-color:#262626}.editor-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.editor-select-wrap,.editor-file-pill{color:#334155;background:#fff;border-radius:14px;align-items:center;gap:10px;min-width:0;padding:8px 12px;display:flex;box-shadow:inset 0 0 0 1px #e2e8f0}:root.dark .editor-select-wrap,:root.dark .editor-file-pill{color:#d4d4d4;background:#171717;box-shadow:inset 0 0 0 1px #262626}.editor-select-wrap{flex:1;padding-right:36px;position:relative}.editor-file-pill{max-width:calc(100% - 160px)}.editor-label{letter-spacing:.08em;text-transform:uppercase;color:#64748b;flex:none;font-size:11px;font-weight:500}:root.dark .editor-label{color:#a3a3a3}.editor-select{color:#0f172a;background:0 0;width:100%;min-width:0;padding-right:8px}:root.dark .editor-select{color:#fafafa}.editor-select-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}:root.dark .editor-select-icon{color:#737373}.editor-actions{align-items:center;gap:8px;display:flex}.editor-readonly{color:#475569;background:#e2e8f0;border-radius:999px;padding:6px 10px;font-size:12px}:root.dark .editor-readonly{color:#d4d4d4;background:#242424}.editor-action{color:#fff;background:#0f172a;border-radius:14px;padding:8px 12px;transition:background-color .2s}.editor-action:hover{background:#1e293b}:root.dark .editor-action{color:#171717;background:#e5e5e5}:root.dark .editor-action:hover{background:#fafafa}.editor-surface{background:#0a0a0a;border:0;border-radius:16px;flex:1;min-height:420px;margin:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #262626}.editor-monaco-host{position:relative}.editor-monaco-host .monaco-editor,.editor-monaco-host .monaco-editor .overflow-guard{box-sizing:border-box;width:100%;height:100%}.editor-monaco-host .monaco-editor{padding:1px}.editor-monaco-host .margin,.editor-monaco-host .monaco-editor-background{background:0 0!important}.preview-surface{flex:1;min-height:420px;position:relative;overflow:hidden}.preview-surface .shadow-sm{box-shadow:none}.preview-surface .pivot-plugin{border:0}.preview-surface .pivot-plugin .pivot-config{box-shadow:none;border-radius:12px}:root.dark .preview-surface{background:#191919;box-shadow:inset 0 0 0 1px #262626}#single-spa-preview-root,#single-spa-preview-root>*,#single-spa-preview-root .demo-preview-fill-root{flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;display:flex}#single-spa-preview-root revo-grid{width:100%;min-height:0;display:block;overflow:hidden;flex:auto!important;height:100%!important}:is(#single-spa-preview-root div:has(>revo-grid),#single-spa-preview-root section:has(>revo-grid),#single-spa-preview-root article:has(>revo-grid)),:is(#single-spa-preview-root>div:not([class]):has(revo-grid),#single-spa-preview-root>section:not([class]):has(revo-grid),#single-spa-preview-root>article:not([class]):has(revo-grid)){flex-direction:column;flex:auto;width:100%;height:100%;min-height:0;display:flex}#single-spa-preview-root>:has(>:not(revo-grid)){box-sizing:border-box;padding:clamp(8px,1vw,10px) clamp(8px,1.2vw,12px) clamp(8px,1.2vw,12px)}#single-spa-preview-root .demo-preview-fill-root:has(>:not(revo-grid)){box-sizing:border-box;padding:clamp(8px,1vw,10px) clamp(8px,1.2vw,12px) clamp(8px,1.2vw,12px)}#single-spa-preview-root .flex,[data-testid$=-preview-root] .flex{display:flex}#single-spa-preview-root .flex-col,[data-testid$=-preview-root] .flex-col{flex-direction:column}#single-spa-preview-root .flex-row,[data-testid$=-preview-root] .flex-row{flex-direction:row}#single-spa-preview-root .grow,[data-testid$=-preview-root] .grow{flex-grow:1}#single-spa-preview-root .flex-1,[data-testid$=-preview-root] .flex-1{flex:1}#single-spa-preview-root .flex-1:has(>revo-grid){flex-direction:column;display:flex}[data-testid$=-preview-root] .flex-1:has(>revo-grid){flex-direction:column;display:flex}#single-spa-preview-root .h-full,[data-testid$=-preview-root] .h-full{height:100%}#single-spa-preview-root .h-\[500px\],[data-testid$=-preview-root] .h-\[500px\]{height:500px}#single-spa-preview-root server-side-grouping-panel,[data-testid$=-preview-root] server-side-grouping-panel{min-height:0;max-height:none;display:block;overflow:auto}#single-spa-preview-root .w-full,[data-testid$=-preview-root] .w-full{width:100%}#single-spa-preview-root .min-h-0,[data-testid$=-preview-root] .min-h-0{min-height:0}#single-spa-preview-root .overflow-hidden,[data-testid$=-preview-root] .overflow-hidden{overflow:hidden}#single-spa-preview-root .pivot-grid,[data-testid$=-preview-root] .pivot-grid{grid-template-columns:0fr 1fr;display:grid}.preview-iframe{border:0;width:100%;height:100%}.preview-overlay-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px;font-size:.85rem;position:absolute;bottom:16px;left:16px;right:16px}.demo-widget-page{box-sizing:border-box;flex-direction:column;flex-grow:1;min-height:0;padding:16px;display:flex}.demo-widget-page .preview-page>*{flex-grow:1}.demo-widget-page revo-grid{min-height:100%!important}:root.dark .demo-widget-page{background:#0f0f10}.demo-widget-shell{background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;min-height:100%;display:flex;overflow:hidden;box-shadow:0 10px 28px #0f172a14}:root.dark .demo-widget-shell{background:#171717;border-color:#303030;box-shadow:0 10px 28px #00000061}.widget-toolbar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:16px;min-height:50px;padding:0 24px;display:flex}:root.dark .widget-toolbar{background:#171717;border-bottom-color:#2b2b2b}.widget-toolbar__headline{align-items:center;gap:12px;min-width:0;display:inline-flex}.widget-toolbar__title{color:#111827;letter-spacing:.02em;text-transform:uppercase;flex:none;font-size:14px;font-weight:500}:root.dark .widget-toolbar__title{color:#f5f5f5}.widget-toolbar__frameworks{align-items:center;min-width:0;padding-left:9px;display:inline-flex}.widget-toolbar__framework{color:#111827;cursor:pointer;background:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:-9px;font-size:10px;font-weight:500;line-height:1;transition:border-color .18s,box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 1px 3px #0f172a2e}.widget-toolbar__framework:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #0f172a38}.widget-toolbar__framework:focus-visible{outline-offset:2px;z-index:2;outline:2px solid #0f172a}.widget-toolbar__framework:disabled{cursor:default}.widget-toolbar__framework--active{z-index:1;border-color:#0f172a;box-shadow:0 2px 6px #0f172a33}.widget-toolbar__framework img{object-fit:contain;width:16px;height:16px}:root.dark .widget-toolbar__framework{color:#171717;background:#fafafa;border-color:#171717}:root.dark .widget-toolbar__framework:focus-visible{outline-color:#f5f5f5}:root.dark .widget-toolbar__framework--active{border-color:#f5f5f5}.widget-toolbar__actions{align-items:center;gap:14px;display:flex}.widget-toolbar__button{color:#8b8b8b;cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;transition:background-color .18s,color .18s;display:inline-flex}.widget-toolbar__button:hover{color:#111827;background:#f1f5f9}:root.dark .widget-toolbar__button{color:#8f8f8f}:root.dark .widget-toolbar__button:hover{color:#f5f5f5;background:#242424}.widget-toolbar__button span{justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.widget-toolbar__button svg{fill:currentColor;width:16px;height:16px}.demo-preview-body{height:calc(100vh - 110px)}.demo-widget-frame{background:#fff;flex:1;min-height:0;display:flex;overflow:hidden}:root.dark .demo-widget-frame{background:#1f1f1f}.widget-stage{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}:root.dark .widget-stage{background:#1f1f1f}.widget-code-panel{background:#1f1f1f;border-bottom:1px solid #e2e8f0;flex-direction:column;flex:0 0 min(54vh,420px);min-height:240px;display:flex;overflow:hidden}:root.dark .widget-code-panel{border-bottom-color:#303030}.widget-code-panel--full{border-bottom:0;flex:auto;min-height:0}.widget-code-panel .editor-panel{flex:auto;width:100%;height:100%;min-height:0}.widget-code-panel .editor-toolbar{display:none}.widget-code-panel .editor-surface{height:100%;min-height:0;box-shadow:none;border-radius:0;flex:auto;margin:0}.widget-code-panel .editor-monaco-host{width:100%;height:100%}.widget-code-slide{transform-origin:top;overflow:hidden}.widget-code-slide--enter-active{transition:max-height .34s cubic-bezier(.22,1,.36,1),opacity .24s,transform .34s cubic-bezier(.22,1,.36,1)}.widget-code-slide--leave-active{transition:max-height .24s,opacity .18s,transform .24s}.widget-code-slide--enter-from,.widget-code-slide--leave-to{opacity:0;max-height:0;transform:translateY(-18px)}.widget-code-slide--enter-to,.widget-code-slide--leave-from{opacity:1;max-height:460px;transform:translateY(0)}.widget-preview-surface{min-height:220px;padding:0}.widget-preview-surface>*{min-height:0}.widget-preview-surface #demo-wrapper{padding:0}.widget-preview-surface .rg-root,.widget-preview-surface .revogrid-demo-card{border-radius:20px}:root.dark .widget-preview-surface{box-shadow:none;background-color:#1f1f1f;background-image:radial-gradient(circle,#ffffff1f 1.2px,#0000 1.2px)}revogrid-angular-preview{flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;overflow:hidden;display:flex!important}