@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;700;800;900&display=swap");.visualPageDesigner{height:calc(100vh - 108px);min-height:760px;display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;color:var(--text-primary)}.visualPageDesigner,.vpdHeader{background:var(--surface-primary)}.vpdHeader{display:grid;grid-template-columns:285px minmax(0,1fr);min-height:100px;border-bottom:1px solid var(--border-subtle)}.vpdBrand{padding:16px 22px;border-right:1px solid var(--border-subtle)}.vpdBrand h2{font-size:26px;margin:0 0 5px;font-weight:900}.vpdBrand p{margin:0;font-size:12px;color:var(--text-primary)}.vpdHeaderMain{min-width:0}.vpdBreadcrumbs{height:48px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--border-subtle);font-size:12px;white-space:nowrap;overflow:hidden}.vpdBreadcrumbs svg{width:13px}.vpdHeaderActions{position:absolute;right:28px;top:14px;display:flex;align-items:center;gap:8px}.vpdHeaderActions select,.vpdToolbar select{background:var(--surface-primary);color:var(--text-primary)}.vpdHeaderActions select,.vpdStatus,.vpdToolbar select{height:34px;border:1px solid var(--border-subtle);border-radius:6px;padding:0 10px}.vpdStatus{display:flex;align-items:center;font-size:12px;font-weight:800}.vpdStatus.published{color:var(--success-text,#167845);background:var(--success-subtle,#eefaf3)}.vpdToolbar{height:51px;display:flex;align-items:center;gap:22px;padding:0 18px;font-size:12px}.vpdToolbar>div{white-space:nowrap}.vpdToolbar button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--text-primary);font-size:12px;cursor:pointer}.vpdToolbar button:disabled{opacity:.4}.vpdToolbar svg{width:15px}.vpdDevices{display:flex;margin-left:auto;border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden}.vpdDevices button{height:32px;padding:0 10px;border-right:1px solid var(--border-subtle)}.vpdDevices button:last-child{border-right:0}.vpdDevices button.active{background:var(--surface-selected,var(--surface-muted));color:var(--action-primary);font-weight:800}.vpdToolbar label{display:flex;align-items:center;gap:7px;white-space:nowrap}.vpdSwitch input{display:none}.vpdSwitch span{width:30px;height:17px;border-radius:20px;background:var(--border-strong);position:relative}.vpdSwitch span:after{content:"";position:absolute;width:13px;height:13px;top:2px;left:2px;border-radius:50%;background:#fff;transition:.2s}.vpdSwitch input:checked+span{background:var(--action-primary)}.vpdSwitch input:checked+span:after{left:15px}.vpdIconButton{width:34px;height:34px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--surface-primary);display:inline-flex;align-items:center;justify-content:center}.vpdIconButton svg{width:17px}.vpdNotice{padding:8px 14px;border-bottom:1px solid var(--border-subtle);background:var(--surface-muted);font-size:12px}.vpdNotice button{background:none;font-size:18px}.vpdWorkspace{grid-template-columns:262px minmax(640px,1fr) 290px}.vpdLeft,.vpdRight{display:flex;flex-direction:column;background:var(--surface-primary)}.vpdLeft{border-right:1px solid var(--border-subtle)}.vpdRight{border-left:1px solid var(--border-subtle)}.vpdPanelTabs{height:44px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--border-subtle)}.vpdPanelTabs button{border:0;background:transparent;color:var(--text-secondary);font-weight:800;font-size:12px;position:relative}.vpdPanelTabs button.active{color:var(--action-primary)}.vpdPanelTabs button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:2px;background:var(--action-primary)}.vpdSearch{display:flex;align-items:center;gap:7px;height:34px;padding:0 9px;border:1px solid var(--border-subtle);border-radius:6px}.vpdSearch svg{width:15px;color:var(--text-primary)}.vpdSearch input{min-width:0;flex:1 1;border:0;outline:0;background:transparent;color:var(--text-primary);font-size:12px}.vpdFields,.vpdPalette{min-height:0;overflow:auto;padding:0 10px 12px}.vpdFields h4,.vpdPalette section h4{margin:12px 0 7px;font-size:10px;letter-spacing:.04em}.vpdPaletteGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px}.vpdPaletteGrid button{min-height:60px;padding:8px 4px;border:1px solid var(--border-subtle);border-radius:6px;background:var(--surface-primary);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:10px;cursor:-webkit-grab;cursor:grab}.vpdPaletteGrid button:hover{border-color:var(--action-primary);background:var(--surface-muted)}.vpdPaletteGrid svg{width:18px;color:var(--action-primary)}.vpdFields button{width:100%;height:34px;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);display:grid;grid-template-columns:18px 1fr auto;align-items:center;text-align:left;font-size:11px}.vpdFields svg{width:14px}.vpdDragHint,.vpdFields small,.vpdFields svg{color:var(--text-primary)}.vpdDragHint{margin:auto 10px 12px;padding:10px;border:1px solid var(--border-subtle);border-radius:6px;text-align:center;font-size:10px}.vpdCanvasWrap{min-width:0;overflow:auto;background:var(--surface-subtle);padding:10px}.vpdCanvasWrap.showGrid{background-image:radial-gradient(var(--border-subtle) .7px,transparent .7px);background-size:12px 12px}.vpdCanvas{min-width:920px;max-width:1280px;margin:auto;border-radius:4px;background:var(--surface-primary);box-shadow:0 1px 4px rgb(15 23 42/.08)}.vpdCanvasWrap.tablet .vpdCanvas{width:760px;min-width:760px}.vpdCanvasWrap.mobile .vpdCanvas{width:390px;min-width:390px}.vpdDesignBlock{position:relative;margin-bottom:12px;border:1px dashed color-mix(in srgb,var(--action-primary) 55%,var(--border-subtle));border-radius:5px;background:var(--surface-primary);cursor:pointer}.vpdDesignBlock.selected{outline:2px solid color-mix(in srgb,var(--action-primary) 65%,transparent);outline-offset:1px}.vpdBlockLabel,.vpdInnerLabel{position:absolute;top:-9px;right:10px;padding:2px 6px;border-radius:3px;background:var(--surface-primary);color:var(--action-primary);font-size:9px;font-weight:900;letter-spacing:.02em}.vpdInnerLabel{left:10px;right:auto;top:7px}.vpdPageHero{display:flex;align-items:center;justify-content:space-between;padding:18px 14px}.vpdPageHero h2{margin:0;font-size:19px}.vpdPageHero h2 small{margin-left:10px;padding:4px 7px;border-radius:4px;background:var(--surface-selected,var(--surface-muted));color:var(--action-primary);font-size:9px}.vpdPageHero>div:last-child{display:flex;gap:7px}.vpdPageTabs{height:54px;padding:0 14px;display:flex;align-items:flex-end;gap:5px}.vpdPageTabs>button:not(.suraiButton){height:42px;padding:0 16px;border:0;border-bottom:2px solid transparent;background:none;color:var(--text-secondary);font-weight:800}.vpdPageTabs>button.active{color:var(--action-primary);border-color:var(--action-primary)}.vpdPageTabs .suraiButton{margin-left:auto;margin-bottom:8px}.vpdKpiPanel{position:relative;margin:12px;padding:30px 12px 12px;border:1px solid color-mix(in srgb,var(--action-primary) 38%,var(--border-subtle));border-radius:6px}.vpdKpis{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:8px;gap:8px}.vpdKpis>div{min-width:0;min-height:90px;padding:12px;border:1px solid var(--border-subtle);border-radius:5px;display:flex;flex-direction:column;gap:5px}.vpdKpis small{font-weight:800;font-size:9px}.vpdKpis strong{font-size:20px}.vpdKpis span{font-size:9px;color:var(--text-primary)}.vpdAddKpi{display:flex;align-items:center;gap:4px;margin:10px auto 0;padding:6px 10px;border:1px solid var(--border-subtle);background:var(--surface-primary);border-radius:5px;font-size:10px;color:var(--action-primary)}.vpdAddKpi svg{width:12px}.vpdDataWorkspace{position:relative;padding:29px 10px 10px}.vpdGridToolbar{display:flex;align-items:center;gap:7px;margin-bottom:8px}.vpdGridToolbar select{background:var(--surface-primary);color:var(--text-primary);font-size:9px}.vpdGridSearch,.vpdGridToolbar select{height:31px;border:1px solid var(--border-subtle);border-radius:5px;padding:0 7px}.vpdGridSearch{margin-left:auto;display:flex;align-items:center}.vpdGridSearch svg{width:13px}.vpdGridSearch input{width:105px;border:0;background:transparent;outline:0;font-size:9px}.vpdTable{border:1px solid var(--border-subtle);border-radius:4px;overflow:hidden}.vpdTr{display:grid;grid-template-columns:22px .72fr 1.15fr .65fr .85fr .78fr 1.15fr .65fr .85fr .75fr .85fr .7fr .45fr;min-height:43px;align-items:center;border-bottom:1px solid var(--border-subtle);font-size:8px}.vpdTr:last-child{border-bottom:0}.vpdTr>*{padding:4px 5px;min-width:0;overflow:hidden;text-overflow:ellipsis}.vpdTh{min-height:37px;background:var(--surface-muted);font-size:8px}.vpdTr .link{color:var(--action-primary);font-weight:800}.vpdTr .badge{width:max-content;padding:3px 5px;border-radius:4px;background:var(--success-subtle,#e8f7ef);color:var(--success-text,#147343);font-weight:800}.vpdPagination{display:flex;justify-content:space-between;padding:9px 3px 0;font-size:9px}.vpdPagination b{display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border:1px solid var(--action-primary);border-radius:4px;color:var(--action-primary)}.vpdLowerGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.emptyPreview{min-height:145px;border-color:var(--warning-border,#eab308);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px}.emptyPreview svg{width:26px;color:var(--text-primary)}.emptyPreview p{margin:3px 0 8px;color:var(--text-primary)}.vpdInspectorPreview{position:relative;min-height:145px;padding:28px 8px 8px}.vpdInspectorHeader{height:35px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--border-subtle);font-size:10px}.vpdInspectorHeader svg{width:15px;color:var(--action-primary)}.vpdInspectorEmpty{height:82px;border:1px solid var(--border-subtle);border-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px}.vpdInspectorEmpty span{color:var(--text-primary)}.vpdGenericBlock{min-height:70px;padding:20px;display:flex;align-items:center;gap:10px}.vpdGenericBlock svg{width:16px}.vpdGenericBlock span:last-child{margin-left:auto;color:var(--text-primary);font-size:10px}.vpdAddZone{width:100%;height:38px;border:1px dashed var(--action-primary);border-radius:5px;background:transparent;color:var(--action-primary);display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px}.vpdAddZone svg{width:14px}.vpdProperties{min-height:0;overflow:auto;padding:14px}.vpdProperties h5{margin:13px 0 8px;font-size:9px;letter-spacing:.04em}.vpdSelectedCard{display:grid;grid-template-columns:38px 1fr 28px;grid-gap:8px;gap:8px;padding:8px;border:1px solid var(--border-subtle)}.vpdSelectedCard,.vpdSelectedIcon{align-items:center;border-radius:5px}.vpdSelectedIcon{width:34px;height:34px;background:var(--surface-selected,var(--surface-muted));display:flex;justify-content:center}.vpdSelectedIcon svg{width:17px;color:var(--action-primary)}.vpdSelectedCard div{display:flex;flex-direction:column;font-size:10px}.vpdSelectedCard button,.vpdSelectedCard small{color:var(--text-primary)}.vpdSelectedCard button{border:0;background:none}.vpdSelectedCard button svg{width:14px}.vpdProperties label{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;margin-bottom:9px;font-size:10px}.vpdProperties input,.vpdProperties select{min-width:0;height:31px;padding:0 8px;border:1px solid var(--border-subtle);border-radius:5px;background:var(--surface-primary,#fff);color:var(--text-primary,#172033);font-size:10px}.vpdPropertyRow{display:flex;align-items:center;justify-content:space-between;font-size:10px}.vpdColumnList{border:1px solid var(--border-subtle);border-radius:5px}.vpdColumnList>div{height:30px;grid-template-columns:18px 1fr 18px;padding:0 7px;border-bottom:1px solid var(--border-subtle);font-size:9px}.vpdColumnList svg{width:12px;color:var(--text-primary)}.vpdTextAction{display:flex;align-items:center;gap:4px;margin:7px 0;border:0;background:transparent;color:var(--action-primary);font-size:10px}.vpdTextAction svg{width:12px}.vpdInlineFields{display:grid;grid-template-columns:1fr 70px;grid-gap:7px;gap:7px}.vpdProperties details{padding:10px 0;border-bottom:1px solid var(--border-subtle);font-size:10px;font-weight:800}.vpdEmptyProperties{margin:auto;padding:24px;text-align:center;color:var(--text-primary)}.vpdEmptyProperties svg{width:28px}.vpdEmptyProperties h4{margin:8px 0 4px}.vpdEmptyProperties p{font-size:11px}.vpdFooter{height:42px;display:flex;align-items:center;gap:28px;padding:0 16px;border-top:1px solid var(--border-subtle);background:var(--surface-primary);font-size:10px;white-space:nowrap;overflow:auto}.vpdFooter,.vpdFooter strong{color:var(--text-primary)}.vpdFooter .vpdValid{margin-left:auto;color:var(--success-text,#147343);font-weight:800}@media(max-width:1380px){.vpdHeader{grid-template-columns:230px minmax(0,1fr)}.vpdWorkspace{grid-template-columns:230px minmax(600px,1fr) 270px}.vpdHeaderActions{position:static;float:right;margin:-41px 12px 0 0}.vpdToolbar{gap:12px}.vpdKpis{grid-template-columns:repeat(4,1fr)}}.canonicalPageManager{display:flex;flex-direction:column;gap:16px;min-height:620px}.cpmHeader{display:flex;justify-content:space-between;align-items:flex-start;padding:4px 2px}.cpmHeader h2{margin:8px 0 4px;font-size:22px}.cpmHeader p{margin:0;color:var(--text-primary);font-size:13px}.cpmBreadcrumbs{display:flex;align-items:center;gap:7px;color:var(--text-primary);font-size:11px}.cpmBreadcrumbs svg{width:13px}.cpmWorkspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:540px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-primary)}.cpmListPanel{min-width:0}.cpmListToolbar{height:54px;padding:0 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--border-subtle)}.cpmListToolbar span{color:var(--text-primary);font-size:11px}.cpmTable{width:100%;overflow:auto}.cpmRow{width:100%;min-height:62px;display:grid;grid-template-columns:1.45fr .55fr 1.1fr .72fr .48fr .78fr;align-items:center;grid-gap:10px;gap:10px;padding:9px 14px;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);text-align:left;font:inherit;cursor:pointer}.cpmRow:hover{background:var(--surface-muted)}.cpmRow.selected{background:var(--surface-selected,var(--surface-muted));box-shadow:inset 3px 0 0 var(--action-primary)}.cpmRow>span{min-width:0;font-size:11px;overflow:hidden;text-overflow:ellipsis}.cpmRow>span:first-child{display:flex;flex-direction:column;gap:3px}.cpmRow small{color:var(--text-primary);white-space:nowrap}.cpmRow em{font-style:normal;padding:4px 7px;border-radius:4px;color:var(--action-primary)}.cpmHead,.cpmRow em{font-size:9px;font-weight:900;background:var(--surface-muted)}.cpmHead{min-height:38px;cursor:default}.cpmHead:hover,.cpmStatus{background:var(--surface-muted)}.cpmStatus{display:inline-flex;width:max-content;padding:4px 7px;border-radius:999px;font-size:9px;text-transform:capitalize}.cpmStatus.approved,.cpmStatus.published{background:var(--success-subtle,#e8f7ef);color:var(--success-text,#147343)}.cpmStatus.draft,.cpmStatus.in_review{background:var(--warning-subtle,#fff8dc);color:var(--warning-text,#8a6500)}.cpmInspector{padding:20px;border-left:1px solid var(--border-subtle);background:var(--surface-primary)}.cpmInspectorEyebrow{font-size:9px;font-weight:900;letter-spacing:.12em;color:var(--text-primary)}.cpmInspectorTitle{display:flex;gap:10px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-subtle)}.cpmInspectorTitle>svg{width:30px;color:var(--action-primary)}.cpmInspectorTitle h3{margin:0;font-size:18px}.cpmInspectorTitle p{margin:3px 0 0;color:var(--text-primary);font-size:11px}.cpmInspector dl{margin:14px 0}.cpmInspector dl>div{display:grid;grid-template-columns:90px 1fr;grid-gap:10px;gap:10px;padding:9px 0;border-bottom:1px solid var(--border-subtle);font-size:11px}.cpmInspector dt{color:var(--text-primary)}.cpmInspector dd{margin:0;overflow-wrap:anywhere}.cpmDescription{font-size:11px;line-height:1.55;color:var(--text-secondary)}.cpmPrimaryActions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:16px}.cpmSecondaryActions{display:flex;flex-direction:column;margin-top:12px;border-top:1px solid var(--border-subtle)}.cpmSecondaryActions button{height:36px;display:flex;align-items:center;gap:8px;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-size:11px;text-align:left}.cpmSecondaryActions svg{width:14px}.vpdBackButton{height:28px;padding:0 8px;border:1px solid var(--border-subtle);border-radius:5px;background:var(--surface-primary);color:var(--action-primary);font-size:10px;font-weight:800;cursor:pointer}@media(max-width:1100px){.cpmWorkspace{grid-template-columns:1fr}.cpmInspector{border-left:0;border-top:1px solid var(--border-subtle)}.cpmRow{grid-template-columns:1.3fr .5fr .9fr .65fr .45fr}.cpmRow>span:last-child{display:none}}.vpdPreviewOverlay{position:fixed;inset:0;z-index:1000;background:rgba(10,18,32,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:18px;isolation:isolate}.vpdPreviewShell{--surface-muted:#f4f7fb;--surface-selected:#eef4ff;--text-primary:#172033;--text-secondary:#46536a;--text-primary:#6f7d93;--border-subtle:#d8e0ec;--action-primary:#2563eb;width:min(1760px,98vw);height:min(1040px,96vh);display:flex;flex-direction:column;border:1px solid var(--border-subtle,#d8e0ec);border-radius:12px;overflow:hidden;box-shadow:0 28px 96px rgba(0,0,0,.48);color:var(--text-primary,#172033);opacity:1}.vpdPreviewShell.dark{--surface-primary:#111827;--surface-muted:#0b1220;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-primary:#94a3b8;--border-subtle:#334155;--action-primary:#60a5fa}.vpdPreviewShell.blue{--action-primary:#2563eb;--surface-selected:#eff6ff}.vpdPreviewShell.teal{--action-primary:#0f766e;--surface-selected:#f0fdfa}.vpdPreviewBar{min-height:68px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border-subtle);background:var(--surface-primary,#fff)}.vpdPreviewBar>div:first-child{display:flex;flex-direction:column;gap:3px}.vpdPreviewBar strong{font-size:15px}.vpdPreviewBar span{font-size:10px;color:var(--text-primary)}.vpdPreviewControls{display:flex;align-items:center;gap:8px}.vpdPreviewControls label{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:800}.vpdPreviewControls select{height:31px;border:1px solid var(--border-subtle);border-radius:5px;background:var(--surface-primary,#fff);color:var(--text-primary,#172033);font-size:10px;padding:0 6px}.vpdRuntimeFrame{flex:1 1;min-height:0;overflow:auto;padding:18px;display:flex;justify-content:center;background:var(--surface-muted,#f4f7fb);opacity:1}.vpdRuntimeFrame.desktop .vpdRuntimePage{width:100%}.vpdRuntimeFrame.tablet .vpdRuntimePage{width:860px}.vpdRuntimeFrame.mobile .vpdRuntimePage{width:410px}.vpdRuntimePage{min-height:100%;border:1px solid var(--border-subtle,#d8e0ec);border-radius:9px;overflow:hidden;box-shadow:0 8px 28px rgba(15,23,42,.14);opacity:1}.vpdRuntimeNotice{padding:8px 14px;background:var(--surface-selected,var(--surface-muted));font-size:10px;color:var(--text-secondary)}.vpdRuntimeHero,.vpdRuntimeNotice{border-bottom:1px solid var(--border-subtle)}.vpdRuntimeHero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}.vpdRuntimeHero h1{margin:0;font-size:24px}.vpdRuntimeHero p{margin:5px 0 0;color:var(--text-primary);font-size:11px}.vpdRuntimeHero>div:last-child{display:flex;gap:7px}.vpdRuntimeTabs{display:flex;gap:24px;padding:0 20px;border-bottom:1px solid var(--border-subtle)}.vpdRuntimeTabs button{height:42px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);font-weight:800}.vpdRuntimeTabs button.active{border-color:var(--action-primary);color:var(--action-primary)}.vpdRuntimeKpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;padding:18px}.vpdRuntimeKpis>div{display:flex;flex-direction:column;gap:6px;padding:15px;border:1px solid var(--border-subtle);border-radius:7px;background:var(--surface-primary)}.vpdRuntimeKpis small{font-weight:800}.vpdRuntimeKpis strong{font-size:25px}.vpdRuntimeKpis span{color:var(--text-primary);font-size:9px}.vpdRuntimeExplore{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:480px}.vpdRuntimeGrid{min-width:0;padding:14px}.vpdRuntimeGridTools{display:flex;gap:8px;margin-bottom:10px}.vpdRuntimeGridTools select{margin-left:auto;border:1px solid var(--border-subtle);border-radius:5px;background:var(--surface-primary);color:var(--text-primary)}.vpdRuntimeTable{border:1px solid var(--border-subtle);border-radius:6px;overflow:hidden}.vpdRuntimeTable .row{width:100%;display:grid;grid-template-columns:.7fr 1.25fr .65fr .85fr 1.15fr .65fr .8fr;align-items:center;min-height:48px;padding:0 9px;border:0;border-bottom:1px solid var(--border-subtle);background:transparent;color:var(--text-primary);text-align:left;font:inherit}.vpdRuntimeTable .row:last-child{border-bottom:0}.vpdRuntimeTable button.row{cursor:pointer}.vpdRuntimeTable button.row.selected,.vpdRuntimeTable button.row:hover{background:var(--surface-selected,var(--surface-muted))}.vpdRuntimeTable .head{min-height:38px;background:var(--surface-muted);font-size:9px}.vpdRuntimeTable span{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vpdRuntimeTable em{font-style:normal;padding:4px 7px;border-radius:999px;background:var(--success-subtle,#e8f7ef);color:var(--success-text,#147343);font-size:9px}.vpdRuntimeInspector{padding:18px;border-left:1px solid var(--border-subtle)}.vpdRuntimeInspectorHead{display:grid;grid-template-columns:34px 1fr auto;align-items:center;grid-gap:9px;gap:9px;padding-bottom:14px;border-bottom:1px solid var(--border-subtle)}.vpdRuntimeInspectorHead svg{color:var(--action-primary)}.vpdRuntimeInspectorHead h2{margin:0;font-size:18px}.vpdRuntimeInspectorHead p{margin:3px 0 0;color:var(--text-primary);font-size:10px}.vpdRuntimeInspectorHead em{font-style:normal;padding:4px 7px;border-radius:999px;background:var(--success-subtle,#e8f7ef);color:var(--success-text,#147343);font-size:9px}.vpdRuntimeInspector dl>div{display:grid;grid-template-columns:115px 1fr;grid-gap:8px;gap:8px;padding:9px 0;border-bottom:1px solid var(--border-subtle);font-size:10px}.vpdRuntimeInspector dt{color:var(--text-primary)}.vpdRuntimeInspector dd{margin:0}.vpdRuntimeState{min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--text-primary)}.vpdRuntimeState svg{width:34px;height:34px}.vpdRuntimeState h3{margin:10px 0 4px;color:var(--text-primary)}.vpdRuntimeState p{max-width:420px;margin:0 0 12px;font-size:11px}.vpdRuntimeState.error svg{color:var(--danger-text,#b42318)}.spin{animation:vpdSpin 1s linear infinite}@keyframes vpdSpin{to{transform:rotate(1turn)}}.vpdRuntimeFrame.mobile .vpdRuntimeHero{align-items:flex-start;flex-direction:column}.vpdRuntimeFrame.mobile .vpdRuntimeHero>div:last-child{flex-wrap:wrap}.vpdRuntimeFrame.mobile .vpdRuntimeKpis{grid-template-columns:1fr 1fr}.vpdRuntimeFrame.mobile .vpdRuntimeExplore{grid-template-columns:1fr}.vpdRuntimeFrame.mobile .vpdRuntimeInspector{border-left:0;border-top:1px solid var(--border-subtle)}.vpdRuntimeFrame.mobile .vpdRuntimeTable{overflow:auto}.vpdRuntimeFrame.mobile .vpdRuntimeTable .row{min-width:760px}.vpdRuntimeFrame.tablet .vpdRuntimeExplore{grid-template-columns:minmax(0,1fr) 280px}@media(max-width:1100px){.vpdPreviewControls label{display:none}.vpdPreviewBar{align-items:flex-start}.vpdPreviewControls{flex-wrap:wrap;justify-content:flex-end}}.vpdCanvasRuntimePage,.vpdProductionPreviewPage{display:flex;flex-direction:column;gap:var(--space-4,16px);background:var(--color-bg,#f7f9fc);color:var(--color-text,#172033);min-height:100%;padding:var(--space-4,16px)}.vpdProductionBlock{overflow:visible;background:transparent;border-color:transparent;padding:0}.vpdProductionBlock.selected,.vpdProductionBlock:hover{border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary,#2563eb) 18%,transparent)}.vpdActualInspector>.vpdBlockLabel,.vpdProductionBlock>.vpdBlockLabel{z-index:5;top:-10px;left:10px}.vpdActualHero{margin:0;min-height:112px}.vpdActualInsightsPanel{background:var(--color-surface,#fff);border:1px solid var(--color-border,#dbe2ea);border-radius:var(--radius-md,8px);padding:var(--space-4,16px)}.vpdActualExploreLayout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-4,16px);gap:var(--space-4,16px);align-items:start}.vpdActualExploreLayout.inspectorOpen{grid-template-columns:minmax(0,1fr) minmax(300px,360px)}.vpdActualExploreLayout>.vpdProductionBlock{min-width:0}.vpdActualInspector{position:relative;background:var(--color-surface,#fff);border:1px solid var(--color-border,#dbe2ea);border-radius:var(--radius-md,8px);min-height:360px;padding:20px;box-shadow:var(--shadow-sm,0 1px 2px rgba(15,23,42,.08))}.vpdActualInspector.selected{outline:2px solid var(--color-primary,#2563eb);outline-offset:2px}.vpdActualInspector header{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid var(--color-border,#dbe2ea);padding-bottom:16px;margin-bottom:16px}.vpdActualInspector header svg{width:24px;height:24px}.vpdActualInspector header div{flex:1 1}.vpdActualInspector h2{margin:0;font-size:22px}.vpdActualInspector header p{margin:4px 0 0;color:var(--color-text-primary,#667085)}.vpdActualInspector dl{display:grid;grid-gap:12px;gap:12px;margin:0 0 20px}.vpdActualInspector dl div{display:grid;grid-template-columns:1fr 1.3fr;grid-gap:12px;gap:12px}.vpdActualInspector dt{color:var(--color-text-primary,#667085);font-size:12px;font-weight:700}.vpdActualInspector dd{margin:0;font-weight:700}.vpdCanvasRuntimePage .suraiDataWorkspace,.vpdProductionPreviewPage .suraiDataWorkspace{background:var(--color-surface,#fff)}.vpdRuntimeFrame.mobile .vpdActualExploreLayout.inspectorOpen,.vpdRuntimeFrame.tablet .vpdActualExploreLayout.inspectorOpen{grid-template-columns:1fr}.vpdRuntimeFrame.mobile .suraiPageTitleHero{align-items:flex-start}.vpdRuntimeFrame.mobile .suraiPageTitleActions{width:100%;flex-wrap:wrap}.clinicalObjectModelExplorer{display:flex;flex-direction:column;gap:0}.clinicalObjectModelExplore{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--space-4,16px);gap:var(--space-4,16px);align-items:start;min-height:560px}.clinicalObjectModelExplore.inspectorOpen{grid-template-columns:minmax(0,1fr) minmax(320px,390px)}.clinicalObjectModelExplore .suraiInspectorModeSplit{height:100%;min-height:560px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-primary)}.clinicalObjectWorkspace{display:flex;flex-direction:column;gap:var(--space-4,16px)}.clinicalObjectWorkspaceHeader{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;grid-gap:var(--space-4,16px);gap:var(--space-4,16px);padding:var(--space-5,20px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-primary)}.clinicalObjectWorkspaceHeader h2{margin:4px 0;font-size:clamp(24px,2.2vw,34px)}.clinicalObjectWorkspaceHeader p{margin:0;color:var(--text-primary)}.clinicalObjectWorkspaceBody{padding:var(--space-4,16px);min-height:520px}.clinicalObjectIdentity{display:flex;align-items:flex-start;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border-subtle)}.clinicalObjectIdentity>svg{width:32px;height:32px;color:var(--action-primary)}.clinicalObjectIdentity h3{margin:0 0 4px;font-size:24px}.clinicalObjectIdentity p{margin:0;color:var(--text-primary)}@media(max-width:1100px){.clinicalObjectModelExplore.inspectorOpen,.clinicalObjectWorkspaceHeader{grid-template-columns:1fr}.clinicalObjectWorkspaceHeader>.suraiStatusBadge{justify-self:start}}.clinicalObjectModelPageTabs.suraiTabsPageNav{margin:0;min-height:50px}.clinicalObjectModelPageTabs.suraiTabsPageNav .suraiTab{min-height:50px}.clinicalObjectModelTabPanel{min-width:0}.clinicalObjectModelInsights{padding:0}.clinicalObjectModelInsightsPanel{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.clinicalObjectModelInsightsPanel .suraiSummaryMetricGrid{margin:0}@media (max-width:700px){.clinicalObjectModelInsightsPanel{padding:var(--space-4)}}.clinicalObjectRecordOverviewGrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);grid-gap:var(--space-4,16px);gap:var(--space-4,16px);align-items:start}.clinicalObjectRecordOverviewPanel{grid-row:span 2}.clinicalObjectRecordIdentity{display:flex;align-items:flex-start;gap:12px;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid var(--border-subtle)}.clinicalObjectRecordIdentity>svg{width:32px;height:32px;color:var(--action-primary);flex:0 0 auto}.clinicalObjectRecordIdentity h3{margin:0 0 4px;font-size:24px}.clinicalObjectRecordIdentity p{margin:0;color:var(--text-primary)}.clinicalObjectRecordMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:1100px){.clinicalObjectRecordOverviewGrid{grid-template-columns:1fr}.clinicalObjectRecordOverviewPanel{grid-row:auto}}@media(max-width:720px){.clinicalObjectRecordMetricGrid{grid-template-columns:1fr}}.canonicalPageManagerWorkspace{min-height:0}.canonicalPageManagerWorkspace>.cpmWorkspace{margin:0}.cpmWorkspaceWithSuraiInspector{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,380px);border:0;border-radius:0;overflow:visible;background:transparent;min-height:560px;grid-gap:var(--space-4,16px);gap:var(--space-4,16px)}.cpmWorkspaceWithSuraiInspector .cpmListPanel{min-width:0}.cpmWorkspaceWithSuraiInspector>.suraiInspector{height:100%;min-height:560px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;background:var(--surface-primary)}.cpmInspectorFooterActions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;width:100%}.cpmSecondaryActions{margin-top:0}.cpmCreateOverlay{z-index:1200}.cpmCreateModal{width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto}.cpmCreateModal .suraiModalHeader h2{margin:2px 0 4px}.cpmCreateModal .suraiModalHeader p{margin:0;color:var(--text-primary)}.cpmCreateClose{border:0;background:transparent;color:var(--text-primary);font-size:26px;line-height:1;cursor:pointer}.cpmCreateForm{display:flex;flex-direction:column;gap:16px}.cpmCreateForm label{display:flex;flex-direction:column;gap:7px}.cpmCreateForm label>span{font-size:12px;font-weight:800;color:var(--text-secondary)}.cpmCreateForm input,.cpmCreateForm select,.cpmCreateForm textarea{width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-sm,6px);background:var(--surface-primary);color:var(--text-primary);padding:10px 12px;font:inherit}.cpmCreateForm textarea{resize:vertical}.cpmCreateFormGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.cpmCreateError{padding:10px 12px;border:1px solid var(--danger-border,#efb4b4);border-radius:6px;background:var(--danger-subtle,#fff0f0);color:var(--danger-text,#9f1f1f);font-size:12px}@media(max-width:1100px){.cpmWorkspaceWithSuraiInspector{grid-template-columns:1fr}.cpmWorkspaceWithSuraiInspector>.suraiInspector{min-height:0}}@media(max-width:640px){.cpmCreateFormGrid,.cpmInspectorFooterActions{grid-template-columns:1fr}}.visualPageDesigner{min-height:100vh;height:100vh}.visualPageDesigner,.vpdWorkspace{background:var(--surface-muted,var(--color-bg,#f5f7fb))}.vpdWorkspace{grid-template-columns:278px minmax(640px,1fr) 310px;gap:12px;padding:12px}.vpdLeft,.vpdRight{border:1px solid var(--border-subtle,var(--color-border,#dbe2ea))!important;overflow:hidden}.vpdLeft,.vpdPanelTabs.suraiTabsPageNav,.vpdRight{background:var(--surface-primary,var(--color-surface,#fff))}.vpdPanelTabs.suraiTabsPageNav{height:44px;padding:0 10px;border-bottom:1px solid var(--border-subtle,var(--color-border,#dbe2ea))}.vpdPanelTabs.suraiTabsPageNav .suraiTab{min-width:0;justify-content:center;padding:0 10px;font-size:11px}.vpdSearch{margin:12px;border:1px solid var(--border-subtle,var(--color-border,#dbe2ea));border-radius:var(--radius-sm,6px);background:var(--surface-muted,var(--color-bg-subtle,#f8fafc))}.vpdFields,.vpdPalette,.vpdProperties{padding:0 12px 14px}.vpdSystemHeroNotice{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px dashed var(--border-strong,var(--color-border-strong,#aab4c3));border-radius:var(--radius-md,8px);background:var(--surface-primary,var(--color-surface,#fff));color:var(--text-secondary,var(--color-text-primary,#667085))}.vpdSystemHeroNotice svg{width:20px;height:20px;color:var(--action-primary,var(--color-primary,#2563eb))}.vpdSystemHeroNotice div{display:flex;flex-direction:column;gap:2px}.vpdSystemHeroNotice strong{font-size:12px;color:var(--text-primary,var(--color-text,#172033))}.vpdSystemHeroNotice span{font-size:10px}.vpdSystemManagedHero .suraiPageEyebrow{margin:0 0 5px;font-size:9px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--text-primary,var(--color-text-primary,#667085))}.visualPageDesigner{width:100%;max-width:none}.vpdWorkspace{grid-template-columns:minmax(310px,19vw) minmax(0,1fr) minmax(340px,21vw)}.vpdCanvasWrap{padding:8px}.vpdCanvas{min-width:980px;padding:12px}.vpdPanelTabs.suraiTabsPageNav .suraiTab{font-size:13px;padding:0 12px}.vpdFields,.vpdPalette,.vpdProperties,.vpdSearch input{font-size:13px}.vpdFields h4,.vpdPalette section h4,.vpdProperties h5{font-size:12px;letter-spacing:.06em}.vpdFields button,.vpdPaletteGrid button{font-size:13px;min-height:52px}.vpdFields button span,.vpdPaletteGrid button span{font-size:13px}.vpdFields button small,.vpdSelectedCard small{font-size:11px}.vpdColumnList,.vpdInlineFields,.vpdProperties button,.vpdProperties input,.vpdProperties label,.vpdProperties select,.vpdPropertyRow{font-size:13px}.vpdSelectedCard strong{font-size:14px}.vpdDragHint{font-size:12px}.vpdSystemManagedHero{background:var(--surai-theme-surface-card,var(--surface-primary,#fff));border:1px solid var(--surai-theme-border,var(--border-subtle,#dbe2ea));box-shadow:var(--shadow-lg)}.vpdSystemManagedHero .suraiPageHeader{margin-bottom:0}.vpdSystemManagedHeroCanvas{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:1px solid color-mix(in srgb,var(--action-primary) 36%,transparent);outline-offset:-1px}.vpdLockedHeroBadge{position:absolute;z-index:2;top:8px;right:10px;padding:4px 8px;border-radius:999px;background:var(--surface-selected,var(--color-bg-selected,#eef4ff));color:var(--action-primary,var(--color-primary,#2563eb));font-size:10px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.vpdSystemManagedHeroCanvas .suraiPageHeader{padding-top:8px}@media(max-width:1400px){.vpdWorkspace{grid-template-columns:290px minmax(0,1fr) 320px}.vpdCanvas{min-width:900px}}.vpdWorkspace{grid-template-columns:248px minmax(0,1fr) 340px;gap:6px;padding:6px}.vpdCanvasWrap{padding:6px}.vpdCanvas{min-width:1020px;padding:10px}.vpdPaletteGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.vpdPaletteGrid button{padding-inline:6px}.vpdSystemManagedHero{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.vpdEmbeddedShellContent{padding:0!important;margin:0!important;min-width:0;background:transparent!important}.vpdEmbeddedShellContent>.suraiPageHeader{margin-bottom:0}.vpdSystemManagedHeroCanvas{outline:none}.vpdSystemManagedHeroCanvas .suraiPageHeader{padding-top:14px}.vpdLockedHeroBadge{top:7px;right:9px}.vpdProperties>label{display:grid;grid-gap:var(--space-2,8px);gap:var(--space-2,8px);margin:0 0 var(--space-3,12px);color:var(--surai-theme-text);font-size:var(--font-sm);font-weight:var(--font-bold)}.vpdInlineFields input,.vpdInlineFields select,.vpdProperties>label>input,.vpdProperties>label>select{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--surai-theme-border);border-radius:var(--radius-xl);background:var(--surai-theme-surface);color:var(--surai-theme-text-strong);font-family:inherit;font-size:var(--font-md);font-weight:var(--font-semibold);outline:none;opacity:1}.vpdProperties>label>input:-moz-read-only{border-color:var(--surai-theme-border-soft);background:var(--surai-theme-surface-muted);color:var(--surai-theme-text-primary);-webkit-text-fill-color:var(--surai-theme-text-primary);box-shadow:none;cursor:default;opacity:1}.vpdProperties>label>input:disabled,.vpdProperties>label>input:read-only,.vpdProperties>label>select:disabled{border-color:var(--surai-theme-border-soft);background:var(--surai-theme-surface-muted);color:var(--surai-theme-text-primary);-webkit-text-fill-color:var(--surai-theme-text-primary);box-shadow:none;cursor:default;opacity:1}.vpdProperties>label>input:not(:disabled):not(:-moz-read-only):focus{border-color:var(--surai-theme-primary);box-shadow:0 0 0 3px var(--surai-theme-focus-ring)}.vpdInlineFields input:focus,.vpdInlineFields select:focus,.vpdProperties>label>input:not(:disabled):not(:read-only):focus,.vpdProperties>label>select:not(:disabled):focus{border-color:var(--surai-theme-primary);box-shadow:0 0 0 3px var(--surai-theme-focus-ring)}.vpdProperties h5{margin:var(--space-4,16px) 0 var(--space-3,12px);color:var(--surai-theme-primary);font-size:var(--font-sm);font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.vpdColumnList>div,.vpdPropertyRow,.vpdSelectedCard{color:var(--surai-theme-text-strong);font-size:var(--font-md);font-weight:var(--font-semibold)}.vpdColumnList>div>span,.vpdPropertyRow>span{color:var(--surai-theme-text-strong)}@media(max-width:1400px){.vpdWorkspace{grid-template-columns:236px minmax(0,1fr) 320px}.vpdCanvas{min-width:940px}}.vpdPreviewPlatformShell{display:grid;grid-template-columns:250px minmax(0,1fr);padding:0;background:var(--surai-theme-surface-content,#f7f9fc);transition:grid-template-columns .18s ease}.vpdPreviewPlatformShell.isCollapsed{grid-template-columns:72px minmax(0,1fr)}.vpdPreviewSidebar{position:relative;min-height:100%;height:auto;padding:14px 10px;overflow:auto;z-index:1}.vpdPreviewBrand{padding:0 8px 16px;min-height:54px}.vpdPreviewBrandMark{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(145deg,#38bdf8,#2563eb);font-weight:900;font-size:20px;color:#fff;flex:0 0 auto}.vpdPreviewBrand>div:nth-child(2){display:flex;flex-direction:column;min-width:0}.vpdPreviewBrand strong{font-size:17px;letter-spacing:.12em;color:#fff}.vpdPreviewBrand span{font-size:8px;color:#b9d7ee;white-space:nowrap}.vpdPreviewBrand .suraiShellMenuToggle{margin-left:auto;display:grid;place-items:center;flex:0 0 34px}.vpdPreviewBrand .suraiShellMenuToggle svg{width:18px;height:18px}.vpdPreviewSidebar .suraiShellNavItem{min-height:40px;font-size:12px;padding:0 10px;text-align:left}.vpdPreviewSidebar .suraiShellSubItem{padding-left:18px}.vpdPreviewSidebar .suraiShellIcon{width:20px;min-width:20px}.vpdPreviewSidebar .suraiShellIcon svg{width:17px;height:17px}.vpdPreviewSidebar .suraiShellNavItem.active{background:rgba(56,189,248,.2);box-shadow:inset 3px 0 0 #38bdf8}.vpdPreviewSidebar .suraiShellPlatformSectionHeader{font-size:9px;margin:10px 8px 4px;color:#91a7bc;letter-spacing:.13em}.vpdPreviewAdminLabel{margin-top:16px!important}.vpdPreviewPlatformShell.isCollapsed .vpdPreviewSidebar .suraiShellNavItem{justify-content:center;padding:0}.vpdPreviewPlatformShell.isCollapsed .vpdPreviewSidebar .suraiShellSubItem{padding-left:0}.vpdPreviewPlatformShell.isCollapsed .vpdPreviewBrand{justify-content:center;padding-inline:0}.vpdPreviewPlatformShell.isCollapsed .vpdPreviewBrandMark{display:none}.vpdPreviewShellMain{min-width:0;display:flex;flex-direction:column;background:var(--surai-theme-surface-content,#f7f9fc)}.vpdPreviewShellContent{padding:14px 16px 22px;min-width:0}.vpdPreviewShellContent>.vpdSystemManagedHero{margin:0}.vpdPreviewShellContent>.vpdSystemManagedHero .vpdEmbeddedShellContent{padding:0}.vpdRuntimeFrame.tablet .vpdPreviewPlatformShell{grid-template-columns:196px minmax(0,1fr)}.vpdRuntimeFrame.mobile .vpdPreviewPlatformShell,.vpdRuntimeFrame.mobile .vpdPreviewPlatformShell:not(.isCollapsed){grid-template-columns:58px minmax(0,1fr)}.vpdRuntimeFrame.mobile .vpdPreviewBrand>div:nth-child(2),.vpdRuntimeFrame.mobile .vpdPreviewSidebar .suraiShellNavItem>span:last-child,.vpdRuntimeFrame.mobile .vpdPreviewSidebar .suraiShellPlatformSectionHeader{display:none}.vpdRuntimeFrame.mobile .vpdPreviewSidebar .suraiShellNavItem{justify-content:center;padding:0}.vpdRuntimeFrame.mobile .vpdPreviewBrandMark{display:none}.vpdRuntimeFrame.mobile .vpdPreviewBrand{justify-content:center;padding-inline:0}.vpdRuntimeFrame.mobile .vpdPreviewSidebar{padding-inline:7px}.vpdColumnActions{display:flex;align-items:center;gap:4px;margin-left:auto}.vpdColumnActions button,.vpdFacetList button{width:28px;height:28px;border:1px solid var(--surai-theme-border-control);background:var(--surai-theme-surface);color:var(--surai-theme-text-secondary);display:grid;place-items:center;cursor:pointer}.vpdColumnActions button:hover:not(:disabled),.vpdFacetList button:hover:not(:disabled){border-color:var(--surai-theme-primary);color:var(--surai-theme-primary);background:var(--surai-theme-primary-soft)}.vpdColumnActions button:disabled,.vpdFacetList button:disabled{opacity:.4;cursor:not-allowed}.vpdColumnActions svg,.vpdFacetList svg{width:14px;height:14px}.vpdFacetList{display:grid;grid-gap:8px;gap:8px}.vpdFacetList>div{gap:10px;padding:9px 10px;border:1px solid var(--surai-theme-border-soft);border-radius:var(--radius-lg);background:var(--surai-theme-surface-muted)}.vpdFacetList>div>div{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.vpdFacetList strong{font-size:13px}.vpdFacetList small,.vpdFieldHelp{font-size:11px;line-height:1.45;color:var(--surai-theme-text-primary)}.vpdPreviewShell[data-surai-theme]{background:var(--surai-theme-surface-app);color:var(--surai-theme-text-primary)}.vpdPreviewShell .vpdPreviewSidebar{background:var(--surai-shell-sidebar-background,var(--surai-theme-nav-bg));border-right:1px solid var(--surai-shell-sidebar-border,var(--surai-theme-nav-border));color:var(--surai-theme-nav-text)}.vpdPreviewShell .vpdPreviewBrand strong{color:var(--surai-theme-nav-text-active,var(--surai-theme-text-strong))}.vpdPreviewShell .vpdPreviewBrand span{color:var(--surai-theme-nav-text-primary,var(--surai-theme-text-primary))}.vpdPreviewShell .vpdPreviewSidebar .suraiShellNavItem{color:var(--surai-theme-nav-text)}.vpdPreviewShell .vpdPreviewSidebar .suraiShellIcon{color:var(--surai-shell-text,var(--surai-theme-nav-text))}.vpdPreviewShell .vpdPreviewSidebar .suraiShellNavItem:hover{background:var(--surai-theme-nav-hover-bg);color:var(--surai-theme-nav-hover-text)}.vpdPreviewShell .vpdPreviewSidebar .suraiShellNavItem.active{background:var(--surai-theme-nav-active-bg);color:var(--surai-theme-nav-text-active);box-shadow:inset 3px 0 0 var(--surai-shell-nav-active-indicator,var(--surai-theme-nav-active-border))}.vpdPreviewShell .vpdPreviewSidebar .suraiShellNavItem.active .suraiShellIcon{color:var(--surai-theme-nav-text-active)}.vpdPreviewShell .vpdPreviewSidebar .suraiShellPlatformSectionHeader{color:var(--surai-theme-nav-section-text,var(--surai-theme-text-primary))}.vpdPreviewShell .vpdPreviewBrandMark{background:var(--surai-theme-brand-gradient);color:var(--surai-theme-nav-text-active)}.vpdColumnList>div{grid-template-columns:18px minmax(0,1fr) auto;column-gap:6px;padding-right:8px}.vpdColumnActions{margin-left:6px;gap:3px;justify-content:flex-start}.vpdColumnActions button{width:26px;height:26px;flex:0 0 26px}.vpdFacetList{gap:0}.vpdFacetList>div{display:flex;justify-content:space-between;gap:8px;padding:7px 0;background:transparent}@media(max-width:1400px){.vpdWorkspace{grid-template-columns:236px minmax(0,1fr) 370px}}.cpmDefaultPageBadge{display:inline-flex;align-items:center;gap:6px;width:max-content;color:var(--action-primary);font-weight:800}.cpmDefaultPageBadge svg{flex:0 0 auto}.cpmNotDefault{color:var(--text-primary)}.cpmDefaultPageAction{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.cpmDefaultPageAction p,.cpmDefaultPageAction small{margin:0;color:var(--text-primary);font-size:12px;line-height:1.5}.cpmDefaultPageAction .cpmCreateError{width:100%}.vpdDraggableColumn{cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color .15s ease,border-color .15s ease}.vpdDraggableColumn:active{cursor:-webkit-grabbing;cursor:grabbing}.vpdDraggableColumn:hover{background:var(--surai-theme-surface-muted)}.vpdDragHandle,.vpdFacetIcon{width:18px;height:28px;flex:0 0 18px}.vpdDragHandle svg,.vpdFacetIcon svg{width:14px;height:14px}.vpdFacetList{border:1px solid var(--surai-theme-border-soft);border-radius:var(--radius-md);overflow:hidden;margin-bottom:8px}.vpdFacetList>div{min-height:36px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;grid-column-gap:6px;column-gap:6px;padding:0 8px;border:0;border-bottom:1px solid var(--surai-theme-border-soft);border-radius:0;background:var(--surai-theme-surface)}.vpdFacetList>div:last-child{border-bottom:0}.vpdFacetList strong{font-size:var(--font-md);font-weight:var(--font-semibold);color:var(--surai-theme-text-strong);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vpdColumnList{border:1px solid var(--surai-theme-border-soft);border-radius:var(--radius-md);overflow:hidden;margin-bottom:8px}.vpdColumnList,.vpdColumnList>div{background:var(--surai-theme-surface)}.vpdColumnList>div{min-height:38px;display:grid;grid-template-columns:18px minmax(0,1fr) 30px;align-items:center;grid-column-gap:5px;column-gap:5px;padding:0 6px 0 8px;border-bottom:1px solid var(--surai-theme-border-soft);font-size:var(--font-md)}.vpdColumnList>div:last-child{border-bottom:0}.vpdColumnList>div:hover{background:var(--surai-theme-surface-muted)}.vpdConfigFieldName,.vpdFacetList strong{font-size:var(--font-md);font-weight:var(--font-semibold);color:var(--surai-theme-text-strong);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vpdColumnActions{margin-left:0;justify-self:start;gap:0}.vpdColumnActions button,.vpdFacetList button{width:26px;height:26px;margin:0;padding:0;border:0;background:transparent;border-radius:var(--radius-md)}.vpdFacetList>div{grid-template-columns:18px minmax(0,1fr) 30px;column-gap:5px;padding:0 6px 0 8px}.vpdFacetList button{justify-self:start}.vpdDragHandle,.vpdFacetIcon{display:grid;place-items:center;color:var(--surai-theme-text-primary)}.vpdGenericBlock{display:block;min-height:unset;padding:14px;cursor:pointer}.vpdGenericBlock>.vpdBlockLabel{z-index:2}.vpdRealSection{padding:18px 4px 8px;border-bottom:1px solid var(--surai-theme-border-soft)}.vpdMiniList h3,.vpdRealPanel h3,.vpdRealSection h3,.vpdRichText h3,.vpdSummaryCard h3,.vpdTimeline h3{margin:0;font-size:var(--font-lg);color:var(--surai-theme-text-strong)}.vpdRealPanel p,.vpdRealSection p,.vpdRichText p{margin:6px 0 0;color:var(--surai-theme-text-secondary)}.vpdMiniList,.vpdRealPanel,.vpdRegisteredComponent,.vpdSummaryCard,.vpdTimeline{padding:16px;border:1px solid var(--surai-theme-border-soft);border-radius:var(--radius-lg);background:var(--surai-theme-surface);box-shadow:var(--shadow-sm)}.vpdPanelBody{min-height:72px;margin-top:12px;padding:14px;border:1px dashed var(--surai-theme-border-control);border-radius:var(--radius-md);color:var(--surai-theme-text-primary)}.vpdConfiguredTabs{padding-top:8px}.vpdConfiguredColumns{display:grid;grid-gap:12px;gap:12px}.vpdConfiguredColumns.two{grid-template-columns:repeat(2,minmax(0,1fr))}.vpdConfiguredColumns.three{grid-template-columns:repeat(3,minmax(0,1fr))}.vpdConfiguredColumns>div{min-height:100px;padding:14px;border:1px dashed var(--surai-theme-border-control);border-radius:var(--radius-lg);background:var(--surai-theme-surface-muted);color:var(--surai-theme-text-primary)}.vpdConfiguredDivider{height:1px;background:var(--surai-theme-border-soft);margin:16px 0}.vpdInlineInspector dl,.vpdSummaryCard dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px;margin:14px 0 0}.vpdInlineInspector dl div,.vpdSummaryCard dl div{padding:10px;border-radius:var(--radius-md);background:var(--surai-theme-surface-muted)}.vpdInlineInspector dt,.vpdSummaryCard dt{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--surai-theme-text-primary)}.vpdInlineInspector dd,.vpdSummaryCard dd{margin:4px 0 0;font-size:var(--font-md);font-weight:var(--font-semibold);color:var(--surai-theme-text-strong)}.vpdMiniList header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.vpdMiniList header span{font-size:var(--font-sm);color:var(--surai-theme-text-primary)}.vpdMiniList>div{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;grid-gap:8px;gap:8px;min-height:38px;border-top:1px solid var(--surai-theme-border-soft)}.vpdMiniList svg{width:15px;color:var(--surai-theme-primary)}.vpdMiniList small{color:var(--surai-theme-text-primary)}.vpdTimeline>div{display:grid;grid-template-columns:26px 1fr;grid-gap:10px;gap:10px;padding:10px 0;border-top:1px solid var(--surai-theme-border-soft)}.vpdTimeline>div>span{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:var(--surai-theme-primary-soft);color:var(--surai-theme-primary);font-weight:var(--font-bold)}.vpdTimeline>div div{display:flex;flex-direction:column;gap:2px}.vpdTimeline small{color:var(--surai-theme-text-primary)}.vpdInlineInspector{padding:16px;border:1px solid var(--surai-theme-border-soft);border-radius:var(--radius-lg);background:var(--surai-theme-surface);box-shadow:var(--shadow-sm)}.vpdInlineInspector header{display:flex;align-items:center;gap:10px}.vpdInlineInspector header>div{min-width:0;flex:1 1}.vpdInlineInspector h3,.vpdInlineInspector p{margin:0}.vpdInlineInspector p{color:var(--surai-theme-text-primary)}.vpdActionPreview{display:flex;align-items:center;min-height:50px}.vpdRichText{padding:14px 2px}.vpdAlert{display:flex;gap:10px;padding:14px;border:1px solid var(--warning-border,#d9a514);border-radius:var(--radius-lg);background:var(--warning-subtle,#fff8df)}.vpdAlert.info{border-color:var(--info-border,#6aa9d8);background:var(--info-subtle,#eef7ff)}.vpdAlert.danger{border-color:var(--danger-border,#d37a7a);background:var(--danger-subtle,#fff1f1)}.vpdAlert.success{border-color:var(--success-border,#6fb58a);background:var(--success-subtle,#eefaf2)}.vpdAlert p,.vpdAlert strong{margin:0}.vpdAlert p{margin-top:3px;color:var(--surai-theme-text-secondary)}.vpdConfiguredEmpty{min-height:140px;border:1px dashed var(--surai-theme-border-control);border-radius:var(--radius-lg)}.vpdRegisteredComponent{display:flex;align-items:center;gap:12px}.vpdRegisteredComponent svg{width:28px;color:var(--surai-theme-primary)}.vpdRegisteredComponent h3,.vpdRegisteredComponent p{margin:0}.vpdRegisteredComponent p{color:var(--surai-theme-text-primary)}.vpdFieldBindingList{border:1px solid var(--surai-theme-border-soft);border-radius:var(--radius-md);overflow:hidden;margin:8px 0}.vpdFieldBindingList>div{min-height:36px;display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;padding:0 6px 0 10px;border-bottom:1px solid var(--surai-theme-border-soft)}.vpdFieldBindingList>div:last-child{border-bottom:0}.vpdFieldBindingList button{width:26px;height:26px;border:0;background:transparent;color:var(--surai-theme-text-secondary);display:grid;place-items:center}.vpdFieldBindingList svg{width:14px}.vpdTextareaField{align-items:start!important}.vpdProperties textarea{min-height:88px;padding:8px;border:1px solid var(--surai-theme-border-control);border-radius:var(--radius-lg);background:var(--surai-theme-surface);color:var(--surai-theme-text-strong);font:inherit;resize:vertical}.vpdBehaviorNotice{display:flex;gap:10px;padding:12px;border:1px solid var(--surai-theme-border-soft);border-radius:var(--radius-lg);background:var(--surai-theme-surface-muted)}.vpdBehaviorNotice svg{width:20px;color:var(--surai-theme-primary)}.vpdBehaviorNotice p,.vpdBehaviorNotice strong{margin:0}.vpdBehaviorNotice p{margin-top:3px;color:var(--surai-theme-text-primary);font-size:var(--font-sm)}.vpdTreeNode{position:relative;min-width:0}.vpdTreeNode.selected{outline:2px solid var(--color-primary,#1677ff);outline-offset:3px}.vpdNodeChrome{position:absolute;z-index:8;right:6px;top:6px;display:flex;align-items:center;gap:5px;padding:3px 6px;border:1px solid var(--border-default,#ccd6e3);border-radius:6px;background:var(--surface-primary,#fff);font-size:10px;font-weight:800;text-transform:uppercase;box-shadow:0 2px 7px rgba(15,23,42,.12)}.vpdNodeChrome button{display:grid;border:0;background:transparent;padding:2px;cursor:pointer}.vpdTreeDropZone{min-height:42px;margin:8px;padding:12px;border:1px dashed var(--border-strong,#90a4bd);border-radius:8px;background:var(--surface-muted,#f4f7fb);text-align:center;color:var(--text-primary,#64748b);font-size:12px;font-weight:700}.vpdTreeDropZone:hover{border-style:solid;background:var(--surface-hover,#edf4ff)}.vpdNestedPanel{padding:16px;margin:10px 0}.vpdNestedPanel>header small{display:block;font-size:10px;font-weight:900;letter-spacing:.2em}.vpdNestedPanel>header h3{margin:3px 0}.vpdNestedPanel>header p{margin:0 0 12px;color:var(--text-primary)}.vpdNestedColumns{display:grid;grid-gap:16px;gap:16px;margin:10px 0}.vpdNestedColumns.two{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vpdNestedColumns.three{grid-template-columns:repeat(3,minmax(0,1fr))}.vpdNestedColumns>div{min-height:100px;padding:10px;border:1px solid var(--border-default);border-radius:8px}.vpdNestedColumns>div>strong{font-size:11px;text-transform:uppercase;color:var(--text-primary)}.vpdNestedSplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);grid-gap:16px;gap:16px;align-items:start}.vpdNestedSplit>aside{min-width:0}.vpdTabContent{padding-top:14px}.vpdTabContent>h3{font-size:13px;margin:0 0 8px}.vpdFieldGroup{padding:10px}.vpdFieldGroup>h3{margin:0 0 10px}.vpdFieldGroup dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:0}.vpdFieldGroup dl>div{padding:8px;border-bottom:1px solid var(--border-subtle,#e5eaf0)}.vpdFieldGroup dt{font-size:11px;font-weight:800;color:var(--text-primary)}.vpdFieldGroup dd{margin:4px 0 0}.vpdActionGroup{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px}.vpdInspectorHeaderPreview{padding:8px 10px;border-bottom:1px solid var(--border-default)}.vpdInspectorHeaderPreview h3,.vpdInspectorHeaderPreview p{margin:0}.vpdInspectorHeaderPreview h3{font-family:var(--font-display,var(--font-sans));font-size:18px}.vpdPaletteItem{display:flex;margin:4px 8px;padding:8px;border:1px solid var(--border-default);border-radius:7px;background:var(--surface-primary);cursor:-webkit-grab;cursor:grab;font-size:12px}.vpdChip{display:inline-flex;margin:3px;padding:4px 7px;border:1px solid var(--border-default);border-radius:999px;font-size:11px}.vpdValidation{margin-top:16px;padding:10px;border-radius:8px}.vpdValidation.valid{background:var(--status-success-subtle,#edf9f1)}.vpdValidation.invalid{background:var(--status-warning-subtle,#fff7e6)}.vpdValidation p{display:flex;gap:5px;font-size:11px}.vpdValidation svg{width:13px}.vpdSystemHero{position:relative;margin-bottom:12px;padding:20px 24px;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-primary)}.vpdSystemHero small{font-weight:900;letter-spacing:.22em}.vpdSystemHero h1{margin:5px 0;font-family:var(--font-display,var(--font-sans));font-size:30px}.vpdSystemHero p{margin:0;color:var(--text-primary)}.vpdSystemHero>span{position:absolute;right:16px;top:16px;border:1px solid var(--border-default);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800}.vpdRuntimePage{min-height:460px;padding:14px;background:var(--surface-primary,#fff);border-radius:8px}.vpdCanvas.tablet .vpdRuntimePage{max-width:820px;margin:auto}.vpdCanvas.mobile .vpdRuntimePage{max-width:430px;margin:auto}.vpdCanvas.mobile .vpdNestedColumns,.vpdCanvas.mobile .vpdNestedSplit{grid-template-columns:1fr}.vpdPreviewShell{position:fixed;z-index:1000;inset:0;--surface-primary:#ffffff;background:var(--surface-muted,#f4f7fb);overflow:auto}.vpdPreviewShell>header{position:-webkit-sticky;position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:var(--surface-primary);border-bottom:1px solid var(--border-default)}.vpdPreviewShell>header>div{display:flex;gap:10px;align-items:center}.vpdPreviewBody{max-width:1480px;margin:auto;padding:20px}.vpdNotice{display:flex;justify-content:space-between;padding:8px 16px;background:var(--status-info-subtle,#eef6ff)}@media(max-width:900px){.vpdFieldGroup dl,.vpdNestedColumns,.vpdNestedSplit{grid-template-columns:1fr}}.vpdRoot{min-height:calc(100vh - var(--platform-header-height,0px));display:flex;flex-direction:column;background:var(--surai-theme-page,var(--surface-muted,var(--color-bg,#f5f7fb)));color:var(--surai-theme-text-strong,var(--text-primary,var(--color-text,#172033)))}.vpdRoot *{box-sizing:border-box}.vpdTopbar{min-height:68px;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid var(--surai-theme-border-soft,var(--border-subtle,#dbe2ea));background:var(--surai-theme-surface,var(--surface-primary,#fff));color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdTopbar,.vpdTopbar>div{display:flex;align-items:center}.vpdTopbar>div{gap:10px;min-width:0}.vpdTopbar>div:first-child>div{min-width:0}.vpdTopbar h2,.vpdTopbar p{margin:0}.vpdTopbar h2{font-family:var(--font-display,var(--font-sans));font-size:var(--font-xl,20px);color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdTopbar p{margin-top:2px;color:var(--surai-theme-text-secondary,var(--text-secondary,#667085));font-size:var(--font-sm,12px)}.vpdTopbar svg{width:16px;height:16px}.vpdWorkspace{flex:1 1;display:grid;grid-template-columns:248px minmax(0,1fr) 400px;grid-gap:8px;gap:8px;padding:8px;overflow:hidden;background:var(--surai-theme-page,var(--surface-muted,#f5f7fb))}.vpdLeft,.vpdRight,.vpdWorkspace{min-height:0;color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdLeft,.vpdRight{overflow:auto;border:1px solid var(--surai-theme-border-soft,var(--border-subtle,#dbe2ea))!important;border-radius:var(--radius-md,8px);background:var(--surai-theme-surface,var(--surface-primary,#fff))!important;box-shadow:var(--shadow-sm,0 1px 2px rgba(15,23,42,.08))}.vpdLeft>.suraiTabs,.vpdRight>.suraiTabs{position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--surai-theme-surface,var(--surface-primary,#fff));border-bottom:1px solid var(--surai-theme-border-soft,var(--border-subtle,#dbe2ea))}.vpdLeft section{padding:8px 6px}.vpdInspectorEditor h4,.vpdLeft section h4{margin:8px 8px 6px;color:var(--surai-theme-text-primary,var(--text-primary,#667085));font-size:10px;font-weight:900;letter-spacing:.16em}.vpdPaletteItem{color:var(--surai-theme-text-strong,var(--text-primary,#172033))!important;border-color:var(--surai-theme-border-soft,var(--border-default,#ccd6e3))!important;background:var(--surai-theme-surface,var(--surface-primary,#fff))!important}.vpdPaletteItem:hover{background:var(--surai-theme-surface-muted,var(--surface-muted,#f4f7fb))!important}.vpdPaletteItem svg{width:14px;height:14px;color:var(--surai-theme-text-primary,var(--text-primary,#667085))}.vpdCanvas{min-width:0!important;width:100%;max-width:none;margin:0;padding:8px;overflow:auto;background:var(--surai-theme-canvas,var(--surface-subtle,var(--color-bg,#f7f9fc)))!important;color:var(--surai-theme-text-strong,var(--text-primary,#172033));box-shadow:none}.vpdCanvas,.vpdCanvasToolbar{border:1px solid var(--surai-theme-border-soft,var(--border-subtle,#dbe2ea));border-radius:var(--radius-md,8px)}.vpdCanvasToolbar{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px;padding:6px 8px;background:var(--surai-theme-surface,var(--surface-primary,#fff));color:var(--surai-theme-text-secondary,var(--text-secondary,#667085))}.vpdCanvasToolbar>div{display:flex;gap:4px}.vpdCanvasToolbar button{min-height:28px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius-md,8px);background:transparent;color:var(--surai-theme-text-secondary,var(--text-secondary,#667085));font:inherit;font-size:12px;font-weight:700;cursor:pointer}.vpdCanvasToolbar button:hover{background:var(--surai-theme-surface-muted,var(--surface-muted,#f4f7fb));color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdCanvasToolbar button.active{border-color:var(--surai-theme-primary,var(--action-primary,#2563eb));background:var(--surai-theme-primary-soft,var(--surface-selected,#eaf2ff));color:var(--surai-theme-primary,var(--action-primary,#2563eb))}.vpdCanvasToolbar>span{display:flex;align-items:center;gap:6px;font-size:12px}.vpdCanvasToolbar svg{width:15px;height:15px}.vpdRuntimePage,.vpdSystemHero{border-color:var(--surai-theme-border-soft,var(--border-default,#ccd6e3))!important;background:var(--surai-theme-surface,var(--surface-primary,#fff))!important;color:var(--surai-theme-text-strong,var(--text-primary,#172033))!important}.vpdSystemHero small{color:var(--surai-theme-text-primary,var(--text-primary,#667085))}.vpdSystemHero h1{color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdSystemHero p{color:var(--surai-theme-text-secondary,var(--text-secondary,#667085))!important}.vpdSystemHero>span{border-color:var(--surai-theme-border-control,var(--border-default,#ccd6e3));background:var(--surai-theme-surface-muted,var(--surface-muted,#f4f7fb));color:var(--surai-theme-text-secondary,var(--text-secondary,#667085))}.vpdRuntimePage{border:1px solid var(--surai-theme-border-soft,var(--border-subtle,#dbe2ea));overflow:visible}.vpdTreeNode{color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdTreeNode.selected{outline-color:var(--surai-theme-primary,var(--action-primary,#1677ff))}.vpdNodeChrome{border-color:var(--surai-theme-border-control,var(--border-default,#ccd6e3))!important;background:var(--surai-theme-surface-elevated,var(--surai-theme-surface,var(--surface-primary,#fff)))!important;color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdNodeChrome button{color:var(--surai-theme-text-secondary,var(--text-secondary,#667085))}.vpdNodeChrome button:hover{color:var(--danger-text,#b42318);background:var(--danger-subtle,#fff1f1)}.vpdTreeDropZone{border-color:var(--surai-theme-border-control,var(--border-strong,#90a4bd))!important;background:var(--surai-theme-surface-muted,var(--surface-muted,#f4f7fb))!important;color:var(--surai-theme-text-secondary,var(--text-secondary,#667085))!important}.vpdTreeDropZone:hover{border-color:var(--surai-theme-primary,var(--action-primary,#2563eb))!important;background:var(--surai-theme-primary-soft,var(--surface-hover,#edf4ff))!important;color:var(--surai-theme-primary,var(--action-primary,#2563eb))!important}.vpdFieldGroup dl>div,.vpdInspectorHeaderPreview,.vpdNestedColumns>div,.vpdNestedPanel{border-color:var(--surai-theme-border-soft,var(--border-default,#ccd6e3))!important;color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdNestedPanel{background:var(--surai-theme-surface,var(--surface-primary,#fff))}.vpdFieldGroup dt,.vpdNestedColumns>div>strong,.vpdNestedPanel>header small{color:var(--surai-theme-text-primary,var(--text-primary,#667085))!important}.vpdFieldGroup>h3,.vpdInspectorHeaderPreview h3,.vpdNestedPanel>header h3,.vpdTabContent>h3{color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdInspectorHeaderPreview p,.vpdNestedPanel>header p{color:var(--surai-theme-text-secondary,var(--text-secondary,#667085))!important}.vpdNestedColumns>div{background:var(--surai-theme-surface-muted,var(--surface-muted,#f4f7fb))}.vpdChip,.vpdFieldGroup dd{color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdChip{border-color:var(--surai-theme-border-control,var(--border-default,#ccd6e3))!important;background:var(--surai-theme-surface-muted,var(--surface-muted,#f4f7fb))}.vpdInspectorEditor{padding:12px}.vpdInspectorEditor,.vpdInspectorEditor>h3{color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdInspectorEditor>h3{margin:0;font-size:16px}.vpdInspectorEditor>code{display:block;margin:4px 0 14px;color:var(--surai-theme-text-primary,var(--text-primary,#667085));font-size:10px;overflow-wrap:anywhere}.vpdInspectorEditor label{display:flex;flex-direction:column;gap:5px;margin:0 0 12px;color:var(--surai-theme-text-secondary,var(--text-secondary,#667085));font-size:12px;font-weight:700}.vpdInspectorEditor input,.vpdInspectorEditor select,.vpdPreviewShell select{width:100%;min-height:36px;padding:6px 9px;border:1px solid var(--surai-theme-border-control,var(--border-default,#ccd6e3));border-radius:var(--radius-md,8px);outline:none;background:var(--surai-theme-surface,var(--surface-primary,#fff));color:var(--surai-theme-text-strong,var(--text-primary,#172033));font:inherit}.vpdInspectorEditor input:focus,.vpdInspectorEditor select:focus,.vpdPreviewShell select:focus{border-color:var(--surai-theme-primary,var(--action-primary,#2563eb));box-shadow:0 0 0 2px color-mix(in srgb,var(--surai-theme-primary,var(--action-primary,#2563eb)) 18%,transparent)}.vpdValidation{border:1px solid var(--surai-theme-border-soft,var(--border-subtle,#dbe2ea));color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdValidation.valid{background:var(--success-subtle,var(--status-success-subtle,#edf9f1))}.vpdValidation.invalid{background:var(--warning-subtle,var(--status-warning-subtle,#fff7e6))}.vpdValidation h4{margin:0 0 8px;color:inherit}.vpdValidation p{margin:6px 0;color:inherit}.vpdNotice{border-bottom:1px solid var(--info-border,var(--surai-theme-border-soft,#dbe2ea));background:var(--info-subtle,var(--status-info-subtle,#eef6ff));color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdNotice button{border:0;background:transparent;color:inherit;cursor:pointer}.vpdNotice svg{width:16px;height:16px}.vpdPreviewShell{--surface-primary:var(--surai-theme-surface,var(--color-surface,#fff));background:var(--surai-theme-page,var(--surface-muted,#f4f7fb))!important}.vpdPreviewShell,.vpdPreviewShell>header{color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdPreviewShell>header{background:var(--surai-theme-surface,var(--surface-primary,#fff))!important;border-color:var(--surai-theme-border-soft,var(--border-default,#ccd6e3))!important}.vpdPreviewShell>header>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.vpdPreviewShell>header span{color:var(--surai-theme-text-secondary,var(--text-secondary,#667085));font-size:12px}.vpdPreviewBody{color:var(--surai-theme-text-strong,var(--text-primary,#172033))}@media(max-width:1400px){.vpdWorkspace{grid-template-columns:230px minmax(0,1fr) 340px}}@media(max-width:1100px){.vpdWorkspace{grid-template-columns:210px minmax(0,1fr)}.vpdRight{grid-column:1/-1;max-height:360px}.vpdTopbar{align-items:flex-start;flex-direction:column}.vpdTopbar>div:last-child{flex-wrap:wrap}}.suraiSummaryMetricIcon{display:grid;place-items:center;flex:0 0 auto;color:var(--surai-theme-primary,var(--action-primary,#2563eb))}.suraiSummaryMetricIcon svg{width:20px;height:20px}.vpdDesignerHero{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;grid-gap:var(--space-3,12px);gap:var(--space-3,12px);padding:var(--space-5,20px) var(--space-6,24px);border:1px solid var(--surai-theme-border-soft,var(--border-subtle,#dbe2ea));border-radius:var(--radius-md,8px);margin:var(--space-3,12px) var(--space-3,12px) 0;background:var(--surai-theme-surface,var(--surface-primary,#fff));box-shadow:var(--shadow-sm,0 1px 2px rgba(15,23,42,.08))}.vpdDesignerHero>.suraiPageHeader{width:100%;margin:0;align-items:center}.vpdDesignerHero .suraiPageModuleEyebrow{margin:0 0 var(--space-2,8px);color:var(--surai-theme-text-primary);font-size:var(--font-sm,12px);font-weight:800;letter-spacing:.32em;text-transform:uppercase}.vpdDesignerHero .suraiPageTitle{margin-bottom:var(--space-1,4px)}.vpdDesignerHero .suraiPageDescription{font-size:var(--font-md,14px)}.vpdDesignerHero .suraiPageHeaderActions{display:flex;align-items:center;gap:var(--space-2,8px);flex-wrap:wrap}.vpdSystemManagedHero{position:relative;flex:none;background:var(--surai-theme-surface,var(--surface-primary,#fff));border:1px solid var(--surai-theme-border-soft,var(--border-subtle,#dbe2ea));border-radius:var(--radius-md,8px);box-shadow:var(--shadow-sm,0 1px 2px rgba(15,23,42,.08));padding:var(--space-6,24px);margin-bottom:var(--space-3,12px)}.vpdSystemManagedHero>.suraiPageHeader{margin:0}.vpdSystemManagedHero .suraiPageModuleEyebrow{margin:0 0 var(--space-2,8px);color:var(--surai-theme-text-primary);font-size:var(--font-sm,12px);font-weight:800;letter-spacing:.32em;text-transform:uppercase}.vpdLockedBadge{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--surai-theme-border-control,var(--border-default,#ccd6e3));border-radius:999px;background:var(--surai-theme-surface-muted,var(--surface-muted,#f4f7fb));color:var(--surai-theme-text-secondary,var(--text-secondary,#667085));font-size:11px;font-weight:800}.vpdPanelTabs.suraiTabsPageNav{min-height:44px;height:auto;padding:0 var(--space-2,8px);gap:var(--space-1,4px);background:var(--surai-theme-surface,var(--surface-primary,#fff));border-bottom:1px solid var(--surai-theme-border-soft,var(--border-subtle,#dbe2ea))}.vpdPanelTabs.suraiTabsPageNav .suraiTab{min-height:43px;padding:0 var(--space-3,12px);font-size:var(--font-md,14px);font-weight:900}.vpdPaletteItem{display:grid;grid-template-columns:16px 18px minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;text-transform:none!important;letter-spacing:normal!important;font-weight:700}.vpdPaletteItem .vpdDragHandle{color:var(--surai-theme-text-primary,var(--text-primary,#667085));opacity:.7}.vpdPaletteItem>svg:not(.vpdDragHandle){color:var(--surai-theme-primary,var(--action-primary,#2563eb))}.vpdPaletteItem span{text-transform:none!important;letter-spacing:normal!important}@media(max-width:900px){.vpdDesignerHero{grid-template-columns:1fr}.vpdDesignerHero>.suraiButton{justify-self:start}.vpdDesignerHero .suraiPageHeader{flex-direction:column}.vpdDesignerHero .suraiPageHeaderActions{width:100%}}.vpdDesignerHeaderRegion,.vpdEmbeddedShellContent{min-width:0;padding:0;background:transparent}.vpdDesignerHeaderRegion{flex:none;margin:var(--space-3,12px) var(--space-3,12px) 0}.vpdDesignerHeaderRegion>.suraiPageHeader,.vpdEmbeddedShellContent>.suraiPageHeader{margin-bottom:0}.vpdDesignerHeaderRegion .suraiBreadcrumbs,.vpdEmbeddedShellContent .suraiBreadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2,8px);color:var(--surai-theme-text-tertiary);font-size:var(--font-sm,12px);line-height:1.4}.vpdSystemManagedHeroFrame{position:relative;flex:none;margin-bottom:var(--space-3,12px)}.vpdSystemManagedHeroFrame .vpdLockedBadge{position:absolute;right:var(--space-3,12px);bottom:calc(var(--space-2, 8px) * -1);z-index:2}.vpdDesignerHero,.vpdSystemManagedHero{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}@media (max-width:900px){.vpdDesignerHeaderRegion>.suraiPageHeader{flex-direction:column}.vpdDesignerHeaderRegion .suraiPageHeaderActions{width:100%;justify-content:flex-start}}.vpdLeft .vpdPaletteItem .vpdComponentLabel{text-transform:none!important;letter-spacing:normal!important;font-feature-settings:normal!important;font-variant:normal!important;font-size:12px;font-weight:700}.vpdConfigurationSection{display:grid;grid-gap:var(--space-3,12px);gap:var(--space-3,12px);margin-top:var(--space-4,16px)}.vpdConfigurationSection>h4{margin:0}.vpdConfigurationAdd{display:grid;grid-gap:var(--space-2,8px);gap:var(--space-2,8px)}.vpdConfigurationList{border:1px solid var(--border-color,var(--surai-border));border-radius:var(--radius-md,8px);overflow:hidden}.vpdConfigurationList,.vpdConfigurationRow{display:grid;background:var(--surface-primary,var(--surai-surface))}.vpdConfigurationRow{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:var(--space-2,8px);gap:var(--space-2,8px);min-height:38px;padding:6px 8px;color:var(--text-primary,var(--surai-text));border-bottom:1px solid var(--border-color,var(--surai-border));cursor:-webkit-grab;cursor:grab}.vpdConfigurationRow:last-child{border-bottom:0}.vpdConfigurationRow:active{cursor:-webkit-grabbing;cursor:grabbing}.vpdConfigurationRow:hover{background:var(--surface-hover,var(--surai-hover))}.vpdConfigurationGrip{color:var(--text-primary,var(--surai-text-primary))}.vpdConfigurationRow>button{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-sm,6px);color:var(--text-primary,var(--surai-text-primary));background:transparent;cursor:pointer}.vpdConfigurationRow>button:hover{color:var(--danger-text,var(--surai-danger));background:var(--danger-surface,rgba(190,24,93,.08))}.vpdWorkspace{grid-template-columns:262px minmax(560px,1fr) minmax(460px,520px)}.vpdRight{min-width:460px}.vpdInspectorIdentity{padding:12px 14px 10px;border-bottom:1px solid var(--surai-theme-border-subtle,var(--border-subtle,#dbe2ea));background:var(--surai-theme-surface,var(--surface-primary,#fff))}.vpdInspectorIdentity h3{margin:0;color:var(--surai-theme-text-strong,var(--text-primary,#172033));font-size:16px;text-transform:none;letter-spacing:normal}.vpdInspectorIdentity code{display:block;margin-top:4px;color:var(--surai-theme-text-primary,var(--text-primary,#667085));font-size:10px;overflow-wrap:anywhere}.vpdConfigurationWorkspace{display:grid;grid-template-columns:minmax(142px,168px) minmax(0,1fr);min-height:0;flex:1 1;overflow:hidden}.vpdConfigurationTree{min-width:0;padding:10px 8px;border-right:1px solid var(--surai-theme-border-subtle,var(--border-subtle,#dbe2ea));background:var(--surai-theme-surface-muted,var(--surface-muted,#f7f9fc));overflow:auto}.vpdConfigurationTree section{margin:0 0 14px;padding:0}.vpdConfigurationTree h4{margin:8px 8px 5px;color:var(--surai-theme-text-primary,var(--text-primary,#667085));font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vpdConfigurationTree button{width:100%;display:flex;align-items:center;gap:7px;padding:8px;border:0;border-radius:6px;background:transparent;color:var(--surai-theme-text-secondary,var(--text-secondary,#475467));font:inherit;font-size:12px;font-weight:700;text-align:left;cursor:pointer}.vpdConfigurationTree button:hover{background:var(--surai-theme-surface-hover,var(--surface-hover,#edf4ff));color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdConfigurationTree button.active{background:var(--surai-theme-surface-selected,var(--surface-selected,#eaf2ff));color:var(--surai-theme-primary,var(--action-primary,#2563eb))}.vpdConfigurationTree button svg{flex:0 0 auto}.vpdConfigurationWorkspace>.vpdInspectorEditor{min-width:0;overflow:auto;padding:16px}.vpdConfigurationSectionHeader{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.vpdConfigurationSectionHeader h4{margin:0 0 3px}.vpdConfigurationSectionHeader p{margin:0;color:var(--surai-theme-text-primary,var(--text-primary,#667085));font-size:11px;line-height:1.4}.vpdConfigurationEmpty{display:grid;place-items:center;min-height:180px;padding:24px;text-align:center;color:var(--surai-theme-text-primary,var(--text-primary,#667085))}.vpdConfigurationEmpty svg{width:24px;height:24px;margin-bottom:8px}.vpdConfigurationEmpty h4{margin:0 0 5px;color:var(--surai-theme-text-strong,var(--text-primary,#172033));text-transform:none;letter-spacing:normal}.vpdConfigurationEmpty p{max-width:260px;margin:0;font-size:12px;line-height:1.5}.vpdLeft .vpdComponentLabel{font-feature-settings:normal!important;font-variant:normal!important;text-transform:none!important;letter-spacing:normal!important}@media(max-width:1280px){.vpdWorkspace{grid-template-columns:230px minmax(500px,1fr) minmax(420px,480px)}.vpdRight{min-width:420px}.vpdConfigurationWorkspace{grid-template-columns:142px minmax(0,1fr)}}@media(max-width:1100px){.vpdWorkspace{grid-template-columns:210px minmax(0,1fr)}.vpdRight{grid-column:1/-1;min-width:0;max-height:520px}.vpdConfigurationWorkspace{grid-template-columns:170px minmax(0,1fr)}}.vpdRuntimePage .suraiRowsPerPage{display:inline-flex!important;align-items:center!important;gap:var(--space-2,8px)!important;color:var(--surai-theme-text-secondary,var(--text-secondary,#667085))!important;visibility:visible!important;opacity:1!important}.vpdRuntimePage .suraiRowsPerPage span{display:inline!important;visibility:visible!important;opacity:1!important;color:inherit!important}.vpdRuntimePage .suraiRowsPerPage select{display:inline-block!important;min-width:78px!important;height:36px!important;padding:0 28px 0 10px!important;border:1px solid var(--surai-theme-border,var(--border-default,#ccd6e3))!important;border-radius:var(--radius-md,8px)!important;background-color:var(--surai-theme-surface,var(--surface-primary,#fff))!important;color:var(--surai-theme-text-strong,var(--text-primary,#172033))!important;visibility:visible!important;opacity:1!important;-webkit-appearance:auto!important;-moz-appearance:auto!important;appearance:auto!important}.vpdRuntimePage .suraiRowsPerPage select option{background:var(--surai-theme-surface,var(--surface-primary,#fff));color:var(--surai-theme-text-strong,var(--text-primary,#172033))}.vpdInspectorIdentity dl{display:grid;grid-template-columns:auto minmax(0,1fr);grid-gap:4px 8px;gap:4px 8px;margin:4px 0 0;font-size:11px}.vpdInspectorIdentity dt{color:var(--surai-theme-text-primary,var(--text-primary,#667085));font-weight:700}.vpdInspectorIdentity dd{margin:0;color:var(--surai-theme-text-strong,var(--text-primary,#172033));font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vpdPreviewBody{width:100%;max-width:none!important;margin:0!important;padding:12px!important;box-sizing:border-box;min-height:calc(100vh - 58px)}.vpdPreviewBody .vpdRuntimePage{width:100%;max-width:none;margin:0 auto;box-sizing:border-box}.vpdPreviewBody.tablet .vpdRuntimePage,.vpdPreviewBody.tablet .vpdSystemManagedHeroFrame{max-width:900px;margin-left:auto;margin-right:auto}.vpdPreviewBody.mobile .vpdRuntimePage,.vpdPreviewBody.mobile .vpdSystemManagedHeroFrame{max-width:430px;margin-left:auto;margin-right:auto}.vpdPreviewBody.mobile .vpdNestedColumns,.vpdPreviewBody.mobile .vpdNestedSplit{grid-template-columns:1fr}.vpdPreviewBody.desktop .vpdRuntimePage,.vpdPreviewBody.desktop .vpdSystemManagedHeroFrame{max-width:none;width:100%}.vpdTreeNode[data-component-type=KPI_CARD],.vpdTreeNode[data-component-type=KPI_CARD]>.suraiSummaryMetricCard{height:100%}.vpdMetricBindingSummary{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-gap:8px 12px;gap:8px 12px;margin:12px 0 0;padding:12px;border:1px solid var(--border-default);border-radius:8px;background:var(--surface-muted)}.vpdMetricBindingSummary dt{font-size:11px;font-weight:800;color:var(--text-primary)}.vpdMetricBindingSummary dd{margin:0;color:var(--text-primary)}.vpdTreeNode[data-component-type=INSPECTOR]>.vpdActualInspector>.vpdTreeNode>.vpdNodeChrome,.vpdTreeNode[data-component-type=INSPECTOR]>.vpdNodeChrome,.vpdTreeNode[data-component-type=PAGE_NAVIGATION]>.vpdNodeChrome,.vpdTreeNode[data-component-type=SPLIT_LAYOUT]>.vpdNodeChrome,.vpdTreeNode[data-component-type=TAB]>.vpdNodeChrome,.vpdTreeNode[data-component-type=TAB_SET]>.vpdNodeChrome{position:relative;inset:auto;width:max-content;margin:0 0 8px auto}.vpdTreeNode[data-component-type=INSPECTOR]>.vpdActualInspector,.vpdTreeNode[data-component-type=PAGE_NAVIGATION]>section,.vpdTreeNode[data-component-type=SPLIT_LAYOUT]>.vpdNestedSplit,.vpdTreeNode[data-component-type=TAB]>.vpdTabContent,.vpdTreeNode[data-component-type=TAB_SET]>section{clear:both}.vpdTreeNode[data-component-type=TAB]>.vpdNodeChrome{margin-bottom:2px}.vpdTreeNode[data-component-type=TAB]>.vpdTabContent{padding-top:4px}.vpdTreeNode[data-component-type=SPLIT_LAYOUT]>.vpdNodeChrome{margin-bottom:4px}.vpdPageRootNode{position:relative;min-width:0;border:1px solid var(--border-default,#ccd6e3);border-radius:10px;background:var(--surface-muted,#f7f9fc);padding:10px;transition:border-color .15s ease,box-shadow .15s ease}.vpdPageRootNode.selected{border-color:var(--surai-theme-primary,var(--action-primary,#1677ff));box-shadow:0 0 0 2px color-mix(in srgb,var(--surai-theme-primary,var(--action-primary,#1677ff)) 22%,transparent)}.vpdPageRootChrome{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-2px -2px 10px;padding:8px 10px;border:1px solid var(--border-subtle,#e5eaf0);border-radius:8px;background:var(--surface-primary,#fff);cursor:pointer}.vpdPageRootChrome>div{display:flex;align-items:center;gap:8px;min-width:0}.vpdPageRootChrome small,.vpdPageRootChrome strong{display:block}.vpdPageRootChrome strong{font-size:12px}.vpdPageRootChrome small{margin-top:1px;color:var(--text-primary,#64748b);font-size:10px;font-weight:600}.vpdPageRootType{flex:0 0 auto;border:1px solid var(--border-default,#ccd6e3);border-radius:999px;padding:3px 7px;color:var(--text-primary,#64748b);font-size:9px;font-weight:900;letter-spacing:.08em}.vpdPageRootContent{min-width:0}.vpdConfigurationHint{margin:2px 0 0;color:var(--text-primary,#64748b);font-size:11px;line-height:1.45}.vpdRuntimePageWithInspector{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,420px);grid-gap:var(--space-4,16px);gap:var(--space-4,16px);align-items:start}.vpdRuntimePageWithInspector>.suraiInspectorModeSplit{position:-webkit-sticky;position:sticky;top:0;min-height:560px;max-height:calc(100vh - 170px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-primary)}.vpdInspectorPreviewError{min-height:220px;border:1px solid var(--danger-border,#efb4b4);border-radius:var(--radius-md)}@media(max-width:1100px){.vpdRuntimePageWithInspector{grid-template-columns:1fr}.vpdRuntimePageWithInspector>.suraiInspectorModeSplit{position:static;min-height:0;max-height:none}}.vpdLeft.vpdComponentsPanel .vpdPaletteItem{margin-top:2px;margin-bottom:2px;padding-top:4px;padding-bottom:4px}.vpdInspectorEditor .vpdDesignerToggle{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-3,12px);min-height:32px;margin:0 0 12px}.vpdInspectorEditor .vpdDesignerToggle>span{min-width:0;color:var(--surai-theme-text-secondary,var(--text-secondary,#667085));font-size:12px;font-weight:700;line-height:1.35}.vpdInspectorEditor .vpdDesignerToggleSwitch{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;flex:0 0 42px;width:42px;height:24px;min-width:42px;min-height:24px;padding:2px;margin:0;border:0!important;border-radius:999px;background:var(--surai-theme-border-soft);box-shadow:none!important;cursor:pointer;transition:background .18s ease}.vpdInspectorEditor .vpdDesignerToggleSwitch>span{display:block;width:18px;height:18px;border-radius:999px;background:var(--surai-theme-surface);box-shadow:0 2px 5px rgba(15,23,42,.25);transform:translateX(0);transition:transform .18s ease}.vpdInspectorEditor .vpdDesignerToggleSwitch.isOn{background:var(--surai-theme-primary)}.vpdInspectorEditor .vpdDesignerToggleSwitch.isOn>span{transform:translateX(18px)}.vpdInspectorEditor .vpdDesignerToggleSwitch:hover:not(:disabled){filter:none}.vpdInspectorEditor .vpdDesignerToggleSwitch:focus-visible{outline:2px solid var(--surai-theme-focus-ring);outline-offset:2px}.vpdInspectorEditor .vpdDesignerToggle.isDisabled,.vpdInspectorEditor .vpdDesignerToggleSwitch:disabled{cursor:not-allowed;opacity:.55}:root{--surai-icon-blue:#2563eb;--surai-icon-cyan:#0891b2;--surai-icon-green:#16a34a;--surai-icon-amber:#f59e0b;--surai-icon-orange:#f97316;--surai-icon-red:#dc2626;--surai-icon-violet:#7c3aed;--surai-icon-indigo:#4f46e5;--surai-icon-slate:#475569}[data-surai-theme=dark]{--surai-icon-blue:#60a5fa;--surai-icon-cyan:#22d3ee;--surai-icon-green:#4ade80;--surai-icon-amber:#fbbf24;--surai-icon-orange:#fb923c;--surai-icon-red:#f87171;--surai-icon-violet:#a78bfa;--surai-icon-indigo:#818cf8;--surai-icon-slate:#94a3b8}svg[data-lucide=book-open],svg[data-lucide=clipboard-check],svg[data-lucide=clipboard-list],svg[data-lucide=file-archive],svg[data-lucide=file-check-2],svg[data-lucide=file-check],svg[data-lucide=file-search],svg[data-lucide=file-text],svg[data-lucide=file],svg[data-lucide=files],svg[data-lucide=flask-conical],svg[data-lucide=folder-kanban],svg[data-lucide=folder-open],svg[data-lucide=library],svg[data-lucide=stethoscope]{color:var(--surai-icon-blue)}svg[data-lucide=activity],svg[data-lucide=bar-chart-3],svg[data-lucide=chart-no-axes-combined],svg[data-lucide=columns-3],svg[data-lucide=database],svg[data-lucide=gauge],svg[data-lucide=server-cog],svg[data-lucide=table],svg[data-lucide=trending-up]{color:var(--surai-icon-cyan)}svg[data-lucide=badge-check],svg[data-lucide=calendar-check],svg[data-lucide=check-circle-2],svg[data-lucide=check-circle],svg[data-lucide=check-square],svg[data-lucide=check],svg[data-lucide=circle-check],svg[data-lucide=shield-check],svg[data-lucide=user-check]{color:var(--surai-icon-green)}svg[data-lucide=alert-triangle],svg[data-lucide=clock-3],svg[data-lucide=file-warning],svg[data-lucide=flag],svg[data-lucide=message-square-warning],svg[data-lucide=timer],svg[data-lucide=triangle-alert]{color:var(--surai-icon-amber)}svg[data-lucide=git-branch],svg[data-lucide=link-2],svg[data-lucide=network],svg[data-lucide=plug-zap],svg[data-lucide=route],svg[data-lucide=server],svg[data-lucide=settings],svg[data-lucide=workflow]{color:var(--surai-icon-orange)}svg[data-lucide=bot],svg[data-lucide=brain-circuit],svg[data-lucide=brain],svg[data-lucide=lightbulb],svg[data-lucide=message-circle-question],svg[data-lucide=message-square],svg[data-lucide=sparkles]{color:var(--surai-icon-violet)}svg[data-lucide=key-round],svg[data-lucide=lock-keyhole],svg[data-lucide=monitor-smartphone],svg[data-lucide=shield-alert],svg[data-lucide=shield]{color:var(--surai-icon-indigo)}svg[data-lucide=circle-off],svg[data-lucide=circle-x],svg[data-lucide=trash-2],svg[data-lucide=x-circle]{color:var(--surai-icon-red)}svg[data-lucide=building-2],svg[data-lucide=graduation-cap],svg[data-lucide=user-circle],svg[data-lucide=user-plus],svg[data-lucide=user-round-search],svg[data-lucide=user],svg[data-lucide=users]{color:var(--surai-icon-indigo)}svg[data-lucide=boxes],svg[data-lucide=grid-3x3],svg[data-lucide=home],svg[data-lucide=house],svg[data-lucide=kanban],svg[data-lucide=layers],svg[data-lucide=layout-dashboard],svg[data-lucide=layout-grid],svg[data-lucide=package]{color:var(--surai-icon-blue)}svg[data-lucide=arrow-down],svg[data-lucide=arrow-left],svg[data-lucide=arrow-right],svg[data-lucide=arrow-up],svg[data-lucide=chevron-down],svg[data-lucide=chevron-left],svg[data-lucide=chevron-right],svg[data-lucide=chevrons-left],svg[data-lucide=chevrons-right],svg[data-lucide=ellipsis],svg[data-lucide=filter],svg[data-lucide=grip-vertical],svg[data-lucide=menu],svg[data-lucide=minus],svg[data-lucide=more-horizontal],svg[data-lucide=plus],svg[data-lucide=search],svg[data-lucide=x]{color:var(--surai-icon-slate)}