:root{color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--text: #182230;--muted: #667085;--subtle: #98a2b3;--line: #e4e7ec;--line-strong: #d0d5dd;--surface: #ffffff;--surface-soft: #f7f8fa;--primary: #0f6bff;--primary-rgb: 15, 107, 255;--radius: 10px;--font-family: Inter, PingFang SC, Microsoft YaHei, sans-serif;--success: #16a34a;--danger: #ef4444;--warning: #f97316;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 10px 28px rgba(16, 24, 40, .12)}*{box-sizing:border-box}html,body,#root{min-width:100%;min-height:100%;margin:0}body{background:#f5f7fa;color:var(--text);font-family:var(--font-family)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.app{min-height:100vh;background:#f5f7fa}.brand-lockup{display:inline-flex;align-items:center;gap:14px;min-width:0;color:var(--text);text-decoration:none}.brand-mark{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:var(--primary);color:#fff;font-size:26px;font-weight:900;line-height:1}.brand-lockup strong{overflow:hidden;font-size:22px;font-weight:850;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.brand-lockup em{padding:1px 6px;border:1px solid var(--line-strong);border-radius:5px;color:#667085;font-style:normal;font-weight:700}.primary-button,.publish-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:var(--primary);color:#fff;font-weight:800;box-shadow:0 9px 22px rgba(var(--primary-rgb),.24)}.ghost-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#475467;font-weight:700}.ghost-button.full{width:100%;height:38px}.manager-page{min-height:100vh;padding-top:82px}.manager-topbar{position:fixed;inset:0 0 auto;z-index:20;display:flex;height:82px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffffff0;padding:0 28px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.user-menu{display:inline-flex;align-items:center;gap:12px;padding-left:24px;border-left:1px solid var(--line)}.user-menu span{display:grid;width:46px;height:46px;place-items:center;border-radius:999px;background:rgba(var(--primary-rgb),.14);color:var(--primary);font-size:20px;font-weight:900}.user-menu b{font-size:17px}.manager-sidebar{position:fixed;inset:82px auto 0 0;display:flex;width:320px;flex-direction:column;border-right:1px solid var(--line);background:#fff;padding:28px 24px}.manager-sidebar h2{margin:0 0 22px;color:#98a2b3;font-size:17px}.manager-sidebar nav{display:grid;gap:9px}.manager-sidebar button{display:flex;height:54px;align-items:center;gap:14px;border:0;border-radius:8px;background:transparent;color:#475467;padding:0 18px;text-align:left;font-size:18px;font-weight:800}.manager-sidebar button.active{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.sidebar-bottom{display:grid;gap:8px;margin-top:auto}.manager-content{margin-left:320px;padding:48px 42px}.manager-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:34px}.manager-heading h1{margin:0 0 8px;font-size:32px;line-height:1.2}.manager-heading p{margin:0;color:var(--muted);font-size:15px}.manager-actions{display:flex;gap:16px}.manager-actions .primary-button{height:52px;padding:0 22px;font-size:18px}.search-box,.library-search{display:flex;align-items:center;gap:10px;height:52px;border:1px solid var(--line-strong);border-radius:10px;background:#fff;color:#98a2b3;padding:0 16px}.search-box input,.library-search input{min-width:0;border:0;outline:0;color:var(--text)}.search-box{width:370px}.screen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px;max-width:1120px}.screen-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease}.screen-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.screen-thumb{position:relative;display:grid;height:185px;place-items:center;background:#f0f2f5}.mini-preview{position:relative;width:140px;height:86px;overflow:hidden;border-radius:6px;padding:10px;box-shadow:inset 0 0 0 1px #ffffff40}.mini-preview-dark{background:linear-gradient(135deg,#071225,#0d3063)}.mini-preview-light{background:linear-gradient(135deg,#fff,#edf2fb)}.mini-preview i,.mini-topline,.mini-chart-line{display:block;border-radius:999px}.mini-topline{width:55%;height:8px;background:var(--primary)}.mini-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.mini-kpi-row i{height:18px;background:rgba(var(--primary-rgb),.45)}.mini-chart-line{height:3px;margin-top:14px;background:linear-gradient(90deg,#22c55e,var(--primary),#f97316)}.mini-footer-bars{display:grid;grid-template-columns:1fr .7fr 1.2fr;gap:7px;margin-top:10px}.mini-footer-bars i{height:6px;background:#fff9}.status-badge{position:absolute;top:14px;right:14px;border-radius:6px;padding:7px 10px;font-size:13px;font-weight:800}.status-published{background:#16a34a1f;color:#15803d}.status-draft{background:#fff4e8;color:#c65f12}.screen-card-actions{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:16px;background:#1118278c;opacity:0;transition:opacity .16s ease}.screen-card:hover .screen-card-actions{opacity:1}.screen-card-actions button{display:grid;width:56px;height:56px;place-items:center;border:0;border-radius:999px;background:#fff;color:#101828}.screen-card-body{padding:24px}.screen-card-body h3{margin:0 0 10px;font-size:22px}.screen-card-body p{margin:0 0 20px;color:#667085;font-size:15px;font-weight:700}.screen-card-meta{display:flex;justify-content:space-between;border-top:1px solid #eef1f5;padding-top:18px}.screen-card-meta span{display:inline-flex;align-items:center;gap:7px;color:#98a2b3;font-weight:750}.screen-card-quick-actions{display:flex;gap:10px;margin-top:16px}.screen-card-quick-actions button{display:inline-flex;height:34px;flex:1;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#344054;font-size:13px;font-weight:800}.screen-card-quick-actions button:first-child{border-color:rgba(var(--primary-rgb),.28);background:rgba(var(--primary-rgb),.08);color:var(--primary)}.empty-state{display:grid;min-height:280px;place-items:center;border:1px dashed var(--line-strong);border-radius:8px;background:#fff;color:#98a2b3}.empty-state strong{color:var(--text)}.editor-page{height:100vh;overflow:hidden;background:#eef1f5}.editor-topbar{display:grid;height:78px;grid-template-columns:minmax(360px,480px);align-items:center;gap:24px;border-bottom:1px solid var(--line);background:#fffffff5;padding:0 24px}.editor-toolbar-actions{display:flex;justify-self:end;align-items:center;gap:12px}.canvas-breadcrumb-actions{display:flex;flex:0 0 auto;align-items:center;gap:10px;margin-left:auto}.editor-toolbar-actions>button,.canvas-breadcrumb-actions>button,.theme-action-wrap>button,.preview-actions>button,.preview-topbar>button{display:inline-flex;height:42px;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#344054;padding:0 14px;font-weight:800}.editor-toolbar-actions .publish-button,.canvas-breadcrumb-actions .publish-button,.preview-actions .publish-button{border-color:var(--primary);background:var(--primary);color:#fff}.theme-action-wrap{position:relative}.theme-action-wrap>button.active{border-color:rgba(var(--primary-rgb),.35);background:rgba(var(--primary-rgb),.08);color:var(--primary)}.theme-popover-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:20;width:360px;max-height:min(680px,calc(100vh - 150px));overflow:auto;border:1px solid #d9dee8;border-radius:10px;background:#fff;padding:2px 16px 8px;box-shadow:0 22px 50px #1018282e}.theme-popover-panel .inspector-section:last-child{border-bottom:0}.segmented-control{display:inline-flex;height:46px;gap:3px;border-radius:10px;background:#f0f2f5;padding:4px}.segmented-control button{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:8px;background:transparent;color:#667085;padding:0 14px;font-weight:850}.segmented-control button.active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.zoom-select{height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#344054;padding:0 10px;font-weight:800}.editor-shell{display:grid;height:calc(100vh - 78px);grid-template-columns:330px minmax(620px,1fr);overflow:hidden}.editor-shell.has-inspector{grid-template-columns:330px minmax(620px,1fr)}.editor-shell.library-collapsed,.editor-shell.library-collapsed.has-inspector{grid-template-columns:72px minmax(620px,1fr)}.component-library,.inspector-panel{min-width:0;border-right:1px solid var(--line);background:#fff}.panel-title{display:flex;align-items:center;gap:12px;padding:24px 20px 14px}.library-title{justify-content:space-between}.component-library.collapsed .library-title{flex-direction:column;justify-content:flex-start;padding:16px 10px 10px}.component-library:not(.collapsed) .library-toggle svg{transform:rotate(180deg)}.panel-title svg{color:var(--primary)}.panel-title h2{margin:0 0 4px;font-size:22px}.panel-title p{margin:0;color:#667085;font-weight:700}.library-search{height:46px;margin:8px 20px 18px}.library-scroll,.inspector-scroll{height:calc(100vh - 178px);overflow:auto;padding:0 16px 22px}.library-group{margin-bottom:22px}.library-group h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;color:#98a2b3;font-size:14px;font-weight:900}.library-group h3 span{display:inline-flex;align-items:center;gap:7px}.library-group h3 svg{color:#c2cad8}.palette-card{position:relative;display:grid;width:100%;grid-template-columns:1fr;gap:10px;margin-bottom:14px;border:1px solid #e8ebf0;border-radius:8px;background:#fff;padding:14px;text-align:left;box-shadow:var(--shadow-sm);touch-action:none}.palette-card.compact{display:grid;grid-template-columns:1fr;justify-items:center;margin-bottom:8px;padding:9px}.component-library.collapsed .library-scroll{height:calc(100vh - 140px);padding:0 10px 16px}.component-library.collapsed .library-group{display:grid;gap:8px;margin-bottom:14px}.palette-card.dragging{opacity:.5}.palette-card-head{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px}.palette-card-title{display:inline-flex;min-width:0;align-items:center;gap:8px}.palette-card-title:before{width:5px;height:24px;border-radius:999px;background:var(--primary);content:"";flex:0 0 auto}.palette-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:8px;background:rgba(var(--primary-rgb),.1);color:var(--primary)}.palette-card strong{display:block;font-size:15px}.palette-card em{color:#667085;font-size:12px;font-style:normal;font-weight:700}.palette-preview-box{display:grid;min-height:96px;place-items:center;overflow:hidden;border:1px dashed #d9dee8;border-radius:7px;background:#fbfcfe;padding:10px}.palette-preview-title{color:#172033;font-size:21px;font-weight:900}.palette-preview-text{color:#1d2939;font-size:20px;font-weight:850;line-height:1.2}.palette-preview-image{position:relative;width:100%;height:82px;overflow:hidden;border-radius:7px;background:linear-gradient(135deg,#0f6bff33,#18c7842e),#eef4ff}.palette-preview-image span{position:absolute;right:12px;bottom:12px;width:42px;height:42px;border-radius:50%;background:#0f6bffc7}.palette-preview-image i{position:absolute;right:-6px;bottom:-2px;width:88px;height:42px;border-radius:999px 999px 0 0;background:#ffffffd1;transform:rotate(-8deg)}.palette-preview-kpi{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.palette-preview-kpi span{display:grid;min-height:64px;place-items:center;border-radius:7px;background:#fff;color:#667085;font-size:12px;font-weight:750;box-shadow:0 4px 12px #10182814}.palette-preview-kpi strong{color:var(--primary);font-size:18px;line-height:1}.palette-preview-kpi span:nth-child(2) strong{color:#22c55e}.palette-preview-gauge{position:relative;width:92px;height:52px;overflow:hidden}.palette-preview-gauge:before,.palette-preview-gauge i{position:absolute;inset:8px 0 auto;display:block;width:92px;height:92px;border:11px solid #d7dce5;border-bottom-color:transparent;border-left-color:transparent;border-radius:50%;content:"";transform:rotate(-45deg)}.palette-preview-gauge i{border-top-color:var(--primary);border-right-color:var(--primary);transform:rotate(-8deg)}.palette-preview-line{width:100%;height:82px}.palette-preview-line path{fill:none;stroke:var(--primary);stroke-linecap:round;stroke-linejoin:round;stroke-width:6}.palette-preview-line line{stroke:#d9dee8;stroke-width:2}.palette-preview-line text{fill:#98a2b3;font-size:10px;font-weight:800}.palette-preview-table{display:grid;width:100%;grid-template-columns:1fr 58px;overflow:hidden;border-radius:5px;color:#667085;font-size:10px;font-weight:800}.palette-preview-table span{background:#e7eaf0;color:#475467;padding:7px 9px}.palette-preview-table em,.palette-preview-table strong{border-bottom:1px solid #eef1f5;background:#fff;padding:7px 9px;font-style:normal}.palette-preview-table strong{color:var(--primary);text-align:right}.palette-preview-map{position:relative;width:150px;height:86px}.palette-preview-map i{position:absolute;top:8px;right:38px;bottom:10px;left:0;border-radius:54% 46% 45% 55%/40% 48% 52% 60%;background:linear-gradient(135deg,#eaf2ff,#d7e7fb);clip-path:polygon(18% 33%,31% 16%,55% 18%,70% 28%,82% 44%,73% 61%,60% 72%,38% 68%,25% 78%,15% 60%)}.palette-preview-map b{position:absolute;width:11px;height:11px;border:2px solid #fff;border-radius:999px;background:var(--primary);box-shadow:0 3px 8px #10182833}.palette-preview-map b:nth-of-type(1){right:36px;top:30px}.palette-preview-map b:nth-of-type(2){right:62px;bottom:20px;background:#f97316}.palette-preview-map b:nth-of-type(3){right:14px;bottom:35px;background:#22c55e}.palette-preview-filter{display:grid;width:100%;grid-template-columns:auto 1fr;align-items:center;gap:8px;border:1px solid #d9dee8;border-radius:7px;background:#fff;padding:10px}.palette-preview-filter span{color:#667085;font-size:12px;font-weight:800}.palette-preview-filter strong{color:#172033;font-size:13px;text-align:right}.palette-size{display:inline-flex;align-items:center;gap:6px}.palette-size span{display:grid;width:15px;height:15px;place-items:center;border-radius:999px;background:#6b7280;color:#fff;font-size:10px;font-style:normal;font-weight:900}.canvas-stage{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#e7ebf1}.canvas-breadcrumb{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #dde3ec;background:#fff;padding:10px 22px;color:#667085;font-size:14px;font-weight:750}.canvas-breadcrumb-main{display:inline-flex;min-width:0;align-items:center;gap:9px;overflow:hidden}.canvas-breadcrumb-main span,.canvas-breadcrumb-main strong,.canvas-breadcrumb-main em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-breadcrumb strong{color:var(--text)}.canvas-breadcrumb em{color:var(--success);font-style:normal}.canvas-tools{position:relative;z-index:4;display:flex;height:52px;align-items:center;gap:8px;border-bottom:1px solid #dde3ec;background:#fff;padding:0 22px}.canvas-tools:after{position:absolute;top:0;left:100%;width:100vw;height:100%;border-bottom:1px solid #dde3ec;background:#fff;content:"";pointer-events:none}.canvas-tools button{display:inline-flex;height:32px;align-items:center;gap:6px;border:1px solid #e5e9f0;border-radius:7px;background:#fff;color:#475467;padding:0 10px;font-size:13px;font-weight:750}.canvas-tools button:disabled{cursor:not-allowed;opacity:.42}.canvas-tools button.active{border-color:rgba(var(--primary-rgb),.24);background:rgba(var(--primary-rgb),.08);color:var(--primary)}.tool-menu-wrap{position:relative;display:inline-flex}.toolbar-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:20;display:grid;min-width:156px;gap:3px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:5px;box-shadow:0 12px 28px #10182824}.align-anchor-field{display:grid;gap:4px;border-bottom:1px solid #eef1f5;margin-bottom:3px;padding:4px 5px 7px}.align-anchor-field span{color:#667085;font-size:11px;font-weight:800}.align-anchor-field select{height:30px;min-width:0;border:1px solid var(--line);border-radius:7px;background:#fff;color:#1d2939;font-size:12px;font-weight:800;padding:0 8px}.canvas-tools .toolbar-menu button{width:100%;justify-content:flex-start;border:0;background:transparent;padding:0 10px}.canvas-tools .toolbar-menu button:hover{background:rgba(var(--primary-rgb),.08);color:var(--primary)}.canvas-body{position:relative;display:grid;flex:1;min-height:0;overflow:hidden;grid-template-columns:minmax(0,1fr)}.canvas-body.with-inspector{grid-template-columns:minmax(0,1fr) 330px}.canvas-scroll{height:100%;overflow:auto;padding:36px}.canvas-context-menu{position:fixed;z-index:80;display:grid;width:168px;gap:4px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:6px;box-shadow:0 14px 32px #1018282e}.canvas-context-menu button{display:flex;height:36px;align-items:center;gap:8px;border:0;border-radius:7px;background:transparent;color:#344054;padding:0 10px;text-align:left;font-size:13px;font-weight:800}.canvas-context-menu button:hover{background:rgba(var(--primary-rgb),.08);color:var(--primary)}.canvas-context-menu button.danger{color:#ef4444}.canvas-context-menu button.danger:hover{background:#ef444414;color:#dc2626}.canvas-scale-shell,.preview-scale-shell{margin:0 auto}.builder-canvas{position:relative;overflow:hidden;border:1px solid #d6dce6;border-radius:8px;background-image:radial-gradient(circle,#d7dde7 1.3px,transparent 1.4px);background-position:18px 18px;background-size:32px 32px;box-shadow:0 18px 48px #1018282e;transform-origin:top left}.builder-canvas-mobile{border-radius:24px}.canvas-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:12px;color:#b6beca;text-align:center}.canvas-empty strong{color:#475467;font-size:24px}.canvas-empty span{font-size:18px;font-weight:700}.canvas-node{border-radius:var(--radius)}.canvas-node.selected{outline:2px solid var(--primary);outline-offset:2px}.canvas-node.grouped{outline:1px dashed rgba(var(--primary-rgb),.72);outline-offset:3px}.canvas-node.selected.grouped{outline:2px solid var(--primary);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.12)}.canvas-node.selected:before{position:absolute;top:-28px;left:50%;z-index:10002;border-radius:6px;background:var(--primary);color:#fff;content:"已选中";font-size:12px;font-weight:800;padding:4px 8px;pointer-events:none;transform:translate(-50%)}.canvas-guides-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20050;pointer-events:none}.canvas-guide-line,.canvas-spacing-guide{position:absolute;pointer-events:none}.canvas-guide-line.vertical{width:1px;background:var(--primary);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.16);transform:translate(-.5px)}.canvas-guide-line.horizontal{height:1px;background:var(--primary);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.16);transform:translateY(-.5px)}.canvas-guide-line.center{background:#7c3aed;box-shadow:0 0 0 1px #7c3aed29}.canvas-guide-line span,.canvas-spacing-guide span{position:absolute;z-index:1;border-radius:6px;background:#182230e0;color:#fff;font-size:12px;font-weight:800;line-height:1;padding:5px 7px;white-space:nowrap}.canvas-guide-line.vertical span,.canvas-guide-line.horizontal span{top:6px;left:6px}.canvas-spacing-guide.horizontal{height:0;border-top:1px dashed #f97316;transform:translateY(-.5px)}.canvas-spacing-guide.vertical{width:0;border-left:1px dashed #f97316;transform:translate(-.5px)}.canvas-spacing-guide.equal{border-color:#12b981}.canvas-spacing-guide.horizontal:before,.canvas-spacing-guide.horizontal:after,.canvas-spacing-guide.vertical:before,.canvas-spacing-guide.vertical:after{position:absolute;display:block;width:6px;height:6px;border:1px solid currentColor;border-right:0;border-bottom:0;color:#f97316;content:""}.canvas-spacing-guide.equal:before,.canvas-spacing-guide.equal:after{color:#12b981}.canvas-spacing-guide.horizontal:before{top:-4px;left:0;transform:rotate(-45deg)}.canvas-spacing-guide.horizontal:after{top:-4px;right:0;transform:rotate(135deg)}.canvas-spacing-guide.vertical:before{top:0;left:-4px;transform:rotate(45deg)}.canvas-spacing-guide.vertical:after{bottom:0;left:-4px;transform:rotate(-135deg)}.canvas-spacing-guide.horizontal span{top:-24px;left:50%;transform:translate(-50%)}.canvas-spacing-guide.vertical span{top:50%;left:8px;transform:translateY(-50%)}.render-canvas{position:relative;overflow:hidden;background-image:radial-gradient(circle,rgba(166,176,194,.35) 1px,transparent 1.2px);background-size:32px 32px}.render-canvas-mobile .kpi-cell strong{font-size:18px}.render-node{position:absolute}.widget{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid rgba(208,213,221,.8);border-radius:var(--radius);background:#fffffff5;box-shadow:0 6px 18px #1018280f;color:var(--text)}.widget-scale-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.widget.is-highlighted{border-color:rgba(var(--primary-rgb),.75);box-shadow:0 0 0 4px rgba(var(--primary-rgb),.12),0 14px 30px rgba(var(--primary-rgb),.14)}.widget-heading{display:flex;align-items:center;gap:7px;min-height:38px;padding:12px 16px 6px;color:#1f2937;font-size:15px;font-weight:850}.widget-heading-main{display:inline-flex;min-width:0;align-items:center;gap:7px}.widget-heading-main>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.widget-heading svg{flex:0 0 auto;color:var(--widget-heading-icon-color, var(--widget-accent, var(--primary)))}.widget-title-icon-mask{display:inline-block;width:16px;height:16px;flex:0 0 auto;background:var(--widget-heading-icon-color, var(--widget-accent, var(--primary)));mask:var(--widget-heading-icon-url) center / contain no-repeat;-webkit-mask:var(--widget-heading-icon-url) center / contain no-repeat}.widget-heading.with-control{justify-content:space-between}.widget-heading small{border:1px solid #e5e9f0;border-radius:6px;color:#667085;padding:4px 8px;font-size:12px}.title-widget{display:flex;height:100%;flex-direction:column;justify-content:center;padding:12px 28px}.title-widget.align-center{align-items:center;text-align:center}.title-widget h1{margin:0;color:#1d2939;font-weight:900;line-height:1.08}.title-widget p{margin:8px 0 0;color:#667085;font-size:14px;font-weight:750}.widget-text{border-color:transparent;background:transparent;box-shadow:none}.text-widget{display:flex;width:100%;height:100%;align-items:center;overflow:hidden;padding:8px 12px;line-height:1.22;overflow-wrap:anywhere;white-space:pre-wrap}.image-widget{display:grid;width:100%;height:100%;grid-template-rows:minmax(0,1fr);overflow:hidden;border-radius:inherit;margin:0}.image-widget.with-caption{grid-template-rows:minmax(0,1fr) auto}.image-widget img{display:block;width:100%;min-width:0;height:100%;min-height:0;-webkit-user-select:none;user-select:none}.image-placeholder{display:grid;min-width:0;min-height:0;place-items:center;align-content:center;gap:7px;border:1px dashed rgba(var(--primary-rgb),.28);background:linear-gradient(135deg,rgba(var(--primary-rgb),.12),#18c7841a),#f8fbff;color:var(--widget-accent, var(--primary));text-align:center}.image-placeholder span{color:#1d2939;font-size:15px;font-weight:900}.image-placeholder small{color:#7b8798;font-size:12px;font-weight:750}.image-widget figcaption{overflow:hidden;background:#ffffffe0;color:#475467;font-size:12px;font-weight:800;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}.kpi-grid{display:grid;height:calc(100% - 48px);grid-template-columns:repeat(auto-fit,minmax(min(138px,100%),1fr));gap:12px;padding:8px 16px 0}.kpi-cell{display:grid;min-width:0;align-content:center;border:1px solid #edf0f5;border-radius:8px;background:#fff;padding:10px 12px}.kpi-cell span{min-width:0;overflow-wrap:anywhere;color:#667085;font-size:12px;font-weight:750}.kpi-cell strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#1d2939;font-size:22px;line-height:1.2;margin:7px 0}.kpi-cell em{display:inline-flex;min-width:0;align-items:center;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;font-weight:800}.trend-up{color:#16a34a}.trend-down{color:#ef4444}.line-chart,.gauge-chart{width:100%}.line-chart{width:calc(100% - 32px);height:calc(100% - 56px);margin:0 16px 14px}.gauge-chart{height:calc(100% - 64px)}.gauge-caption{position:absolute;right:0;bottom:20px;left:0;color:#16a34a;text-align:center;font-size:13px;font-weight:800}.table-widget{margin:4px 16px 16px;overflow:hidden;border:1px solid #edf0f5;border-radius:8px}.table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr .8fr 1fr .8fr;align-items:center;min-height:42px;border-bottom:1px solid #edf0f5;padding:0 14px;color:#475467;font-size:13px;font-weight:700}.table-row:last-child{border-bottom:0}.table-head{min-height:38px;background:#f1f4f8;color:#344054;font-weight:900}.progress-cell{display:flex;align-items:center;gap:8px}.progress-cell i{display:inline-block;width:80px;max-width:62%;height:7px;border-radius:99px}.table-mobile-list{display:grid;height:calc(100% - 44px);align-content:start;gap:10px;margin:0 12px 12px;overflow:auto;padding:4px 2px 6px}.table-mobile-card{display:grid;gap:10px;border:1px solid #edf0f5;border-radius:8px;background:#fff;padding:12px}.table-mobile-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.table-mobile-card-head strong{min-width:0;color:#1d2939;font-size:14px;font-weight:900;line-height:1.35}.table-mobile-card-head span{flex:0 0 auto;color:var(--widget-accent, var(--primary));font-size:13px;font-weight:900}.table-mobile-progress{height:6px;overflow:hidden;border-radius:999px;background:#edf1f6}.table-mobile-progress i{display:block;height:100%;border-radius:inherit}.table-mobile-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.table-mobile-meta span{display:grid;min-width:0;gap:3px}.table-mobile-meta em{color:#98a2b3;font-size:11px;font-style:normal;font-weight:800}.table-mobile-meta b{overflow:hidden;color:#475467;font-size:12px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.map-widget{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 118px;grid-template-rows:minmax(0,1fr);align-items:stretch;gap:10px;height:calc(100% - 44px);min-height:0;margin:0 16px 16px;overflow:hidden}.map-widget.without-legend{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.map-widget.legend-left{grid-template-columns:118px minmax(0,1fr)}.map-widget.legend-left .map-legend{order:-1}.map-widget.legend-top,.map-widget.legend-bottom{grid-template-columns:minmax(0,1fr)}.map-widget.legend-top{grid-template-rows:auto minmax(0,1fr)}.map-widget.legend-bottom{grid-template-rows:minmax(0,1fr) auto}.map-widget.legend-top .map-legend,.map-widget.legend-bottom .map-legend{width:100%;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-self:auto}.map-widget.legend-top .map-legend{order:-1}.map-widget.legend-top .map-legend strong,.map-widget.legend-bottom .map-legend strong{justify-self:end;margin-top:0;border-top:0;padding-top:0}.china-map-chart{width:100%;min-width:0;height:100%;min-height:0}.map-legend{display:grid;align-self:center;width:118px;gap:8px;color:#475467;font-size:12px;font-weight:750}.map-legend span{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:6px}.map-legend i{width:8px;height:8px;border-radius:999px}.map-legend strong{margin-top:6px;border-top:1px solid #edf0f5;padding-top:7px;color:#1f2937}.filter-widget{display:grid;height:100%;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 16px}.filter-widget label{display:inline-flex;align-items:center;gap:6px;color:#667085;font-size:13px;font-weight:800}.filter-widget select{min-width:0;height:36px;border:1px solid #d9dee8;border-radius:7px;background:#fff;color:#1f2937;padding:0 10px;font-weight:800}.inspector-panel{overflow:hidden}.fixed-inspector-panel{grid-column:2;display:flex;height:100%;min-height:0;flex-direction:column;border-right:0;border-left:1px solid var(--line);border-radius:0;background:#fff;box-shadow:none}.fixed-inspector-panel .panel-title{padding:16px 18px 12px;border-bottom:1px solid #eef1f5}.fixed-inspector-panel .inspector-scroll{flex:1;height:auto;min-height:0;max-height:none;overflow:auto;padding:0 16px 18px}.inspector-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border-bottom:1px solid var(--line);padding:0 16px}.inspector-tabs button{height:42px;border:0;border-bottom:2px solid transparent;background:transparent;color:#667085;font-size:14px;font-weight:850}.inspector-tabs button.active{border-color:var(--primary);color:var(--primary)}.inspector-section{border-bottom:1px solid #eef1f5;padding:18px 4px 20px}.inspector-section h3{margin:0 0 14px;font-size:17px}.form-field,.number-field{display:grid;gap:7px;margin-bottom:14px}.form-field span,.number-field span,.field-label{color:#667085;font-size:13px;font-weight:800}.panel-help{margin:-4px 0 14px;color:#7b8798;font-size:12px;font-weight:750;line-height:1.55}.form-field input,.form-field select,.number-field input{width:100%;height:40px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:#1f2937;padding:0 11px;outline:0;font-weight:750}.form-field input[type=color]{padding:4px}.form-field input:disabled{cursor:not-allowed;opacity:.55}.form-field input:focus,.form-field select:focus,.number-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.form-field.compact{margin-bottom:10px}.text-control-field{display:grid;gap:8px;margin-bottom:14px}.text-icon-row{display:inline-flex;width:max-content;gap:4px;border:1px solid #e5e9f0;border-radius:8px;background:#f8fafc;padding:4px}.text-icon-row button{display:grid;width:32px;height:30px;place-items:center;border:0;border-radius:6px;background:transparent;color:#667085}.text-icon-row button.active{background:#fff;color:var(--primary);box-shadow:0 4px 10px #0f172a14}.layer-control-field{display:grid;gap:8px;margin-top:2px}.layer-control-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.layer-control-row .ghost-button{height:38px}.ghost-button.disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.56}.image-upload-field{display:grid;gap:10px;margin-bottom:10px}.image-upload-field input{display:none}.layout-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.chart-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.chart-color-grid .form-field{margin-bottom:10px}.switch-row{display:flex;min-height:38px;align-items:center;justify-content:space-between;gap:12px;color:#344054;font-size:14px;font-weight:850}.switch-row input{width:18px;height:18px;accent-color:var(--primary)}.switch-row.compact{min-height:30px;font-size:12px}.kpi-metric-editor-list{display:grid;gap:12px}.kpi-metric-editor-card{border:1px solid #e5e9f0;border-radius:9px;background:#fff;padding:12px}.kpi-metric-editor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.kpi-metric-editor-head strong{color:#172033;font-size:13px;font-weight:900}.kpi-metric-editor-head .icon-button{width:28px;height:28px}.kpi-metric-editor-head .icon-button.danger{border-color:#ef44442e;color:#ef4444}.kpi-metric-editor-head .icon-button:disabled{cursor:not-allowed;opacity:.42}.kpi-metric-source-preview{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:8px;background:#f8fafc;color:#667085;padding:8px 10px;margin-bottom:8px;font-size:12px;font-weight:850}.kpi-metric-source-preview span{color:#1d2939;font-size:15px;font-weight:900}.kpi-metric-source-preview em{font-style:normal}.swatch-row{display:flex;flex-wrap:wrap;gap:10px;margin:9px 0 16px}.swatch-row button{width:30px;height:30px;border:2px solid #fff;border-radius:6px;box-shadow:0 0 0 1px #d0d5dd}.swatch-row button.active{box-shadow:0 0 0 2px var(--primary),0 8px 16px rgba(var(--primary-rgb),.24)}.title-icon-field{display:grid;gap:8px;margin-bottom:14px}.title-icon-grid{display:grid;max-height:188px;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;overflow:auto;border:1px solid #e5e9f0;border-radius:8px;background:#f8fafc;padding:8px}.title-icon-grid button{display:grid;width:100%;aspect-ratio:1;place-items:center;border:1px solid #e5e9f0;border-radius:7px;background:#fff;color:#475467}.title-icon-grid button:hover,.title-icon-grid button.active{border-color:rgba(var(--primary-rgb),.45);background:rgba(var(--primary-rgb),.08);color:var(--primary)}.title-icon-grid button.active{box-shadow:0 0 0 2px rgba(var(--primary-rgb),.18)}.title-icon-grid img{width:20px;height:20px;object-fit:contain}.title-icon-none-mark{position:relative;display:block;width:20px;height:20px;border:2px solid currentColor;border-radius:999px}.title-icon-none-mark:after{position:absolute;top:8px;left:2px;width:12px;height:2px;border-radius:99px;background:currentColor;content:"";transform:rotate(-45deg)}.info-note{border-radius:8px;background:rgba(var(--primary-rgb),.08);color:var(--primary);margin:10px 0 0;padding:12px;font-size:13px;font-weight:800;line-height:1.55}.section-heading-row,.interaction-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading-row button{display:inline-flex;height:30px;align-items:center;gap:5px;border:1px solid rgba(var(--primary-rgb),.2);border-radius:7px;background:rgba(var(--primary-rgb),.08);color:var(--primary);padding:0 9px;font-size:12px;font-weight:850}.interaction-list{display:grid;gap:12px}.interaction-card{border:1px solid #e5e9f0;border-radius:8px;background:#fff;padding:12px}.interaction-card-title{margin-bottom:12px}.interaction-card-title strong{margin-right:auto;color:#344054;font-size:14px}.interaction-card-title button{display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:6px;background:#f8fafc;color:#98a2b3}.interaction-summary{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;border:1px solid rgba(var(--primary-rgb),.16);border-radius:8px;background:linear-gradient(180deg,rgba(var(--primary-rgb),.08),#fff);padding:11px;margin-bottom:14px}.interaction-summary-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;background:var(--primary);color:#fff}.interaction-summary h3{margin:0 0 4px;color:#172033;font-size:14px}.interaction-summary p{margin:0;color:#7b8798;font-size:11px;font-weight:750}.interaction-summary-stats{display:grid;grid-template-columns:auto auto;gap:2px 5px;align-items:center;color:#667085;font-size:11px}.interaction-summary-stats strong{color:var(--primary);font-size:15px}.interaction-graph-board{display:grid;min-height:150px;gap:10px;overflow:visible;border:1px solid #e5e9f0;border-radius:8px;background:radial-gradient(circle at 1px 1px,#dce6f4 1px,transparent 0) 0 0 / 14px 14px,#fbfdff;margin:12px 0 14px;padding:12px}.interaction-graph-empty{align-self:center;justify-self:center;margin:0;color:#98a2b3;font-size:12px;font-weight:800}.interaction-flow-row{display:grid;width:100%;grid-template-columns:1fr;gap:8px;border:1px solid #e5e9f0;border-radius:8px;background:#ffffffeb;padding:10px;cursor:pointer;text-align:left;transition:border-color .18s ease,box-shadow .18s ease}.interaction-flow-row.outgoing{border-color:rgba(var(--primary-rgb),.22)}.interaction-flow-row.incoming{border-color:#10b98142}.interaction-flow-row.disabled{opacity:.52}.interaction-flow-row.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.14),0 10px 22px rgba(var(--primary-rgb),.12)}.flow-node{display:grid;min-width:0;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;border:1px solid #e5e9f0;border-radius:8px;background:#fff;padding:8px 10px}.flow-node.current{border-color:rgba(var(--primary-rgb),.44);background:rgba(var(--primary-rgb),.07)}.flow-node small{color:#98a2b3;font-size:10px;font-weight:850}.flow-node strong{color:#172033;font-size:12px;font-weight:900;line-height:1.35;overflow-wrap:anywhere}.flow-connector{display:grid;min-width:0;grid-template-columns:auto 22px minmax(0,1fr);align-items:center;justify-items:start;gap:8px;color:#667085;padding:0 6px}.flow-connector i{border-radius:999px;padding:2px 7px;font-size:10px;font-style:normal;font-weight:900}.flow-connector i.outgoing{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.flow-connector i.incoming{background:#10b9811c;color:#059669}.flow-connector b{color:var(--primary);font-size:18px;line-height:1;justify-self:center}.interaction-flow-row.incoming .flow-connector b{color:#10b981}.flow-connector em{color:#475467;font-size:10px;font-style:normal;font-weight:850;line-height:1.35;overflow-wrap:anywhere}.interaction-list-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.interaction-list-title h3{margin:0;color:#263244;font-size:14px}.interaction-list-title span{color:#98a2b3;font-size:11px;font-weight:800}.interaction-rule-card{border:1px solid #e5e9f0;border-radius:8px;background:#fff;padding:12px;scroll-margin:14px;transition:border-color .18s ease,box-shadow .18s ease}.interaction-rule-card.is-focused{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.12)}.interaction-rule-head{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start;margin-bottom:12px}.interaction-rule-head>div{display:grid;gap:5px}.interaction-rule-head strong{color:#1f2937;font-size:13px}.interaction-rule-head em{display:inline-flex;align-items:center;gap:4px;color:#7b8798;font-size:11px;font-style:normal;font-weight:750}.relation-badge{width:max-content;border-radius:999px;padding:3px 7px;font-size:10px;font-weight:900}.relation-badge.outgoing{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.relation-badge.incoming{background:#10b9811c;color:#059669}.mini-switch{display:inline-flex;align-items:center;gap:5px;color:#667085;font-size:11px;font-weight:850}.mini-switch input{width:14px;height:14px;accent-color:var(--primary)}.rule-block{border-top:1px dashed #e5e9f0;padding-top:10px;margin-top:10px}.rule-block-title{margin-bottom:8px;color:#667085;font-size:11px;font-weight:900}.rule-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.payload-field{display:grid;gap:8px;color:#667085;font-size:12px;font-weight:850}.mini-swatch-row,.mode-segmented,.interaction-rule-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mini-swatch-row button{width:28px;height:28px;border:2px solid #fff;border-radius:7px;box-shadow:0 0 0 1px #d7dde8}.mini-swatch-row button.active{box-shadow:0 0 0 2px var(--primary)}.mode-segmented{border:1px solid #e5e9f0;border-radius:8px;background:#f8fafc;padding:3px}.mode-segmented button{height:26px;border:0;border-radius:6px;background:transparent;color:#667085;padding:0 9px;font-size:12px;font-weight:850}.mode-segmented button.active{background:#fff;color:var(--primary);box-shadow:0 4px 10px #0f172a14}.interaction-param-note{margin:0;border-radius:8px;background:#f8fafc;color:#7b8798;padding:10px;font-size:12px;font-weight:750;line-height:1.5}.interaction-rule-actions{justify-content:flex-end;border-top:1px solid #eef2f7;padding-top:10px;margin-top:12px}.interaction-rule-actions button{display:inline-flex;height:28px;align-items:center;gap:5px;border:1px solid #e5e9f0;border-radius:7px;background:#fff;color:#526071;padding:0 9px;font-size:12px;font-weight:850}.interaction-rule-actions button:disabled{cursor:not-allowed;opacity:.48}.interaction-rule-actions button.danger{border-color:#ef44442e;color:#ef4444}.muted-empty{color:#98a2b3;font-size:13px;font-weight:750}.phone-frame{position:relative;width:var(--phone-width, 252px);height:var(--phone-height, 548px);overflow:hidden;border:7px solid #111827;border-radius:31px;background:#fff;margin:12px auto 16px;box-shadow:0 18px 36px #10182838}.phone-notch{position:absolute;top:0;left:50%;z-index:3;width:88px;height:18px;border-radius:0 0 13px 13px;background:#111827;transform:translate(-50%)}.phone-topbar{position:relative;z-index:2;display:flex;height:56px;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f5;background:#fff;padding:18px 16px 0;font-size:13px;font-weight:900}.phone-topbar i{width:16px;height:12px;background:radial-gradient(circle,#475467 1.5px,transparent 2px) 0 0 / 6px 6px}.phone-scroll{height:calc(100% - 56px);overflow:auto;background:#f7f8fa}.phone-scale{width:393px;height:1568px;transform:scale(var(--phone-canvas-scale, .605));transform-origin:top left}.phone-canvas{box-shadow:none}.drag-overlay{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(var(--primary-rgb),.3);border-radius:8px;background:#fff;color:var(--primary);padding:12px 16px;font-weight:900;box-shadow:var(--shadow-md)}.brand-mark{width:36px;height:36px;border-radius:7px;font-size:22px}.brand-lockup{gap:12px}.brand-lockup strong{font-size:18px}.brand-lockup em{font-size:12px}.manager-page{padding-top:68px}.manager-topbar{height:68px;padding:0 20px}.user-menu span{width:38px;height:38px;font-size:17px}.user-menu b{font-size:14px}.manager-sidebar{inset:68px auto 0 0;width:280px;padding:24px 20px}.manager-sidebar h2{font-size:14px}.manager-sidebar button{height:46px;font-size:15px}.manager-content{margin-left:280px;padding:36px}.manager-heading h1{font-size:24px}.manager-heading p,.screen-card-body p{font-size:13px}.manager-actions .primary-button{height:44px;font-size:15px}.search-box,.library-search{height:44px}.screen-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}.screen-thumb{height:160px}.screen-card-body{padding:20px}.screen-card-body h3{font-size:17px}.screen-card-meta span{font-size:12px}.editor-topbar{height:64px;grid-template-columns:minmax(300px,420px);gap:16px;padding:0 18px}.editor-toolbar-actions,.canvas-breadcrumb-actions{gap:9px}.editor-toolbar-actions>button,.canvas-breadcrumb-actions>button,.theme-action-wrap>button,.preview-actions>button,.preview-topbar>button{height:36px;padding:0 11px;font-size:13px}.segmented-control{height:40px;border-radius:8px}.segmented-control button{padding:0 11px;font-size:13px}.zoom-select{height:36px;font-size:13px}.editor-shell{height:calc(100vh - 64px);grid-template-columns:330px minmax(680px,1fr)}.editor-shell.has-inspector{grid-template-columns:330px minmax(680px,1fr)}.editor-shell.library-collapsed,.editor-shell.library-collapsed.has-inspector{grid-template-columns:72px minmax(680px,1fr)}.component-library,.editor-business-nav,.editor-screen-list,.inspector-panel{min-width:0;background:#fff}.editor-business-nav{display:flex;flex-direction:column;border-right:1px solid var(--line);padding:16px 14px}.nav-create-button{display:inline-flex;height:40px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;background:var(--primary);color:#fff;font-size:14px;font-weight:850;box-shadow:0 8px 18px rgba(var(--primary-rgb),.22)}.editor-business-nav nav{display:grid;gap:7px;margin-top:20px}.editor-business-nav nav button,.editor-nav-bottom button{display:inline-flex;height:38px;align-items:center;gap:10px;border:0;border-radius:7px;background:transparent;color:#475467;padding:0 11px;font-size:15px;font-weight:800}.editor-business-nav nav button.active{background:rgba(var(--primary-rgb),.1);color:var(--primary)}.editor-nav-bottom{display:grid;gap:8px;margin-top:auto}.editor-user-pill{display:flex;align-items:center;gap:9px;border-top:1px solid #eef1f5;padding:12px 8px 2px}.editor-user-pill span{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;background:rgba(var(--primary-rgb),.14);color:var(--primary);font-size:13px;font-weight:900}.editor-user-pill strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.editor-screen-list{overflow:hidden;border-right:1px solid var(--line);padding:16px 12px}.screen-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.screen-list-heading h2{margin:0;font-size:16px}.screen-list-heading button,.icon-button{display:grid;width:30px;height:30px;place-items:center;border:1px solid #e5e9f0;border-radius:7px;background:#fff;color:#667085}.screen-list-search{display:flex;height:36px;align-items:center;gap:8px;border:1px solid var(--line-strong);border-radius:7px;color:#98a2b3;padding:0 10px}.screen-list-search input{min-width:0;border:0;outline:0;color:var(--text);font-size:13px}.screen-list-scroll{height:calc(100vh - 140px);overflow:auto;padding-top:10px}.editor-screen-card{position:relative;display:grid;grid-template-columns:82px 1fr 26px;gap:10px;margin-bottom:12px;border:1px solid #e5e9f0;border-radius:8px;background:#fff;padding:10px;text-align:left;box-shadow:var(--shadow-sm)}.editor-screen-card.active{border-color:rgba(var(--primary-rgb),.65);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.08)}.editor-screen-card h3{overflow:hidden;margin:3px 0 5px;color:#1d2939;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.editor-screen-card p{margin:0 0 14px;color:#667085;font-size:11px;font-weight:700}.editor-screen-card footer{display:flex;justify-content:space-between;gap:8px}.editor-screen-card footer span{display:inline-flex;align-items:center;gap:4px;color:#98a2b3;font-size:10px;font-weight:750}.editor-screen-card>button{display:grid;width:26px;height:26px;place-items:center;border:0;border-radius:6px;background:#f7f9fc;color:#667085}.editor-mini-preview{display:grid;width:82px;height:64px;align-content:center;gap:7px;border-radius:5px;padding:8px}.editor-mini-preview-dark{background:linear-gradient(135deg,#071225,#0d3063)}.editor-mini-preview-light{background:linear-gradient(135deg,#fff,#edf2fb);border:1px solid #edf0f5}.editor-mini-preview i,.editor-mini-preview span,.editor-mini-preview em{display:block;border-radius:999px}.editor-mini-preview i{width:42px;height:6px;background:var(--primary)}.editor-mini-preview span{width:62px;height:9px;background:rgba(var(--primary-rgb),.46)}.editor-mini-preview em{width:68px;height:3px;background:#f97316}.screen-list-empty{border:1px dashed #d0d5dd;border-radius:8px;color:#98a2b3;padding:22px 12px;text-align:center;font-size:13px;font-weight:750}.component-library{position:static;z-index:auto;display:flex;overflow:hidden;width:auto;min-width:0;flex-direction:column;border-right:1px solid var(--line);background:#fff;box-shadow:none;transform:none;transition:width .18s ease}.component-library .panel-title{justify-content:space-between}.component-library .panel-title>div{margin-right:auto}.panel-title{padding:16px 16px 10px}.panel-title h2{font-size:16px}.panel-title p{font-size:12px}.library-search{height:38px;margin:6px 16px 14px}.library-scroll,.inspector-scroll{height:calc(100vh - 156px);padding:0 14px 18px}.palette-card{gap:9px;margin-bottom:12px;padding:12px}.palette-icon{width:32px;height:32px}.palette-card strong{font-size:14px}.palette-card em,.library-group h3{font-size:11px}.canvas-breadcrumb{min-height:58px;padding:10px 18px;font-size:12px}.canvas-tools{height:42px;padding:0 18px}.inspector-panel{display:flex;flex-direction:column}.inspector-panel .inspector-scroll{flex:1;height:auto;min-height:0}.canvas-tools button{height:28px;font-size:12px}.canvas-scroll{height:100%;padding:34px}.canvas-empty strong{font-size:18px}.canvas-empty span{font-size:13px}.widget-heading{min-height:34px;padding:10px 14px 5px;font-size:13px}.title-widget h1{font-size:24px}.title-widget p{font-size:12px}.kpi-cell strong{font-size:20px}.kpi-cell span,.filter-widget label,.map-legend,.table-row{font-size:11px}.inspector-tabs button{height:38px;font-size:13px}.inspector-section{padding:16px 4px 18px}.inspector-section h3{font-size:14px}.form-field span,.number-field span,.field-label,.switch-row,.interaction-card-title strong{font-size:12px}.form-field input,.form-field select,.number-field input{height:36px;font-size:13px}.info-note,.muted-empty{font-size:12px}.phone-frame{width:var(--phone-width, 244px);height:var(--phone-height, 536px);border-radius:31px;margin-top:10px}.phone-notch{display:block}.phone-topbar{font-size:12px}.render-canvas-mobile .title-widget h1{font-size:20px!important}.render-canvas-mobile .widget-heading{font-size:12px}.render-canvas-mobile .kpi-cell strong{font-size:16px}.render-canvas-mobile .gauge-caption{font-size:11px}.preview-page{min-height:100vh;background:#e9edf4}.preview-topbar{display:grid;min-height:78px;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;border-bottom:1px solid var(--line);background:#fff;padding:12px 24px}.preview-topbar h1{margin:0 0 4px;font-size:18px}.preview-topbar p{margin:0;color:#667085;font-size:13px;font-weight:800}.preview-actions{display:flex;align-items:center;gap:12px}.preview-stage{display:flex;min-height:calc(100vh - 78px);align-items:flex-start;justify-content:center;overflow:auto;padding:38px 34px}.preview-scale-shell{overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 18px 52px #10182833}.preview-stage-mobile .preview-scale-shell{overflow:hidden;border:8px solid #111827;border-radius:30px}.preview-stage-desktop{background:#e9edf4}.preview-desktop-container{display:flex;width:100%;justify-content:center}.preview-desktop-canvas-shell{flex:0 0 auto}.preview-stage-mobile{align-items:center;justify-content:center}.preview-mobile-layout{display:grid;width:min(100%,1060px);grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:start;gap:42px}.preview-device-panel{position:sticky;top:38px;width:100%;border:1px solid rgba(208,213,221,.86);border-radius:8px;background:#ffffffe0;padding:18px;box-shadow:0 16px 42px #1018281f}.preview-device-toolbar{display:grid;gap:14px}.preview-device-field{display:grid;flex:1 1 auto;gap:6px}.preview-device-field span{color:#667085;font-size:12px;font-weight:850}.preview-device-field select{width:100%;height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#344054;padding:0 12px;font-size:13px;font-weight:820;outline:0}.preview-device-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.preview-device-meta{display:inline-flex;height:40px;align-items:center;justify-content:center;border:1px solid rgba(208,213,221,.86);border-radius:8px;background:#fff;color:#475467;padding:0 12px;font-size:12px;font-weight:850;white-space:nowrap}.preview-phone-column{display:flex;min-width:0;justify-content:center}.preview-phone-frame{margin:0 auto 12px;border-width:9px;border-radius:38px;box-shadow:0 24px 58px #10182847}.phone-topbar span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-notch-android{top:12px;width:16px;height:16px;border-radius:999px}.toast{position:fixed;right:22px;bottom:22px;z-index:80;display:inline-flex;align-items:center;gap:10px;min-width:240px;border:1px solid rgba(var(--primary-rgb),.2);border-radius:8px;background:#fff;color:#1f2937;padding:14px;box-shadow:var(--shadow-md);font-weight:850}.toast-success svg{color:var(--success)}.toast-info svg{color:var(--primary)}.toast button{display:grid;width:24px;height:24px;place-items:center;border:0;border-radius:6px;background:#f2f4f7;color:#667085;margin-left:auto}@media(max-width:1500px){.editor-shell,.editor-shell.has-inspector{grid-template-columns:304px minmax(560px,1fr)}.editor-shell.library-collapsed,.editor-shell.library-collapsed.has-inspector{grid-template-columns:68px minmax(560px,1fr)}.canvas-body{grid-template-columns:minmax(0,1fr)}.canvas-body.with-inspector{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:1100px){.manager-sidebar{width:240px}.manager-content{margin-left:240px}.editor-topbar{grid-template-columns:1fr;height:auto;padding:12px 16px}.editor-page{overflow:auto}.editor-shell{height:auto;grid-template-columns:1fr}.canvas-body,.canvas-body.with-inspector{display:block}.inspector-panel{height:auto;margin-top:0}.fixed-inspector-panel{border-left:0;border-top:1px solid var(--line)}.component-library,.editor-business-nav,.editor-screen-list,.inspector-panel{border-right:0;border-bottom:1px solid var(--line)}.editor-business-nav nav{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-nav-bottom{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.screen-list-scroll{display:grid;height:auto;max-height:310px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.editor-screen-card{margin-bottom:0}.library-scroll,.inspector-scroll{height:auto;max-height:420px}}@media(max-width:760px){.app,.editor-page,.editor-topbar,.editor-shell,.component-library,.editor-business-nav,.editor-screen-list,.canvas-workbench,.inspector-panel{width:100%;max-width:100vw;min-width:0}.brand-lockup strong{font-size:15px}.manager-topbar{height:auto;flex-wrap:wrap;gap:12px;padding:14px}.manager-page{padding-top:96px}.manager-sidebar{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line)}.manager-content{margin-left:0;padding:24px 16px}.manager-heading,.manager-actions{flex-direction:column;align-items:stretch}.editor-topbar{gap:10px;padding:12px 14px}.editor-business-nav{padding:14px}.editor-business-nav nav{grid-template-columns:1fr 1fr}.editor-screen-list{padding:14px}.editor-toolbar-actions{display:grid;grid-template-columns:1fr;gap:8px;width:100%;min-width:0}.editor-toolbar-actions .segmented-control{width:100%}.editor-toolbar-actions>button,.preview-actions>button,.preview-topbar>button,.zoom-select{width:100%;min-width:0;height:38px;padding:0 8px;font-size:13px}.editor-toolbar-actions .publish-button{grid-column:1 / -1}.preview-topbar{grid-template-columns:1fr;gap:12px;padding:14px}.preview-actions{display:grid;width:100%;grid-template-columns:1fr;gap:8px}.preview-actions .segmented-control{width:100%}.preview-actions .segmented-control button{flex:1 1 0;justify-content:center}.preview-stage{min-height:calc(100vh - 174px);padding:18px 14px}.preview-mobile-layout{grid-template-columns:1fr;gap:18px}.preview-device-panel{position:static;padding:14px}.preview-desktop-container{width:100%}.editor-nav-bottom{grid-template-columns:1fr}.canvas-breadcrumb{overflow:hidden;font-size:12px}.canvas-breadcrumb-actions{flex-wrap:wrap;justify-content:flex-end}.canvas-tools{overflow-x:auto}.canvas-scroll{height:520px;padding:16px}.search-box{width:100%}.screen-grid{grid-template-columns:1fr}}