body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{flex-direction:column;width:100%;height:100vh;display:flex}.auth-overlay{z-index:9000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:var(--bg-surface,#1a1a2e);border:1px solid var(--border,#ffffff1a);border-radius:12px;width:360px;max-width:95vw;padding:28px 32px}.auth-modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.auth-modal-header h2{color:var(--text-primary,#e2e4ef);margin:0;font-size:16px;font-weight:600}.auth-modal-close{cursor:pointer;color:var(--text-secondary,#8b92a9);background:0 0;border:none;padding:4px;display:flex}.auth-modal-close:hover{color:var(--text-primary,#e2e4ef)}.auth-form{flex-direction:column;gap:14px;display:flex}.auth-field{flex-direction:column;gap:5px;display:flex}.auth-field label{color:var(--text-secondary,#8b92a9);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.auth-field input{background:var(--bg-base,#0e0e1a);border:1px solid var(--border,#ffffff1f);color:var(--text-primary,#e2e4ef);border-radius:7px;outline:none;padding:9px 12px;font-size:13px}.auth-field input:focus{border-color:var(--accent,#7c6ef7)}.auth-field input::placeholder{color:var(--text-secondary,#8b92a9);opacity:.6}.auth-error{color:#f87171;background:#ef44441f;border:1px solid #ef44444d;border-radius:6px;padding:8px 12px;font-size:12px}.auth-submit{background:var(--accent,#7c6ef7);color:#fff;cursor:pointer;border:none;border-radius:7px;margin-top:2px;padding:10px;font-size:13px;font-weight:600}.auth-submit:hover:not(:disabled){opacity:.9}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;color:var(--text-secondary,#8b92a9);margin-top:16px;font-size:12px}.auth-switch button{cursor:pointer;color:var(--accent,#7c6ef7);background:0 0;border:none;padding:0;font-size:12px;font-weight:500}.auth-switch button:hover{text-decoration:underline}.auth-role-group{flex-direction:column;gap:6px;display:flex}.auth-role-option{border:1px solid var(--border,#ffffff1f);cursor:pointer;background:var(--bg-base,#0e0e1a);border-radius:7px;flex-wrap:wrap;align-items:center;gap:6px;padding:9px 12px;transition:border-color .15s;display:flex}.auth-role-option input[type=radio]{display:none}.auth-role-option--active{border-color:var(--accent,#7c6ef7);background:#7c6ef712}.auth-role-option:hover:not(.auth-role-option--active){border-color:#ffffff40}.auth-role-label{color:var(--text-primary,#e2e4ef);flex:none;font-size:13px;font-weight:600}.auth-role-desc{color:var(--text-secondary,#8b92a9);flex:1;font-size:11px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base:#0e0e1a;--bg-surface:#14141f;--bg-raised:#1a1a2e;--bg-hover:#20203a;--border:#2a2a42;--border-hi:#3a3a5a;--text-primary:#e2e4ef;--text-secondary:#8b92a9;--text-muted:#5a6070;--accent:#7c6ef7;--accent-2:#4ecdc4;--radius:10px;--shadow:0 4px 24px #0006;--mb-bg:#0e101a;--mb-surface:#12141f;--mb-raised:#1a1d2e;--mb-raised2:#141622;--mb-hover:#1a1d2e;--mb-hover2:#202240;--mb-active:#1a2a3a;--mb-border:#2a2d3a;--mb-border-hi:#3a4a5a;--mb-border-blue:#2a4a6a;--mb-text:#c0c8d8;--mb-text-dim:#7a9bbf;--mb-text-faint:#5a6575;--mb-text-bright:#aac4e8;--mb-text-accent:#4a7a9b;--mb-card-header:#1a2a4a;--mb-card-footer:#1a2a3a;--mb-step-body:#0e101a;--mb-dialog-bg:#12141f;--mb-error-bg:#2a1a1a;--mb-error-border:#5a2a2a;--mb-error-text:#f76e8a;--mb-connect-bg:#1a2a1a;--mb-connect-border:#4a7a4a;--mb-rel-bg:#141822;--mb-rel-border:#1a2a2a;--mb-overlay:#000000b8;--mb-shadow:0 8px 40px #0009;--mb-shadow-card:0 2px 12px #00000080;--mb-menu-shadow:0 4px 20px #00000080}:root.light{--bg-base:#f0f2f8;--bg-surface:#fff;--bg-raised:#e8ecf4;--bg-hover:#dde3ef;--border:#c8d0e0;--border-hi:#a8b4cc;--text-primary:#1a1d2e;--text-secondary:#4a5270;--text-muted:#8890a8;--shadow:0 4px 24px #0000001f;--mb-bg:#f0f2f8;--mb-surface:#fff;--mb-raised:#e8ecf4;--mb-raised2:#f4f6fb;--mb-hover:#e8ecf4;--mb-hover2:#dde3ef;--mb-active:#d4dff0;--mb-border:#c8d0e0;--mb-border-hi:#a8b4cc;--mb-border-blue:#9ab0cc;--mb-text:#2a3040;--mb-text-dim:#4a6888;--mb-text-faint:#8890a8;--mb-text-bright:#1e3a58;--mb-text-accent:#2a6090;--mb-card-header:#dde8f5;--mb-card-footer:#e4ecf8;--mb-step-body:#f0f2f8;--mb-dialog-bg:#fff;--mb-error-bg:#fff0f2;--mb-error-border:#e8a0ac;--mb-error-text:#c03050;--mb-connect-bg:#f0fff4;--mb-connect-border:#60b880;--mb-rel-bg:#eef2fa;--mb-rel-border:#d0daf0;--mb-overlay:#00000080;--mb-shadow:0 8px 40px #00000026;--mb-shadow-card:0 2px 12px #0000001a;--mb-menu-shadow:0 4px 20px #0000001f}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-family,"Inter", system-ui, -apple-system, sans-serif);height:100vh;font-size:13px;line-height:1.5;overflow:hidden}.app{flex-direction:column;height:100vh;display:flex}.app-header{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:52px;padding:0 20px;display:flex}.app-logo{color:var(--text-primary);flex-shrink:0;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.app-logo svg{width:22px;height:22px;color:var(--accent)}.app-status{color:var(--text-muted);font-size:12px}.app-header-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.app-header-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);color:var(--text-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:flex}.app-header-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hi)}.theme-toggle-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:flex}.theme-toggle-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hi)}.lang-switcher{flex-shrink:0;position:relative}.lang-switcher-btn{gap:4px;width:auto;padding:0 9px}.lang-switcher-code{letter-spacing:.3px;font-size:11px;font-weight:600}.lang-switcher-menu{top:calc(100% + 6px);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);z-index:1000;min-width:150px;margin:0;padding:4px;list-style:none;position:absolute;inset-inline-end:0;box-shadow:0 8px 24px #00000059}.lang-switcher-item{border-radius:calc(var(--radius) - 2px);width:100%;color:var(--text-secondary);text-align:start;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:13px;transition:background .12s,color .12s;display:flex}.lang-switcher-item:hover{background:var(--bg-hover);color:var(--text-primary)}.lang-switcher-item--active{color:var(--text-primary);font-weight:600}.app-user-chip{background:var(--bg-raised,#1a1a2e);border:1px solid var(--border,#2a2a42);color:var(--text-secondary,#8b92a9);border-radius:20px;align-items:center;gap:6px;padding:3px 10px 3px 4px;font-size:11px;display:flex}.app-user-avatar{background:var(--accent,#7c6ef7);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.app-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.app-user-logout{cursor:pointer;color:var(--text-secondary,#8b92a9);background:0 0;border:none;align-items:center;margin-left:2px;padding:0;display:flex}.app-user-logout:hover{color:#f87171}.app-user-role{text-transform:uppercase;letter-spacing:.04em;border-radius:10px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.app-user-role--gold{color:#f59e0b;background:#f59e0b2e}.app-user-role--purple{color:var(--accent,#7c6ef7);background:#7c6ef72e}.app-user-role--blue{color:#60a5fa;background:#3b82f62e}.app-user-role--grey{color:var(--text-secondary,#8b92a9);background:#8b92a926}.app-user-role--super_admin{color:#f59e0b;background:#f59e0b2e}.app-user-role--admin{color:var(--accent,#7c6ef7);background:#7c6ef72e}.app-user-role--viewer{color:var(--text-secondary,#8b92a9);background:#8b92a926}.app-import-error{color:#f76e8a;z-index:9999;pointer-events:none;background:#2a1a1a;border:1px solid #7a3a3a;border-radius:8px;padding:8px 18px;font-size:12px;animation:.2s fadeInDown;position:fixed;top:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #00000080}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%)translateY(-6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes mb-spin{to{transform:rotate(360deg)}}.app-nav{flex:1;justify-content:center;align-items:center;gap:4px;display:flex}.nav-btn{border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:flex}.nav-btn:hover{background:var(--bg-raised);color:var(--text-primary);border-color:var(--border)}.nav-btn--active{background:var(--bg-raised);color:var(--accent);border-color:var(--accent)}.nav-btn--active svg{color:var(--accent)}.app-main{flex:1;display:flex;overflow:hidden}.page-scroll-wrap{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;height:100%;display:flex;overflow-y:auto}.app-loading{flex:1;width:100%;height:100%}.app-body,.dashboard-root,.dashboard-content{flex:1;display:flex;overflow:hidden}.dashboard-root--bottom,.dashboard-root--top{flex-direction:column}.dashboard-root--left,.dashboard-root--right{flex-direction:row}.pnav{background:var(--bg-surface);z-index:20;flex-shrink:0;align-items:center;display:flex;position:relative}.pnav--bottom,.pnav--top{border-top:1px solid var(--border);flex-direction:row;gap:2px;height:40px;padding:0 4px;overflow-x:auto}.pnav--top{border-top:none;border-bottom:1px solid var(--border)}.pnav--bottom::-webkit-scrollbar{height:3px}.pnav--top::-webkit-scrollbar{height:3px}.pnav--left,.pnav--right{border-right:1px solid var(--border);flex-direction:column;align-items:stretch;gap:2px;width:188px;padding:6px 0;overflow-y:auto}.pnav--right{border-right:none;border-left:1px solid var(--border)}.pnav--left::-webkit-scrollbar{width:3px}.pnav--right::-webkit-scrollbar{width:3px}.pnav-settings-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin:0 2px;transition:background .14s,color .14s,transform .18s;display:flex}.pnav-settings-btn:hover{background:var(--bg-raised);color:var(--text-primary);transform:rotate(30deg)}.pnav--left .pnav-settings-btn,.pnav--right .pnav-settings-btn{border-bottom:1px solid var(--border);border-radius:8px;width:calc(100% - 12px);height:32px;margin:0 6px 4px}.pnav-settings-panel{background:var(--bg-surface);border:1px solid var(--border);z-index:2000;border-radius:12px;min-width:260px;padding:16px;transition:opacity .15s;position:fixed;box-shadow:0 8px 32px #0006}.pnav-settings-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px;font-size:10px;font-weight:700}.pnav-settings-divider{background:var(--border);height:1px;margin:14px 0}.pnav-pos-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.pnav-pos-btn{border:1.5px solid var(--border);background:var(--bg-raised);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;font-size:11px;font-weight:500;transition:background .13s,color .13s,border-color .13s,box-shadow .13s;display:flex}.pnav-pos-btn:hover{background:var(--bg-base);color:var(--text-primary);border-color:var(--border-hi)}.pnav-pos-btn--active{background:color-mix(in srgb, var(--accent) 15%, transparent);border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent)}.pnav-effect-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pnav-effect-btn{border:1.5px solid var(--border);background:var(--bg-raised);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:10px;font-weight:500;transition:background .13s,color .13s,border-color .13s,box-shadow .13s;display:flex}.pnav-effect-btn:hover{background:var(--bg-base);color:var(--text-primary);border-color:var(--border-hi)}.pnav-effect-btn--active{background:color-mix(in srgb, var(--accent-2) 15%, transparent);border-color:var(--accent-2);color:var(--accent-2);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-2) 18%, transparent)}.pnav-tabs{flex:1;gap:2px;display:flex;overflow:hidden}.pnav--bottom .pnav-tabs,.pnav--top .pnav-tabs{flex-direction:row;align-items:center;overflow-x:auto}.pnav--left .pnav-tabs,.pnav--right .pnav-tabs{flex-direction:column;overflow-y:auto}.pnav-tab{cursor:pointer;height:30px;color:var(--text-secondary);white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;min-width:60px;padding:0 12px;font-size:12px;font-weight:500;transition:background .14s,color .14s,border-color .14s;display:flex}.pnav--left .pnav-tab,.pnav--right .pnav-tab{height:34px;margin:0 6px}.pnav-tab:hover{background:var(--bg-raised);color:var(--text-primary)}.pnav-tab--active{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-color:var(--accent)}.pnav--bottom .pnav-tab--active{border-bottom-color:var(--bg-surface);border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative;top:1px}.pnav--top .pnav-tab--active{border-top-color:var(--bg-surface);border-top-left-radius:0;border-top-right-radius:0;position:relative;bottom:1px}.pnav-tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.pnav-tab-rename-input{background:var(--bg-base);border:1px solid var(--accent);color:var(--text-primary);border-radius:4px;outline:none;width:110px;padding:1px 6px;font-size:12px;font-weight:500}.pnav-add-btn{border:1px dashed var(--border);height:26px;color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;margin:0 4px;padding:4px 8px;font-size:12px;transition:background .13s,color .13s,border-color .13s;display:flex}.pnav-add-btn:hover{background:var(--bg-raised);color:var(--accent);border-color:var(--accent)}.pnav--left .pnav-add-btn,.pnav--right .pnav-add-btn{justify-content:center;width:calc(100% - 12px);height:32px;margin:4px 6px 0}.pnav-context-menu{background:var(--bg-surface);border:1px solid var(--border);z-index:2000;border-radius:10px;min-width:150px;padding:4px;position:fixed;overflow:hidden;box-shadow:0 6px 24px #0006}.pnav-context-menu button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;transition:background .1s;display:flex}.pnav-context-menu button:hover{background:var(--bg-raised)}.pnav-context-menu button:disabled{color:var(--text-muted);cursor:not-allowed}.pnav-context-divider{background:var(--border);height:1px;margin:3px 0}.pnav-context-danger{color:#e05252!important}.pnav-context-danger:hover:not(:disabled){background:#e052521f!important}.pcanvas-wrapper{will-change:transform, opacity;flex-direction:column;flex:1;display:flex;overflow:hidden}@keyframes pcanvas-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pcanvas-fade-out{0%{opacity:1}to{opacity:0}}.pcanvas-enter-fade{animation:.28s forwards pcanvas-fade-in}.pcanvas-exit-fade{animation:.18s forwards pcanvas-fade-out}@keyframes pcanvas-slide-left-in{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes pcanvas-slide-left-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}.pcanvas-enter-slide-left{animation:.28s cubic-bezier(.4,0,.2,1) forwards pcanvas-slide-left-in}.pcanvas-exit-slide-left{animation:.18s cubic-bezier(.4,0,.2,1) forwards pcanvas-slide-left-out}@keyframes pcanvas-slide-right-in{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes pcanvas-slide-right-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.pcanvas-enter-slide-right{animation:.28s cubic-bezier(.4,0,.2,1) forwards pcanvas-slide-right-in}.pcanvas-exit-slide-right{animation:.18s cubic-bezier(.4,0,.2,1) forwards pcanvas-slide-right-out}@keyframes pcanvas-slide-up-in{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pcanvas-slide-up-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.pcanvas-enter-slide-up{animation:.28s cubic-bezier(.4,0,.2,1) forwards pcanvas-slide-up-in}.pcanvas-exit-slide-up{animation:.18s cubic-bezier(.4,0,.2,1) forwards pcanvas-slide-up-out}@keyframes pcanvas-slide-down-in{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes pcanvas-slide-down-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}.pcanvas-enter-slide-down{animation:.28s cubic-bezier(.4,0,.2,1) forwards pcanvas-slide-down-in}.pcanvas-exit-slide-down{animation:.18s cubic-bezier(.4,0,.2,1) forwards pcanvas-slide-down-out}@keyframes pcanvas-zoom-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pcanvas-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.pcanvas-enter-zoom{animation:.28s cubic-bezier(.4,0,.2,1) forwards pcanvas-zoom-in}.pcanvas-exit-zoom{animation:.18s cubic-bezier(.4,0,.2,1) forwards pcanvas-zoom-out}@keyframes pcanvas-flip-in{0%{opacity:0;transform:rotateY(-12deg)scaleX(.92)}to{opacity:1;transform:rotateY(0)scaleX(1)}}@keyframes pcanvas-flip-out{0%{opacity:1;transform:rotateY(0)scaleX(1)}to{opacity:0;transform:rotateY(12deg)scaleX(.92)}}.pcanvas-enter-flip{transform-style:preserve-3d;animation:.28s cubic-bezier(.4,0,.2,1) forwards pcanvas-flip-in}.pcanvas-exit-flip{transform-style:preserve-3d;animation:.18s cubic-bezier(.4,0,.2,1) forwards pcanvas-flip-out}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--border);padding:16px 16px 12px}.sidebar-header h2{color:var(--text-primary);margin-bottom:2px;font-size:13px;font-weight:600}.sidebar-header p{color:var(--text-muted);font-size:11px}.sidebar-actions{border-bottom:1px solid var(--border);padding:10px 12px}.sidebar-save-btn{color:#fff;background:var(--primary,#7c6ef7);cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;padding:8px 12px;font-size:12px;font-weight:600;transition:filter .15s,opacity .15s;display:flex}.sidebar-save-btn:hover:not(:disabled){filter:brightness(1.08)}.sidebar-save-btn:disabled{opacity:.6;cursor:default}.sidebar-body{flex-direction:column;flex:1;gap:4px;padding:8px 10px 12px;display:flex;overflow-y:auto}.sidebar-section{flex-direction:column;gap:4px;display:flex}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:10px 4px 4px;font-size:10px;font-weight:700}.sidebar-section-list{flex-direction:column;gap:4px;display:flex}.diagram-item{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:10px 12px;transition:background .15s,border-color .15s,transform .1s;display:flex}.diagram-item:hover{background:var(--bg-hover);border-color:var(--border-hi);transform:translate(2px)}.diagram-item:active{cursor:grabbing;opacity:.85;transform:scale(.97)}.diagram-item-icon{width:36px;height:32px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.diagram-item-icon svg{width:100%;height:100%}.diagram-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.diagram-item-name{color:var(--text-primary);font-size:12px;font-weight:600}.diagram-item-desc{color:var(--text-muted);font-size:10px;line-height:1.3}.drag-handle{color:var(--text-muted);opacity:.4;letter-spacing:-1px;font-size:14px}.canvas{background:var(--bg-base);background-image:radial-gradient(ellipse at 20% 30%, #7c6ef70d 0%, transparent 55%), radial-gradient(ellipse at 80% 70%, #4ecdc40a 0%, transparent 55%), linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-position:0 0,0 0,-.5px -.5px,-.5px -.5px;background-size:100% 100%,100% 100%,32px 32px,32px 32px;flex:1;padding:20px;overflow:auto}.canvas-inner{flex-direction:column;gap:12px;min-height:100%;display:flex}.row-section{flex-direction:column;gap:8px;display:flex}.row-controls{align-items:center;gap:10px;padding:5px 4px;display:flex}.row-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);flex-shrink:0;font-size:10px;font-weight:600}.col-selector{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;padding:3px 6px 3px 8px;display:flex}.col-selector-label{color:var(--text-muted);white-space:nowrap;margin-right:2px;font-size:10px}.col-btn{width:24px;height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:flex}.col-btn:hover:not(.disabled){background:var(--bg-hover);color:var(--text-primary)}.col-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.col-btn.disabled{opacity:.3;cursor:not-allowed}.row-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.row-action-btn{border:1px solid var(--border);background:var(--bg-raised);color:var(--text-muted);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:4px 10px 4px 7px;font-size:11px;transition:background .15s,border-color .15s,color .15s;display:flex}.row-action-btn svg{flex-shrink:0;width:13px;height:13px}.add-after-btn:hover{background:var(--bg-hover);border-color:var(--border-hi);color:var(--text-primary)}.remove-row-btn{padding:4px 8px}.remove-row-btn:hover:not(:disabled){color:#f76e8a;background:#f76e8a1a;border-color:#f76e8a4d}.remove-row-btn:disabled{opacity:.25;cursor:not-allowed}.slot-row{gap:12px;display:grid}.add-row-btn{border:2px dashed var(--border);width:100%;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:7px;margin-top:4px;padding:14px;font-size:12px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:flex}.add-row-btn svg{width:14px;height:14px}.add-row-btn:hover{color:var(--accent);background:#7c6ef708;border-color:#7c6ef766}.drop-slot{border-radius:14px;min-height:280px;transition:box-shadow .2s;overflow:hidden}.drop-slot.empty{border:2px dashed var(--border-hi);cursor:default;background:#ffffff03;justify-content:center;align-items:center;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.drop-slot.empty:hover{background:#7c6ef705;border-color:#7c6ef74d}.drop-slot.empty.drag-over{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), inset 0 0 40px #7c6ef70d;background:#7c6ef70f}.drop-slot.occupied{border:1px solid var(--border);background:var(--bg-surface);box-shadow:var(--shadow);resize:vertical;min-width:250px;min-height:280px;overflow:hidden}.drop-slot.occupied.slot-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 8px 32px #7c6ef72e}.drop-slot.is-dragging{opacity:.45;cursor:grabbing}.drop-slot.occupied.drag-over{outline:2px dashed var(--accent);outline-offset:-2px}.drop-slot.drag-swap{background:#f76e8a0d}.drop-slot.drag-move{background:#7c6ef70d}.slot-drag-overlay{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:none;background:#0e0e1aa6;border-radius:13px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.slot-drag-overlay span{color:var(--text-primary);background:var(--bg-raised);border:1px solid var(--border-hi);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.drop-slot.occupied{position:relative}.slot-placeholder{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.slot-icon{width:52px;height:52px;color:var(--text-muted);opacity:.45;transition:opacity .15s}.drag-over .slot-icon{opacity:.7;color:var(--accent)}.slot-icon svg{width:100%;height:100%}.slot-label{color:var(--text-muted);text-align:center;font-size:12px}.slot-drop-hint{color:var(--accent);text-align:center;font-size:12px;font-weight:600}.diagram-block{cursor:default;background:0 0;flex-direction:column;width:100%;height:100%;transition:none;display:flex;overflow:hidden}.block-header{border-bottom:1px solid var(--border);background:var(--bg-raised);justify-content:space-between;align-items:center;padding:10px 12px 8px;display:flex}.drag-grip{width:14px;height:18px;color:var(--text-muted);opacity:1;cursor:grab;flex-shrink:0;align-items:center;display:flex}.drag-grip svg{width:100%;height:100%}.drop-slot.occupied:hover .drag-grip{opacity:1}.block-title{align-items:center;gap:8px;min-width:0;display:flex}.block-type-badge{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.block-status{white-space:nowrap;font-size:10px}.block-status.connected{color:#4ecdc4}.block-status.pending{color:var(--text-muted)}.block-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.block-action-btn{cursor:pointer;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500;transition:background .15s,color .15s}.configure-btn{color:var(--accent);background:#7c6ef71f}.configure-btn:hover{background:#7c6ef740}.remove-btn{color:#f76e8a;background:#f76e8a14;padding:4px 7px}.remove-btn:hover{background:#f76e8a33}.block-label-row{border-bottom:1px solid var(--border);background:var(--bg-base);padding:5px 12px 4px}.editable-label{color:var(--text-primary);cursor:text;border-radius:4px;align-items:center;gap:5px;max-width:100%;padding:2px 4px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.editable-label:hover{background:var(--bg-hover)}.editable-label--empty{color:var(--text-muted);font-style:italic;font-weight:400}.editable-label-icon{opacity:0;width:9px;height:9px;color:var(--text-muted);flex-shrink:0;transition:opacity .15s}.editable-label:hover .editable-label-icon{opacity:1}.editable-label-input{background:var(--bg-raised);border:1px solid var(--accent);width:100%;color:var(--text-primary);border-radius:4px;outline:none;padding:2px 6px;font-size:12px;font-weight:600}.block-data-pills{border-bottom:1px solid var(--border);background:var(--bg-base);flex-wrap:wrap;gap:4px;padding:5px 10px;display:flex}.data-pill{border:1px solid var(--border);border-radius:10px;align-items:center;gap:0;font-size:10px;display:inline-flex;overflow:hidden}.data-pill-connector{background:var(--bg-raised);color:var(--text-muted);border-right:1px solid var(--border);white-space:nowrap;padding:1px 6px}.data-pill-name{color:var(--accent);white-space:nowrap;background:0 0;padding:1px 6px;font-weight:500}.variant-bar{background:var(--bg-base);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:4px;padding:6px 10px;display:flex}.variant-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.variant-btn:hover{background:var(--bg-hover);border-color:var(--border-hi);color:var(--text-primary)}.variant-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.sort-popup-btn{align-items:center;gap:4px;display:inline-flex;position:relative}.sort-popup-btn--active{color:var(--accent)!important;border-color:var(--accent)!important;background:#7c6ef726!important}.sort-active-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-left:1px;display:inline-block}.sort-popup{background:var(--bg-surface);border:1px solid var(--border);z-index:2000;border-radius:10px;flex-direction:column;gap:4px;min-width:140px;padding:10px;display:flex;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 8px 28px #0006}.sort-popup--preview{z-index:3000}.sort-popup-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:0 2px 2px;font-size:10px;font-weight:600}.sort-popup-options{flex-direction:column;gap:2px;display:flex}.sort-popup-option{text-align:left;width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:background .12s,color .12s}.sort-popup-option:hover{background:var(--bg-hover);color:var(--text-primary)}.sort-popup-option.active{color:var(--accent);background:#7c6ef726;font-weight:600}.block-updated-bar{color:var(--text-dim,#5a6070);border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;background:0 0;align-items:center;gap:5px;padding:3px 12px;font-size:10px;display:flex}.block-countdown{color:var(--accent,#7c6ef7);font-variant-numeric:tabular-nums}.block-chart{flex:1;min-height:0;padding:10px 6px 6px;overflow:hidden}.empty-chart{flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;display:flex}.empty-chart-icon{opacity:.5;font-size:32px}.empty-chart p{color:var(--text-muted);font-size:12px}.empty-hint{color:var(--text-muted);opacity:.7;font-size:11px!important}.hierarchy-breadcrumb{border-top:1px solid var(--border);background:#7c6ef70f;flex-wrap:wrap;align-items:center;gap:4px;min-height:24px;padding:4px 8px 2px;font-size:11px;display:flex}.hb-crumb{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;overflow:hidden}.hb-crumb--active{color:var(--text-primary);font-weight:600}.hb-crumb--link{color:#7c6ef7;cursor:pointer;text-underline-offset:2px;text-decoration:underline}.hb-crumb--link:hover{color:#a08ef9}.hb-crumb-group{align-items:center;gap:3px;display:flex}.hb-arrow{color:var(--text-muted);font-size:13px;line-height:1}.hb-back-btn{color:#9b8ef9;cursor:pointer;background:#7c6ef726;border:1px solid #7c6ef759;border-radius:4px;margin-left:6px;padding:1px 7px;font-size:10px;transition:background .15s,border-color .15s}.hb-back-btn:hover{background:#7c6ef747;border-color:#7c6ef7}.hb-hint{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:10px;font-style:italic}.hb-hint--loading{color:#efaa6a}.hb-hint--error{color:#f76e8a;font-style:normal}.chart-transition-wrapper{width:100%;height:100%}@keyframes drillIn{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes drillOut{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.chart-drill-in{animation:.32s cubic-bezier(.22,.61,.36,1) forwards drillIn}.chart-drill-out{animation:.32s cubic-bezier(.22,.61,.36,1) forwards drillOut}.data-panel{background:var(--bg-surface);border-left:1px solid var(--border);flex-direction:column;flex-shrink:0;width:280px;height:100%;min-height:0;animation:.18s slideIn;display:flex;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.data-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding:16px 16px 12px;display:flex}.data-panel-header h3{color:var(--text-primary);margin-bottom:3px;font-size:14px;font-weight:600}.data-panel-header p{color:var(--text-muted);font-size:11px}.close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-top:-2px;padding:2px 4px;font-size:14px;transition:color .15s,background .15s}.close-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.connector-count{border-bottom:1px solid var(--border);align-items:center;gap:6px;padding:10px 16px;display:flex}.connector-dot{background:var(--border-hi);border-radius:50%;width:8px;height:8px;transition:background .2s}.connector-dot.filled{background:var(--accent-2)}.connector-count span{color:var(--text-muted);margin-left:2px;font-size:11px}.connectors-list{flex-direction:column;flex:1;gap:14px;padding:12px 14px;display:flex;overflow-y:auto}.connector-slot{flex-direction:column;gap:6px;display:flex}.connector-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.connector-indicator{background:var(--border-hi);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .2s}.connector-indicator.active{background:var(--accent-2);box-shadow:0 0 6px #4ecdc480}.required-badge{color:var(--accent);text-transform:none;letter-spacing:0;background:#7c6ef71a;border-radius:10px;padding:1px 6px;font-size:9px;font-weight:500}.connector-select{background:var(--bg-raised);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%235a6070' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:7px;outline:none;padding:7px 28px 7px 10px;font-size:12px;transition:border-color .15s}.connector-select:focus{border-color:var(--accent)}.connector-select option{background:var(--bg-raised)}.data-preview{color:var(--text-muted);background:var(--bg-raised);text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--border);border-radius:5px;padding:4px 8px;font-family:SF Mono,Fira Code,monospace;font-size:10px;overflow:hidden}.apply-btn{border:1px solid var(--border);background:var(--bg-raised);color:var(--text-muted);cursor:not-allowed;border-radius:8px;margin:12px 14px 16px;padding:10px;font-size:12px;font-weight:500;transition:all .2s}.apply-btn.ready{background:var(--accent);border-color:var(--accent);color:#fff;cursor:pointer;box-shadow:0 2px 12px #7c6ef759}.apply-btn.ready:hover{background:#8f84f9;transform:translateY(-1px);box-shadow:0 4px 20px #7c6ef780}.reload-interval-bar{border-top:1px solid var(--border);background:var(--bg-surface);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.reload-interval-label{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:flex}.reload-interval-select{background:var(--bg-raised,#1a1d2e);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;border-radius:5px;outline:none;padding:4px 8px;font-size:12px;transition:border-color .15s}.reload-interval-select:focus{border-color:var(--accent,#4f8ef7)}.panel-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;flex-wrap:wrap;flex-shrink:0;display:flex;overflow-x:auto}.panel-tabs::-webkit-scrollbar{display:none}.panel-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:8px 0;font-size:12px;font-weight:500;transition:color .15s,border-color .15s}.panel-tab:hover{color:var(--text-primary)}.panel-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.server-tab{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:0;min-height:0;display:flex;overflow-y:auto}.server-tab::-webkit-scrollbar{width:4px}.server-tab::-webkit-scrollbar-track{background:0 0}.server-tab::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.server-error{color:#f76e8a;background:#f76e8a14;border:1px solid #f76e8a40;border-radius:7px;margin:10px 14px 0;padding:8px 10px;font-size:11px}.server-step{flex-direction:column;gap:6px;padding:12px 14px 0;display:flex}.server-step-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.server-badge{color:var(--accent);text-transform:none;letter-spacing:0;background:#7c6ef71a;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:500}.server-hint{color:var(--text-muted);padding:2px 0;font-size:10px;line-height:1.5}.server-hint code{background:var(--bg-raised);color:var(--accent-2);border-radius:3px;padding:1px 4px;font-family:SF Mono,Fira Code,monospace;font-size:10px}.col-badges{flex-wrap:wrap;gap:5px;display:flex}.col-badge{background:var(--bg-raised);color:var(--text-primary);border:1px solid;border-radius:10px;align-items:center;gap:4px;padding:2px 7px 2px 5px;font-size:10px;display:inline-flex}.col-badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.col-badge-type{color:var(--text-muted);margin-left:2px;font-size:9px}.suggestions-list{flex-direction:column;gap:5px;padding-bottom:4px;display:flex}.suggestion-btn{background:var(--bg-raised);border:1px solid var(--border);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:6px;width:100%;padding:8px 10px;transition:border-color .15s,background .15s;display:grid}.suggestion-btn:hover{border-color:var(--border-hi);background:var(--bg-hover)}.suggestion-btn.active{border-color:var(--accent);background:#7c6ef714}.suggestion-chart{color:var(--text-primary);text-transform:capitalize;font-size:11px;font-weight:700}.suggestion-variant{color:var(--text-muted);background:var(--bg-base);border:1px solid var(--border);border-radius:5px;padding:1px 5px;font-size:10px}.suggestion-reason{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.suggestion-score{color:var(--accent-2);justify-self:end;font-size:10px;font-weight:600}.server-apply{margin:12px 14px 16px}.server-hint-inline{color:var(--text-muted);text-transform:none;letter-spacing:0;margin-left:4px;font-size:9px;font-weight:400}.groupby-row{gap:6px;display:flex}.groupby-select{flex:1}.agg-select{text-transform:capitalize;flex-shrink:0;width:76px}.groupby-preview{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:4px;padding:4px 2px 0;font-size:10px;display:flex}.groupby-preview code{background:var(--bg-raised);border:1px solid var(--border);color:var(--accent-2);border-radius:4px;padding:1px 5px;font-family:SF Mono,Fira Code,monospace;font-size:10px}.mapping-slot{flex-direction:column;gap:5px;margin-top:6px;display:flex}.optional-badge{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;padding:1px 5px;font-size:9px;font-weight:400}.mapping-slot{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.mapping-slot-label{color:var(--text-muted);align-items:center;gap:6px;font-size:11px;font-weight:500;display:flex}.optional-badge{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border);border-radius:3px;padding:1px 5px;font-size:9px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hi);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.header-actions{align-items:center;gap:8px;display:flex}.preview-btn{color:var(--accent);cursor:pointer;background:#7c6ef71a;border:1px solid #7c6ef766;border-radius:8px;align-items:center;gap:7px;padding:7px 16px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.preview-btn svg{flex-shrink:0;width:15px;height:15px}.preview-btn:hover{border-color:var(--accent);background:#7c6ef738;box-shadow:0 2px 12px #7c6ef740}.preview-page{background-color:var(--pv-page-bg,var(--bg-base));--pv-grid-color:#ffffff12;background-image:radial-gradient(at 15% 25%,#7c6ef70f 0%,#0000 55%),radial-gradient(at 85% 75%,#4ecdc40d 0%,#0000 55%);background-size:auto;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.preview-page--custombg{background-image:none}.preview-page--grid{background-image:linear-gradient(var(--pv-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--pv-grid-color) 1px, transparent 1px), radial-gradient(ellipse at 15% 25%, #7c6ef70f 0%, transparent 55%), radial-gradient(ellipse at 85% 75%, #4ecdc40d 0%, transparent 55%);background-size:40px 40px,40px 40px,auto,auto}.preview-page--custombg.preview-page--grid{background-image:linear-gradient(var(--pv-grid-color) 1px, transparent 1px), linear-gradient(90deg, var(--pv-grid-color) 1px, transparent 1px);background-size:40px 40px,40px 40px}.preview-header{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 24px;display:flex}.preview-header-left{align-items:center;gap:12px;display:flex}.preview-header-divider{background:var(--border);width:1px;height:24px}.preview-header-info{flex-direction:column;gap:1px;display:flex}.preview-title{color:var(--text-primary);white-space:nowrap;font-size:13px;font-weight:600}.preview-subtitle{color:var(--text-muted);font-size:11px}.preview-header-right{align-items:center;display:flex}.preview-logo{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.preview-logo svg{width:18px;height:18px;color:var(--accent)}.preview-back-btn{border:1px solid var(--border);background:var(--bg-raised);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:flex}.preview-back-btn svg{flex-shrink:0;width:13px;height:13px}.preview-back-btn:hover{background:var(--bg-hover);border-color:var(--border-hi);color:var(--text-primary)}.preview-back-btn.large{background:var(--accent);border-color:var(--accent);color:#fff;margin-top:16px;padding:10px 24px;font-size:13px;font-weight:600}.preview-back-btn.large:hover{background:#8f84f9;box-shadow:0 4px 20px #7c6ef766}.preview-body{flex-direction:column;flex:1;display:flex;overflow:hidden}.preview-body--nav-top,.preview-body--nav-bottom{flex-direction:column}.preview-body--nav-left,.preview-body--nav-right{flex-direction:row}.preview-content-area{flex:1;padding:28px 32px;position:relative;overflow-y:auto}.preview-page-stats{color:var(--text-muted);align-items:center;gap:6px;padding:0 0 12px;font-size:11px;display:flex}.fb-add-btn{border:1.5px dashed var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;align-items:center;gap:5px;margin-left:auto;padding:4px 12px;font-size:11px;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.fb-add-btn:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.fb-card{background:var(--pv-card-bg,var(--bg-surface));border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:12px;flex-direction:column;min-width:220px;min-height:90px;transition:box-shadow .22s,border-color .18s;display:flex;position:relative;overflow:visible;box-shadow:0 2px 12px #0000001a,0 1px 3px #00000014}.fb-card:hover{box-shadow:0 6px 24px #00000029,0 2px 6px #0000001a}.fb-card-header{background:linear-gradient(to right, color-mix(in srgb, var(--accent) 8%, var(--bg-raised)), var(--bg-raised));border-bottom:1px solid var(--border);cursor:grab;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:6px;padding:8px 8px 7px 12px;display:flex}.fb-card-header:active{cursor:grabbing}.fb-card-title{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.fb-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;font-size:12px;font-weight:700;overflow:hidden}.fb-card-active-badge{background:var(--accent);color:#fff;white-space:nowrap;letter-spacing:.02em;border-radius:10px;padding:2px 7px;font-size:10px;font-weight:700}.fb-card-header-right{flex-shrink:0;align-items:center;gap:2px;display:flex}.fb-hdr-btn{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;font-size:11px;transition:background .14s,color .14s;display:flex}.fb-hdr-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.fb-hdr-btn--on{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.fb-hdr-btn--clear:hover{color:#f76e8a;background:#f76e8a1a}.fb-hdr-btn--remove:hover{color:#f76e8a;background:#f76e8a1f}.fb-card-settings{border-bottom:1px solid var(--border);flex-direction:column;gap:0;display:flex}.fb-cs-row{align-items:center;gap:8px;padding:6px 12px;display:flex}.fb-cs-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;width:52px;font-size:10px;font-weight:600}.fb-cs-btns{gap:4px;display:flex}.fb-cs-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:3px 9px;font-size:10.5px;transition:border-color .12s,background .12s,color .12s;display:flex}.fb-cs-btn:hover{border-color:var(--accent);color:var(--text-primary)}.fb-cs-btn--on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent);color:var(--accent);font-weight:600}.fb-body{flex-direction:column;flex:1;padding-bottom:4px;display:flex;overflow:visible}.fb-section{flex-direction:column;padding:8px 12px 10px;display:flex}.fb-section--divided{border-top:1px solid var(--border)}.fb-section-label-row{justify-content:space-between;align-items:center;gap:6px;min-height:24px;margin-bottom:4px;display:flex}.fb-section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10.5px;font-weight:700;overflow:hidden}.fb-section-label--empty{color:var(--text-muted);text-transform:none;letter-spacing:0;font-style:italic;font-weight:400}.fb-section-actions{opacity:0;flex-shrink:0;align-items:center;gap:1px;transition:opacity .15s;display:flex}.fb-section:hover .fb-section-actions{opacity:1}.fb-section:has(.fb-section-edit) .fb-section-actions{opacity:1}.fb-section-count{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;margin-right:3px;padding:1px 5px;font-size:9px;font-weight:700}.fb-section-icon-btn{width:22px;height:22px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;font-size:11px;transition:background .12s,color .12s;display:flex}.fb-section-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.fb-section-icon-btn--on{background:color-mix(in srgb, var(--accent) 14%, transparent);color:var(--accent)}.fb-section-icon-btn--danger:hover{color:#f76e8a;background:#f76e8a1f}.fb-section-edit{flex-direction:column;gap:5px;padding:6px 0;display:flex}.fb-se-select,.fb-se-input{border:1px solid var(--border);background:var(--bg-raised);width:100%;color:var(--text-primary);border-radius:7px;padding:4px 8px;font-size:11px;transition:border-color .14s}.fb-se-select:focus,.fb-se-input:focus{border-color:var(--accent);outline:none}.fb-se-max{flex-wrap:wrap;gap:4px;display:flex}.fb-se-n{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;border-radius:5px;padding:2px 8px;font-size:10.5px;transition:border-color .12s,background .12s,color .12s}.fb-se-n:hover{border-color:var(--accent);color:var(--text-primary)}.fb-se-n--on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent);color:var(--accent);font-weight:700}.fb-section-setup-btn{border:1px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;align-self:flex-start;margin-top:2px;padding:3px 10px;font-size:10.5px;transition:border-color .13s,color .13s}.fb-section-setup-btn:hover{border-color:var(--accent);color:var(--accent)}.fb-search{border:1px solid var(--border);background:var(--bg-raised);width:100%;color:var(--text-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Ccircle cx='5' cy='5' r='3.5' stroke='%238b92a9' stroke-width='1.3'/%3E%3Cpath d='M8 8l2.5 2.5' stroke='%238b92a9' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E");background-position:9px;background-repeat:no-repeat;border-radius:20px;margin-bottom:6px;padding:5px 10px 5px 28px;font-size:11px;transition:border-color .15s,box-shadow .15s}.fb-search:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.fb-values{flex-wrap:wrap;gap:5px;max-height:160px;display:flex;overflow-y:auto}.fb-values--vertical{flex-flow:column;max-height:240px}.fb-pill{border:1.5px solid var(--border);background:var(--bg-raised);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;max-width:200px;padding:4px 11px;font-size:11px;transition:border-color .14s,background .14s,color .14s,transform .1s;display:inline-flex}.fb-values--vertical .fb-pill{border-radius:7px;justify-content:flex-start;max-width:100%}.fb-pill:hover{border-color:var(--accent);color:var(--text-primary);background:color-mix(in srgb, var(--accent) 8%, var(--bg-raised));transform:translateY(-1px)}.fb-pill--on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 30%, transparent);font-weight:700}.fb-values--vertical .fb-pill:hover{transform:none}.fb-pill-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fb-se-layout-row{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.fb-se-layout-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;padding-top:2px;font-size:10px}.fb-se-layout-btns{flex-wrap:wrap;gap:4px;display:flex}.fb-se-layout-btn{border:1.5px solid var(--border);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;border-radius:7px;flex-direction:column;align-items:center;gap:3px;min-width:46px;padding:5px 8px;font-size:9.5px;transition:border-color .13s,background .13s,color .13s;display:flex}.fb-se-layout-btn:hover{border-color:var(--accent);color:var(--text-primary)}.fb-se-layout-btn--on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 13%, transparent);color:var(--accent);font-weight:600}.fb-dropdown-wrap{width:100%;position:relative}.fb-dropdown-trigger{border:1.5px solid var(--border);background:var(--bg-raised);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;transition:border-color .14s;display:flex}.fb-dropdown-trigger:hover,.fb-dropdown-trigger--open{border-color:var(--accent)}.fb-dropdown-trigger--active{border-color:var(--accent);color:var(--accent)}.fb-dropdown-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fb-dropdown-badge{background:var(--accent);color:#fff;border-radius:8px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.fb-dropdown-caret{color:var(--text-muted);flex-shrink:0;transition:transform .15s}.fb-dropdown-caret--open{transform:rotate(180deg)}.fb-dropdown-menu{z-index:99999;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 24px #0006}.fb-dropdown-search{border:none;border-bottom:1px solid var(--border);background:var(--bg-raised);color:var(--text-primary);outline:none;padding:7px 12px;font-size:11px}.fb-dropdown-list{max-height:200px;padding:4px 0;overflow-y:auto}.fb-dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:6px 12px;font-size:11.5px;transition:background .1s,color .1s;display:flex}.fb-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.fb-dropdown-item--on{color:var(--accent)}.fb-dropdown-check{border:1.5px solid var(--border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;transition:border-color .12s,background .12s;display:flex}.fb-dropdown-check--on{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 20%, transparent);color:var(--accent)}.fb-dropdown-empty{color:var(--text-muted);padding:10px 14px;font-size:11px}.fb-dropdown-clear{border:none;border-top:1px solid var(--border);color:#f76e8a;cursor:pointer;text-align:left;background:0 0;padding:7px 12px;font-size:10.5px;transition:background .1s}.fb-dropdown-clear:hover{background:#f76e8a1a}.fb-date-wrap{flex-direction:column;gap:6px;padding:2px 0;display:flex}.fb-date-row{align-items:center;gap:8px;display:flex}.fb-date-lbl{color:var(--text-muted);flex-shrink:0;width:26px;font-size:10px}.fb-date-input{border:1.5px solid var(--border);background:var(--bg-raised);color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:7px;flex:1;padding:5px 8px;font-size:11px;transition:border-color .14s}.fb-date-input:focus{border-color:var(--accent);outline:none}.fb-date-clear{color:#f76e8a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-self:flex-start;padding:3px 10px;font-size:10.5px;transition:background .12s}.fb-date-clear:hover{background:#f76e8a1a}.fb-slider-wrap{-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;padding:4px 2px 2px;display:flex}.fb-slider-labels{color:var(--accent);justify-content:space-between;font-size:10.5px;font-weight:600;display:flex}.fb-slider-val--right{text-align:right}.fb-slider-track{cursor:pointer;align-items:center;height:20px;display:flex;position:relative}.fb-slider-rail{background:var(--border);border-radius:4px;height:4px;position:absolute;left:0;right:0}.fb-slider-fill{background:var(--accent);pointer-events:none;border-radius:4px;height:4px;position:absolute}.fb-slider-thumb{background:var(--accent);border:2px solid var(--bg-surface);width:14px;height:14px;box-shadow:0 0 0 1.5px var(--accent), 0 2px 6px #0000004d;cursor:grab;z-index:2;border-radius:50%;transition:box-shadow .12s;position:absolute;transform:translate(-50%)}.fb-slider-thumb:hover,.fb-slider-thumb:active{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 30%, transparent), 0 2px 8px #0006;cursor:grabbing}.fb-slider-bounds{color:var(--text-muted);justify-content:space-between;font-size:9.5px;display:flex}.fb-add-section-btn{border:1.5px dashed var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:5px;margin:4px 12px 8px;padding:6px 0;font-size:11px;transition:border-color .15s,color .15s,background .15s;display:flex}.fb-add-section-btn:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.pvnav{background:var(--pv-nav-bg,var(--bg-surface));z-index:20;flex-shrink:0;align-items:center;gap:2px;display:flex;position:relative}.pvnav--top,.pvnav--bottom{border-bottom:1px solid var(--border);flex-direction:row;height:40px;padding:0 6px;overflow-x:auto}.pvnav--bottom{border-top:1px solid var(--border);border-bottom:none}.pvnav--top::-webkit-scrollbar{height:3px}.pvnav--bottom::-webkit-scrollbar{height:3px}.pvnav--left,.pvnav--right{border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:stretch;width:180px;min-width:40px;padding:6px 0;transition:width .18s;position:relative;overflow:hidden auto}.pvnav--right{border-left:1px solid var(--border);border-right:none}.pvnav--left::-webkit-scrollbar{width:3px}.pvnav--right::-webkit-scrollbar{width:3px}.pvnav--left.pvnav--collapsed,.pvnav--right.pvnav--collapsed{min-width:40px;overflow:hidden;width:40px!important}.pvnav--collapsed .pvnav-tabs,.pvnav--collapsed .pvnav-settings-btn,.pvnav--collapsed .pvnav-publish-btn,.pvnav--collapsed .pvnav-settings-panel{display:none}.pvnav-collapse-btn{width:100%;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-bottom:1px solid var(--border);background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:2px;transition:background .13s,color .13s;display:flex}.pvnav-collapse-btn:hover{background:var(--bg-raised);color:var(--text-primary)}.pvnav--collapsed .pvnav-collapsed-rail{flex-direction:column;flex:1;align-items:center;gap:4px;padding:4px 0;display:flex;overflow:hidden auto}.pvnav-collapsed-rail{display:none}.pvnav-collapsed-tab{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:background .13s,color .13s;display:flex}.pvnav-collapsed-tab:hover{background:var(--bg-raised);color:var(--text-primary)}.pvnav-collapsed-tab--active{background:color-mix(in srgb, var(--pv-nav-accent,var(--accent)) 18%, transparent);color:var(--pv-nav-accent,var(--accent))}.pvnav-resize-handle{cursor:ew-resize;z-index:10;background:0 0;width:5px;transition:background .15s;position:absolute;top:0;bottom:0}.pvnav-resize-handle:hover,.pvnav-resize-handle--dragging{background:var(--accent);opacity:.35}.pvnav--left .pvnav-resize-handle{left:auto;right:0}.pvnav--right .pvnav-resize-handle{left:0;right:auto}.pvnav-settings-btn{border-radius:var(--radius);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .13s,color .13s;display:flex}.pvnav-settings-btn:hover{background:var(--bg-raised);color:var(--text-primary)}.pvnav--left .pvnav-settings-btn,.pvnav--right .pvnav-settings-btn{border-bottom:1px solid var(--border);border-radius:0;width:100%;height:34px;margin-bottom:4px}.pvnav-settings-panel{background:var(--bg-surface);border:1px solid var(--border);z-index:2000;scrollbar-width:thin;scrollbar-color:var(--border) transparent;border-radius:12px;min-width:260px;max-height:80vh;padding:16px;transition:opacity .15s;overflow:hidden auto;box-shadow:0 8px 32px #0006}.pvnav-settings-panel::-webkit-scrollbar{width:5px}.pvnav-settings-panel::-webkit-scrollbar-track{background:0 0}.pvnav-settings-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.pvnav-settings-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 10px;font-size:10px;font-weight:700}.pvnav-settings-divider{background:var(--border);height:1px;margin:14px 0}.pvnav-pos-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.pvnav-pos-btn{border:1.5px solid var(--border);background:var(--bg-raised);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;font-size:11px;font-weight:500;transition:background .13s,color .13s,border-color .13s,box-shadow .13s;display:flex}.pvnav-pos-btn:hover{background:var(--bg-base);color:var(--text-primary);border-color:var(--border-hi)}.pvnav-pos-btn--active{background:color-mix(in srgb, var(--accent) 15%, transparent);border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent)}.pvnav-effect-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pvnav-effect-btn{border:1.5px solid var(--border);background:var(--bg-raised);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;font-size:10px;font-weight:500;transition:background .13s,color .13s,border-color .13s,box-shadow .13s;display:flex}.pvnav-effect-btn:hover{background:var(--bg-base);color:var(--text-primary);border-color:var(--border-hi)}.pvnav-effect-btn--active{background:color-mix(in srgb, var(--accent-2) 15%, transparent);border-color:var(--accent-2);color:var(--accent-2);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-2) 18%, transparent)}.pvnav-tabs{flex:1;gap:2px;display:flex;overflow:hidden}.pvnav--top .pvnav-tabs,.pvnav--bottom .pvnav-tabs{flex-direction:row;align-items:center;overflow-x:auto}.pvnav--left .pvnav-tabs,.pvnav--right .pvnav-tabs{flex-direction:column;overflow-y:auto}.pvnav-tab{border-radius:var(--radius);height:30px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:flex}.pvnav--left .pvnav-tab,.pvnav--right .pvnav-tab{width:calc(100% - 12px);height:34px;margin:0 6px}.pvnav-tab:hover{background:var(--bg-raised);color:var(--text-primary)}.pvnav-tab--active{background:var(--bg-raised);color:var(--pv-nav-accent,var(--accent));border-color:var(--pv-nav-accent,var(--accent))}.pvnav--bottom .pvnav-tab--active{border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0;position:relative;top:1px}.pvnav--top .pvnav-tab--active{border-top-color:#0000;border-top-left-radius:0;border-top-right-radius:0;position:relative;bottom:1px}.pvnav-style--pill .pvnav-tab{border-radius:999px;padding:0 16px}.pvnav-style--pill .pvnav-tab--active{background:var(--pv-nav-accent,var(--accent));color:#fff;border-color:var(--pv-nav-accent,var(--accent))}.pvnav-style--pill .pvnav-tab:hover:not(.pvnav-tab--active){background:color-mix(in srgb, var(--pv-nav-accent,var(--accent)) 12%, transparent);color:var(--pv-nav-accent,var(--accent))}.pvnav-style--pill.pvnav--bottom .pvnav-tab--active,.pvnav-style--pill.pvnav--top .pvnav-tab--active{border-color:var(--pv-nav-accent,var(--accent));border-radius:999px;top:0;bottom:0}.pvnav-style--underline .pvnav-tab{background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:0 12px}.pvnav-style--underline .pvnav-tab:hover{border-bottom-color:var(--border-hi);color:var(--text-primary);background:0 0}.pvnav-style--underline .pvnav-tab--active{border-bottom-color:var(--pv-nav-accent,var(--accent));color:var(--pv-nav-accent,var(--accent));background:0 0}.pvnav-style--underline.pvnav--left .pvnav-tab,.pvnav-style--underline.pvnav--right .pvnav-tab{border-bottom:none;border-left:3px solid #0000;border-radius:0 6px 6px 0}.pvnav-style--underline.pvnav--right .pvnav-tab{border-left:none;border-right:3px solid #0000;border-radius:6px 0 0 6px}.pvnav-style--underline.pvnav--left .pvnav-tab--active,.pvnav-style--underline.pvnav--right .pvnav-tab--active{border-color:var(--pv-nav-accent,var(--accent));background:color-mix(in srgb, var(--pv-nav-accent,var(--accent)) 8%, transparent)}.pvnav-style--filled{background:var(--pv-nav-bg,var(--bg-base))}.pvnav-style--filled .pvnav-tab{color:var(--text-muted);background:0 0;border:none;border-radius:6px}.pvnav-style--filled .pvnav-tab:hover{background:color-mix(in srgb, var(--pv-nav-accent,var(--accent)) 10%, transparent);color:var(--text-primary)}.pvnav-style--filled .pvnav-tab--active{background:var(--pv-nav-accent,var(--accent));color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--pv-nav-accent,var(--accent)) 40%, transparent);border-color:#0000}.pvnav-style--minimal .pvnav-tab{color:var(--text-muted);background:0 0;border:none;border-radius:6px;font-weight:400}.pvnav-style--minimal .pvnav-tab:hover{color:var(--text-primary);background:0 0}.pvnav-style--minimal .pvnav-tab--active{color:var(--text-primary);background:0 0;border-color:#0000;font-weight:600}.pvnav-style--dot .pvnav-tab{height:auto;color:var(--text-muted);background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:6px 8px;font-size:11px}.pvnav-style--dot .pvnav-tab:before{content:"";background:var(--border-hi);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .15s,transform .15s;display:block}.pvnav-style--dot .pvnav-tab:hover:before{background:var(--text-muted)}.pvnav-style--dot .pvnav-tab--active:before{background:var(--pv-nav-accent,var(--accent));transform:scale(1.3)}.pvnav-style--dot .pvnav-tab--active{color:var(--pv-nav-accent,var(--accent));background:0 0;border-color:#0000}.pvnav-style--dot .pvnav-tab-icon{display:none}.pvnav-style-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.pvnav-style-btn{border:1.5px solid var(--border);background:var(--bg-raised);color:var(--text-secondary);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;font-size:10px;font-weight:500;transition:background .13s,color .13s,border-color .13s,box-shadow .13s;display:flex}.pvnav-style-btn:hover{background:var(--bg-base);color:var(--text-primary);border-color:var(--border-hi)}.pvnav-style-btn--active{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent)}.pvnav-tab-icon{width:20px;height:20px;color:inherit;cursor:pointer;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:background .1s;display:flex}.pvnav-tab-icon:hover{color:var(--accent);background:#7c6ef726}.pvnav-tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.pvnav--transparent{-webkit-backdrop-filter:blur(6px);background:0 0!important;border-color:#0000!important}.pvnav--transparent .pvnav-tab{color:var(--text-primary)}.pvnav-check-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.pvnav-check-wrap{flex-shrink:0;position:relative}.pvnav-checkbox{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.pvnav-check-box{border:1.5px solid var(--border-hi);background:var(--bg-raised);color:#fff;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;transition:background .13s,border-color .13s;display:flex}.pvnav-check-row:hover .pvnav-check-box{border-color:var(--accent)}.pvnav-checkbox:checked+.pvnav-check-box{background:var(--accent);border-color:var(--accent)}.pvnav-check-label{color:var(--text-primary);font-size:12px;font-weight:500}.pvnav-theme-grid{flex-direction:column;gap:8px;display:flex}.pvnav-color-row{cursor:default;justify-content:space-between;align-items:center;display:flex}.pvnav-color-label{color:var(--text-secondary);flex:1;font-size:12px}.pvnav-color-input-wrap{align-items:center;gap:6px;display:flex}.pvnav-color-swatch{border:1px solid var(--border);border-radius:3px;flex-shrink:0;width:14px;height:14px}.pvnav-color-input{border:1px solid var(--border);background:var(--bg-raised);cursor:pointer;border-radius:5px;flex-shrink:0;width:32px;height:22px;padding:1px 2px}.pvnav-color-reset{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:10px;line-height:1;transition:color .15s,background .15s}.pvnav-color-reset:hover{color:var(--text-primary);background:var(--bg-hover)}.pvnav-section-apply-row{justify-content:flex-end;margin-top:6px;display:flex}.pvnav-section-apply-btn{background:var(--accent,#7c6ef7);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:600;transition:opacity .12s}.pvnav-section-apply-btn:hover{opacity:.85}.pvnav-bg-image-row{flex-direction:column;gap:6px;margin-top:6px;display:flex}.pvnav-bg-image-controls{flex-direction:column;gap:6px;display:flex}.pvnav-bg-image-upload-btn{border:1.5px dashed var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:5px 10px;font-size:11px;transition:border-color .15s,color .15s;display:inline-flex}.pvnav-bg-image-upload-btn:hover{border-color:var(--accent);color:var(--accent)}.pvnav-bg-image-thumb{border:1px solid var(--border);background-position:50%;background-size:cover;border-radius:6px;width:100%;height:48px}.pvnav-bg-image-fit-row{align-items:center;gap:6px;display:flex}.pvnav-bg-image-fit-select{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;border-radius:5px;flex:1;padding:3px 6px;font-size:11px}.pvnav-grid-row{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.pvnav-grid-toggle{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:2px 0;display:flex}.pvnav-grid-toggle-track{background:var(--bg-hover);border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:30px;height:16px;transition:background .2s,border-color .2s;position:relative}.pvnav-grid-toggle--on .pvnav-grid-toggle-track{background:var(--accent);border-color:var(--accent)}.pvnav-grid-toggle-thumb{background:var(--text-muted);border-radius:50%;width:10px;height:10px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.pvnav-grid-toggle--on .pvnav-grid-toggle-thumb{background:#fff;transform:translate(14px)}.pvnav-grid-toggle-label{color:var(--text-secondary);min-width:18px;font-size:11px}.pvnav-slideshow-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.pvnav-slideshow-grid{grid-template-columns:repeat(6,1fr);gap:4px;margin-top:6px;display:grid}.pvnav-slideshow-btn{border:1px solid var(--border);background:var(--bg-raised);color:var(--text-secondary);cursor:pointer;border-radius:5px;padding:4px 0;font-size:10px;font-weight:500;transition:border-color .12s,background .12s,color .12s}.pvnav-slideshow-btn:hover{border-color:var(--border-hi);background:var(--bg-hover);color:var(--text-primary)}.pvnav-slideshow-btn--active{border-color:var(--accent);background:var(--bg-hover);color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.pvnav-slideshow-hint{color:var(--text-muted);text-align:center;margin-top:5px;font-size:10px}.pvnav-grid-toggle:disabled{opacity:.4;cursor:not-allowed}.pvnav-chart-colors-grid{flex-direction:column;gap:5px;display:flex}.pvnav-chart-color-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.pvnav-chart-color-name{color:var(--text-secondary);flex-shrink:0;width:62px;font-size:11px}.pvnav-chart-palette-swatches{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.pvnav-chart-single-wrap{align-items:center;gap:4px;display:flex}.pvnav-palette-swatch-wrap{cursor:pointer;align-items:center;display:inline-flex;position:relative}.pvnav-palette-swatch-dot{border:1.5px solid #ffffff1f;border-radius:50%;width:18px;height:18px;transition:transform .12s,border-color .12s;display:block}.pvnav-palette-swatch-wrap:hover .pvnav-palette-swatch-dot{border-color:#ffffff59;transform:scale(1.18)}.pvnav-hidden-color{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.pvnav-palette-swatch-wrap:focus-within .pvnav-palette-swatch-dot{outline:2px solid var(--accent);outline-offset:1px}.pvnav-chart-reset-btn{color:var(--text-muted);cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 2px;font-size:11px;line-height:1;transition:opacity .12s,color .12s}.pvnav-chart-reset-btn:hover{opacity:1;color:var(--accent)}.pvnav-icon-picker{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);z-index:1000;min-width:200px;padding:12px;position:fixed;box-shadow:0 6px 24px #00000059}.pvnav-icon-picker-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 10px;font-size:11px;font-weight:600}.pvnav-icon-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.pvnav-icon-option{border:1px solid var(--border);background:var(--bg-raised);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:background .1s,color .1s,border-color .1s;display:flex}.pvnav-icon-option:hover{background:var(--bg-hover,var(--bg-raised));color:var(--text-primary);border-color:var(--border-hi)}.pvnav-icon-option--active{background:var(--accent);border-color:var(--accent);color:#fff}.muuri-grid{box-sizing:border-box;width:100%;padding:8px;position:relative}.muuri-item{box-sizing:border-box;z-index:1;width:400px;margin:10px;padding:0;position:absolute}.muuri-item.muuri-item-dragging{z-index:3;cursor:grabbing}.muuri-item.muuri-item-releasing{z-index:2}.muuri-item.muuri-item-hidden{z-index:0}.muuri-item-content{box-sizing:border-box;width:100%;height:100%;padding:8px;position:relative}.preview-card{background:var(--pv-card-bg,var(--bg-surface));border:1px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:14px;flex-direction:column;width:100%;min-width:260px;min-height:200px;transition:box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:visible;box-shadow:0 4px 24px #0000004d}.preview-card:hover{border-color:var(--border-hi);box-shadow:0 8px 32px #0006}.muuri-drag-handle{cursor:grab}.muuri-drag-handle:active{cursor:grabbing}.preview-drag-grip{color:var(--text-muted);opacity:.5;flex-shrink:0;margin-right:4px;font-size:14px}.resize-handle{z-index:10;opacity:0;transition:opacity .15s;position:absolute}.preview-card:hover .resize-handle{opacity:1}.resize-handle-e{cursor:ew-resize;background:var(--accent);border-radius:4px;width:8px;height:80%;top:10%;right:-4px}.resize-handle-s{cursor:ns-resize;background:var(--accent);border-radius:4px;width:80%;height:8px;bottom:-4px;left:10%}.resize-handle-se{cursor:nwse-resize;width:18px;height:18px;color:var(--accent);opacity:0;justify-content:center;align-items:center;display:flex;bottom:2px;right:2px}.preview-card:hover .resize-handle-se{opacity:1}.preview-card-header{background:var(--bg-raised);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.preview-card-title{align-items:center;gap:10px;min-width:0;display:flex}.preview-type-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:600}.preview-card-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.preview-card-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.preview-variant-select{appearance:none;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%238b92a9' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;border-radius:6px;outline:none;padding:3px 22px 3px 8px;font-size:11px;transition:border-color .15s}.preview-variant-select:hover,.preview-variant-select:focus{border-color:var(--accent)}.preview-status{white-space:nowrap;flex-shrink:0;font-size:10px}.preview-status.connected{color:#4ecdc4}.preview-status.pending{color:var(--text-muted)}.preview-chart-area{border-radius:0 0 14px 14px;flex:1;min-height:0;padding:12px 8px 8px;overflow:hidden}.preview-empty-chart{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.preview-empty-icon{opacity:.5;font-size:36px}.preview-empty-chart p{color:var(--text-muted);font-size:12px}.preview-empty-hint{opacity:.6;font-size:11px!important}.preview-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;display:flex}.preview-empty-state-icon{width:80px;height:80px;color:var(--accent);opacity:.4;margin-bottom:8px}.preview-empty-state-icon svg{width:100%;height:100%}.preview-empty-state h2{color:var(--text-primary);font-size:20px;font-weight:700}.preview-empty-state p{color:var(--text-muted);max-width:320px;font-size:13px}.mb-overlay{justify-content:center;align-items:stretch;width:100%;height:100%;display:flex}.mb-page{background:var(--mb-bg);flex-direction:column;width:100%;max-width:100%;height:100%;display:flex;overflow:hidden}.mb-header{background:var(--mb-surface);border-bottom:1px solid var(--mb-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.mb-header-icon{background:var(--mb-raised);border:1px solid var(--mb-border);border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.mb-model-label-input{width:200px!important}.mb-error-bar{background:var(--mb-error-bg);border-bottom:1px solid var(--mb-error-border);color:var(--mb-error-text);flex-shrink:0;padding:6px 20px;font-size:12px}.mb-model-tabs{background:var(--mb-bg);border-bottom:1px solid var(--mb-border);scrollbar-width:none;flex-shrink:0;align-items:stretch;gap:2px;padding:0 12px;display:flex;overflow-x:auto}.mb-model-tabs::-webkit-scrollbar{display:none}.mb-model-tab{color:var(--mb-text-dim);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:4px 4px 0 0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:color .12s,border-color .12s,background .12s;display:flex;position:relative;top:1px}.mb-model-tab:hover{color:var(--mb-text);background:var(--mb-hover)}.mb-model-tab.active{color:var(--mb-text-bright);border-bottom-color:var(--mb-text-accent);background:var(--mb-surface)}.mb-model-tab-label{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.mb-model-tab-close,.mb-model-tab-perm{color:var(--mb-text-faint);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:0 2px;font-size:10px;line-height:1;display:none}.mb-model-tab-close:hover{color:#f76e8a;background:#f76e8a26}.mb-model-tab-perm:hover{color:#6aadee;background:#6aadee26}.mb-model-tab:hover .mb-model-tab-close,.mb-model-tab.active .mb-model-tab-close,.mb-model-tab:hover .mb-model-tab-perm,.mb-model-tab.active .mb-model-tab-perm{align-items:center;display:inline-flex}.mb-model-tab-new{color:var(--mb-text-faint);letter-spacing:.02em;padding:6px 10px;font-weight:600}.mb-model-tab-new:hover{color:var(--mb-text)}.mb-model-tab-new.active{color:var(--mb-text-bright);border-bottom-color:var(--mb-text-accent);background:var(--mb-surface)}.mb-model-tab-loading{color:var(--mb-text-faint);align-self:center;padding:8px 4px;font-size:11px}.mb-connect-banner{background:var(--mb-connect-bg);border:1px solid var(--mb-connect-border);color:#6ef7a0;z-index:10;pointer-events:auto;white-space:nowrap;border-radius:6px;align-items:center;gap:12px;padding:6px 16px;font-size:12px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.mb-body{flex:1;display:flex;overflow:hidden}.mb-left{background:var(--mb-surface);border-right:1px solid var(--mb-border);flex-direction:column;flex-shrink:0;gap:12px;width:240px;padding:12px;display:flex;overflow-y:auto}.mb-center{background:var(--mb-bg);flex:1;position:relative;overflow:auto}.mb-right{background:var(--mb-surface);border-left:1px solid var(--mb-border);flex-direction:column;flex-shrink:0;width:320px;display:flex;overflow:hidden}.mb-right-tabs{border-bottom:1px solid var(--mb-border);flex-shrink:0;display:flex}.mb-section{flex-direction:column;gap:4px;display:flex}.mb-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--mb-text-faint);align-items:center;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.mb-source-tree-item{margin-bottom:4px}.mb-source-tree-header{background:var(--mb-raised);border-radius:4px;align-items:flex-start;gap:6px;margin-bottom:2px;padding:5px 6px;display:flex}.mb-table-tree-row{cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:3px 8px 3px 16px;transition:background .12s;display:flex}.mb-table-tree-row:hover{background:var(--mb-hover)}.mb-table-tree-row.active{background:var(--mb-active)}.mb-table-tree-row--off{opacity:.45;cursor:default!important}.mb-table-tree-row--off:hover{background:0 0!important}.mb-table-tree-indent{color:var(--mb-text-dim);flex-shrink:0}.mb-table-tree-name{color:var(--mb-text);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.mb-table-tree-meta{color:var(--mb-text-faint);flex-shrink:0;font-size:10px}.mb-table-tree-action{cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:0 3px;font-size:11px;line-height:1;display:none}.mb-table-tree-action--remove{color:#f76e8a}.mb-table-tree-action--remove:hover{background:#f76e8a26}.mb-table-tree-action--add{color:#6ef7a0}.mb-table-tree-action--add:hover{background:#6ef7a026}.mb-table-tree-row:hover .mb-table-tree-action{display:block}.mb-model-row{background:var(--mb-raised);border:1px solid var(--mb-border);border-radius:6px;align-items:center;gap:6px;padding:6px 8px;transition:border-color .12s;display:flex}.mb-model-row.active{border-color:var(--mb-text-accent)}.mb-model-row:hover{border-color:var(--mb-border-hi)}.mb-rel-list-row{background:var(--mb-rel-bg);border:1px solid var(--mb-rel-border);border-radius:4px;align-items:center;gap:6px;padding:5px 6px;display:flex}.mb-er-canvas-wrap{min-height:100%;position:relative;overflow:auto}.mb-er-svg{display:block}.mb-canvas-empty{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mb-table-card{background:var(--mb-raised2);border:1.5px solid var(--mb-border-blue);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;height:100%;transition:border-color .12s,box-shadow .12s;overflow:hidden}.mb-table-card:hover{border-color:var(--mb-border-hi);box-shadow:var(--mb-shadow-card)}.mb-table-card.selected{border-color:#4a9bea;box-shadow:0 0 0 2px #4a9bea33}.mb-table-card.connectable:hover{border-color:#6ef7a0;box-shadow:0 0 0 2px #6ef7a033}.mb-card-header{background:var(--mb-card-header);border-bottom:2px solid;justify-content:space-between;align-items:flex-start;gap:6px;padding:8px 10px;display:flex}.mb-card-cols{padding:4px 0}.mb-card-col-row{justify-content:space-between;align-items:center;gap:4px;padding:2px 10px;font-size:11px;display:flex}.mb-card-col-row:hover{background:var(--mb-hover)}.mb-card-footer{border-top:1px solid var(--mb-card-footer);justify-content:flex-start;align-items:center;min-height:28px;padding:4px 8px;display:flex}.mb-card-remove-btn{color:var(--mb-text-faint);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:0 2px;font-size:11px;line-height:1;transition:color .1s,background .1s}.mb-card-remove-btn:hover{color:#f76e8a;background:#f76e8a1f}.mb-card-duplicate-btn{color:var(--mb-text-faint);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:0 2px;font-size:13px;line-height:1;transition:color .1s,background .1s}.mb-card-duplicate-btn:hover{color:var(--mb-text-accent);background:#4a7a9b26}.mb-card-relate-btn{border:1px solid var(--mb-border-blue);color:var(--mb-text-accent);cursor:pointer;background:0 0;border-radius:3px;flex-shrink:0;padding:0 4px;font-size:11px;line-height:1.6;transition:color .1s,background .1s,border-color .1s}.mb-card-relate-btn:hover{color:var(--mb-text-bright);background:var(--mb-card-header);border-color:var(--mb-text-accent)}.mb-relate-btn{border:1px solid var(--mb-border-blue);color:var(--mb-text-dim);cursor:pointer;background:0 0;border-radius:4px;padding:2px 8px;font-size:10px;transition:background .12s,color .12s}.mb-relate-btn:hover{background:var(--mb-card-header);color:var(--mb-text-bright)}.mb-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .12s,opacity .12s}.mb-btn:disabled{opacity:.45;cursor:not-allowed}.mb-btn-primary{background:var(--mb-card-header);color:var(--mb-text-dim)}.mb-btn-primary.active{background:var(--mb-active);color:var(--mb-text-bright)}.mb-btn-primary.active:hover{background:var(--mb-border-blue)}.mb-btn-outline{color:var(--mb-text-dim);border:1px solid var(--mb-border-blue);background:0 0}.mb-btn-outline:hover{background:var(--mb-hover);color:var(--mb-text-bright)}.mb-btn-outline.active{border-color:var(--mb-text-accent);color:var(--mb-text-bright)}.mb-btn-outline.active:hover{background:var(--mb-active)}.mb-btn-full-preview{background:var(--mb-raised2);color:var(--mb-text-bright);border:1px solid var(--mb-border-blue);cursor:pointer;white-space:nowrap;border-radius:5px;padding:3px 10px;font-size:11px;font-weight:600;transition:background .12s,border-color .12s}.mb-btn-full-preview:hover{background:var(--mb-active);border-color:var(--mb-text-accent)}.mb-combos-panel{background:var(--mb-raised);border:1px solid var(--mb-border);z-index:30;border-radius:8px;flex-direction:column;min-width:320px;max-height:560px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 6px 28px #0000008c}.mb-combos-header{border-bottom:1px solid var(--mb-border);color:var(--mb-text-bright);flex-shrink:0;align-items:center;gap:6px;padding:8px 10px 8px 14px;font-size:11px;font-weight:700;display:flex}.mb-combos-header input.mb-input{flex:1;padding:3px 8px;font-size:11px}.mb-combos-tabs{border-bottom:1px solid var(--mb-border);flex-wrap:wrap;flex-shrink:0;gap:4px;padding:6px 10px;display:flex}.mb-combos-tab{border:1px solid var(--mb-border);cursor:pointer;color:var(--mb-text-dim);background:0 0;border-radius:10px;padding:2px 9px;font-size:10px;font-weight:600;transition:background .1s,color .1s}.mb-combos-tab:hover{background:var(--mb-hover);color:var(--mb-text-bright)}.mb-combos-tab.active{background:var(--mb-active);color:var(--mb-text-bright);border-color:var(--mb-border-blue)}.mb-combos-list{flex:1;min-height:0;overflow-y:auto}.mb-combo-card{border:none;border-bottom:1px solid var(--mb-border);cursor:pointer;text-align:left;background:0 0;flex-direction:column;gap:4px;width:100%;padding:9px 12px;transition:background .1s;display:flex}.mb-combo-card:last-child{border-bottom:none}.mb-combo-card:hover{background:var(--mb-hover)}.mb-combo-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.mb-combo-name{color:var(--mb-text-bright);font-size:12px;font-weight:700}.mb-combo-count{color:var(--mb-text-faint);background:var(--mb-raised2);border:1px solid var(--mb-border);white-space:nowrap;border-radius:10px;flex-shrink:0;padding:1px 7px;font-size:10px}.mb-combo-desc{color:var(--mb-text-dim);letter-spacing:.01em;font-family:monospace;font-size:10px;line-height:1.4}.mb-combo-use{color:var(--mb-text-faint);font-size:10px;line-height:1.4}.mb-combo-use-label{color:var(--mb-text-dim);font-weight:600}.mb-combo-badges{flex-wrap:wrap;gap:3px;margin-top:1px;display:flex}.mb-combo-badge{white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:3px;padding:1px 6px;font-size:9px;font-weight:500;display:inline-flex}.mb-btn-ghost{color:var(--mb-text-dim);background:0 0}.mb-btn-ghost:hover{background:var(--mb-hover)}.mb-btn-sm{padding:4px 8px;font-size:11px}.mb-btn-xs{padding:2px 7px;font-size:10px}.mb-close-btn{cursor:pointer;color:var(--mb-text-faint);background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:16px;transition:color .12s}.mb-close-btn:hover{color:var(--mb-text)}.mb-icon-btn{border:1px solid var(--mb-border);color:var(--mb-text-dim);cursor:pointer;background:0 0;border-radius:4px;padding:2px 6px;font-size:11px}.mb-icon-btn:hover{background:var(--mb-hover)}.mb-icon-btn:disabled{opacity:.35;cursor:not-allowed}.mb-icon-btn-del{border-color:var(--mb-error-border);color:var(--mb-error-text)}.mb-icon-btn-del:hover{background:var(--mb-error-bg)}.mb-icon-btn.active{color:#c06af7;background:#c06af726;border-color:#c06af7}.mb-select{background:var(--mb-raised);border:1px solid var(--mb-border);color:var(--mb-text);cursor:pointer;border-radius:5px;width:100%;padding:5px 8px;font-size:12px}.mb-select:focus{border-color:var(--mb-text-accent);outline:none}.mb-input{background:var(--mb-raised);border:1px solid var(--mb-border);color:var(--mb-text);border-radius:5px;width:100%;padding:5px 8px;font-size:12px}.mb-input:focus{border-color:var(--mb-text-accent);outline:none}.mb-file-input{cursor:pointer}.mb-field-label{color:var(--mb-text-dim);margin-top:8px;margin-bottom:3px;font-size:11px;display:block}.mb-view-tab{cursor:pointer;color:var(--mb-text-faint);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:8px 6px;font-size:12px;transition:color .12s,border-color .12s}.mb-view-tab.active{color:var(--mb-text-bright);border-bottom-color:var(--mb-text-accent)}.mb-view-tab:hover{color:var(--mb-text)}.mb-dialog-overlay{z-index:1500;background:var(--mb-overlay);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mb-dialog{background:var(--mb-dialog-bg);border:1px solid var(--mb-border);width:680px;max-width:95vw;max-height:90vh;box-shadow:var(--mb-shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.mb-dialog-header{border-bottom:1px solid var(--mb-border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mb-dialog-body{flex:1;align-items:flex-start;gap:16px;padding:20px;display:flex;overflow-y:auto}.mb-dialog-footer{border-top:1px solid var(--mb-border);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}.mb-rel-side{flex-direction:column;flex:1;gap:2px;display:flex}.mb-rel-side-label{color:var(--mb-text-accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:11px;font-weight:700}.mb-dialog--logical{width:780px}.mb-rel-center-panel{border-left:1px solid var(--mb-border);border-right:1px solid var(--mb-border);flex-direction:column;flex-shrink:0;align-items:stretch;gap:6px;width:180px;padding:0 4px;display:flex}.mb-rel-type-grid{flex-direction:column;gap:4px;display:flex}.mb-rel-type-btn{background:var(--mb-raised);border:1px solid var(--mb-border);color:var(--mb-text-dim);cursor:pointer;text-align:left;border-radius:5px;padding:5px 8px;font-size:11px;transition:background .12s,border-color .12s,color .12s}.mb-rel-type-btn:hover{background:var(--mb-hover2);border-color:var(--mb-border-hi);color:var(--mb-text)}.mb-rel-type-btn.active{color:#7ac4ef;background:#1a3a5a;border-color:#4a9bea;font-weight:600}.mb-rel-dir-row{gap:4px;display:flex}.mb-rel-dir-btn{background:var(--mb-raised);border:1px solid var(--mb-border);color:var(--mb-text-dim);cursor:pointer;border-radius:5px;flex:1;padding:5px 6px;font-size:11px;transition:background .12s,border-color .12s,color .12s}.mb-rel-dir-btn:hover{background:var(--mb-hover2);border-color:var(--mb-border-hi);color:var(--mb-text)}.mb-rel-dir-btn.active{color:#7ac4ef;background:#1a3a5a;border-color:#4a9bea;font-weight:600}.mb-rel-type-desc{color:var(--mb-text-faint);min-height:28px;font-size:10px;line-height:1.4}.mb-rel-warning{color:#f2a34a;background:#2a1a0a;border:1px solid #7a4a1a;border-radius:4px;padding:5px 7px;font-size:10px;line-height:1.4}.mb-rel-arrow{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 8px;display:flex}.mb-join-type-select{width:150px;font-size:11px}.mb-add-source{flex-direction:column;gap:8px;display:flex}.mb-add-source-form{background:var(--mb-raised2);border:1px solid var(--mb-border);border-radius:8px;flex-direction:column;gap:2px;padding:12px;display:flex}.mb-type-tabs{flex-wrap:wrap;gap:4px;margin:6px 0;display:flex}.mb-type-tab{background:var(--mb-raised);border:1px solid var(--mb-border);cursor:pointer;color:var(--mb-text-dim);border-radius:5px;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:42px;padding:5px 8px;font-size:10px;transition:background .12s,border-color .12s;display:flex}.mb-type-tab:hover{background:var(--mb-hover2);border-color:var(--mb-border-hi)}.mb-type-tab.active{background:var(--mb-card-header);border-color:var(--mb-text-accent);color:var(--mb-text-bright)}.mb-upload-mode-tabs{gap:4px;margin:6px 0;display:flex}.mb-upload-tab{background:var(--mb-raised);border:1px solid var(--mb-border);cursor:pointer;color:var(--mb-text-dim);border-radius:5px;flex:1;padding:5px;font-size:11px;transition:background .12s}.mb-upload-tab.active{background:var(--mb-card-header);border-color:var(--mb-text-accent);color:var(--mb-text-bright)}.mb-query-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.mb-query-panel-empty{justify-content:center;align-items:center}.mb-query-header{border-bottom:1px solid var(--mb-border);flex-direction:column;flex-shrink:0;gap:0;padding:10px 12px;display:flex}.mb-steps-list{flex-direction:column;flex:1;gap:4px;min-height:0;padding:8px;display:flex;overflow-y:auto}.mb-step-card{background:var(--mb-raised2);border:1px solid var(--mb-border);border-radius:6px}.mb-step-card.expanded{border-color:var(--mb-border-hi)}.mb-step-card-header{cursor:pointer;justify-content:space-between;align-items:center;padding:7px 10px;transition:background .1s;display:flex}.mb-step-card-header:hover{background:var(--mb-hover)}.mb-step-card-body{border-top:1px solid var(--mb-border);background:var(--mb-step-body);padding:8px 10px}.mb-step-icon{text-align:center;color:#9a6ef7;width:18px;font-size:13px}.mb-step-editor{flex-direction:column;gap:6px;display:flex}.mb-step-editor-select{max-height:140px;overflow-y:auto}.mb-checkbox-row{color:var(--mb-text);cursor:pointer;align-items:center;gap:8px;padding:2px 0;font-size:12px;display:flex}.mb-add-menu{background:var(--mb-raised);border:1px solid var(--mb-border);z-index:20;min-width:180px;box-shadow:var(--mb-menu-shadow);border-radius:8px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.mb-add-menu-item{cursor:pointer;width:100%;color:var(--mb-text);text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 14px;font-size:12px;transition:background .1s;display:flex}.mb-add-menu-item:hover{background:var(--mb-hover2)}.mb-preview-section{border-top:1px solid var(--mb-border);flex-shrink:0;max-height:240px;padding:10px 12px;overflow-y:auto}.mb-join-preview-panel{flex:1;min-height:0;padding:12px;overflow-y:auto}.mb-join-preview-table-wrap{border:1px solid var(--mb-border);border-radius:6px;flex:1;min-height:0;overflow:auto}.sem-panel{flex-direction:column;flex:1;gap:14px;min-height:0;padding:10px 12px;display:flex;overflow-y:auto}.sem-panel-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:32px 24px;display:flex}.sem-panel-empty-icon{color:var(--mb-text-faint);opacity:.5;font-size:32px}.sem-panel-empty-text{color:var(--mb-text-faint);max-width:240px;font-size:12px;line-height:1.5}.sem-section{flex-direction:column;gap:6px;display:flex}.sem-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--mb-text-dim);border-bottom:1px solid var(--mb-border);align-items:center;gap:6px;padding-bottom:4px;font-size:11px;font-weight:700;display:flex}.sem-section-title .mb-btn-outline{margin-left:auto}.sem-badge{border-radius:10px;padding:1px 6px;font-size:10px;font-weight:600}.sem-empty{color:var(--mb-text-faint);padding:6px 2px;font-size:11px;line-height:1.5}.sem-error{color:#ef6a6a;background:#ef6a6a1a;border:1px solid #ef6a6a40;border-radius:4px;padding:4px 6px;font-size:11px}.sem-card{border:1px solid var(--mb-border);background:var(--mb-raised);border-radius:6px;overflow:hidden}.sem-card.expanded{border-color:var(--mb-border-hi)}.sem-card-header{cursor:pointer;align-items:center;gap:7px;padding:7px 10px;transition:background .1s;display:flex}.sem-card-header:hover{background:var(--mb-hover)}.sem-card-icon{text-align:center;flex-shrink:0;width:16px;font-size:14px;font-weight:700}.sem-card-name{color:var(--mb-text-bright);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600;overflow:hidden}.sem-card-meta{color:var(--mb-text-faint);flex-shrink:0;font-size:10px}.sem-card-actions{flex-shrink:0;gap:3px;display:flex}.sem-card-body{border-top:1px solid var(--mb-border);flex-direction:column;gap:8px;padding:8px 10px 10px;display:flex}.mpr-wrap{border:1px solid var(--mb-border,#2a2d3a);background:var(--mb-raised2,#141622);border-radius:6px;overflow:hidden}.mpr-options{border-bottom:1px solid var(--mb-border,#2a2d3a);flex-direction:column;gap:4px;padding:5px 8px 6px;display:flex}.mpr-opt-row{align-items:center;gap:4px;display:flex}.mpr-opt-label{text-transform:uppercase;letter-spacing:.05em;width:60px;color:var(--mb-text-faint,#5a6575);flex-shrink:0;font-size:9px;font-weight:700}.mpr-opt-input{flex:1;min-width:0;height:22px;padding:2px 5px;font-size:10px}.mpr-opt-op{flex-shrink:0;width:46px;height:22px;padding:2px 3px;font-size:10px}.mpr-opt-num{flex-shrink:0;width:52px;height:22px;padding:2px 5px;font-size:10px}.mpr-toolbar{border-bottom:1px solid var(--mb-border,#2a2d3a);background:#ffffff05;align-items:center;gap:6px;padding:5px 8px;display:flex}.mpr-src-select{flex:1;min-width:0;height:22px;padding:2px 5px;font-size:10px}.mpr-src-label{color:var(--mb-text-dim,#7a9bbf);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:10px;overflow:hidden}.mpr-run-btn{flex-shrink:0;height:22px;padding:2px 8px;font-size:10px;line-height:1}.mpr-error{color:var(--mb-error-text,#f76e8a);background:var(--mb-error-bg,#2a1a1a);padding:6px 8px;font-size:11px}.mpr-result{padding:8px}.mpr-scalar{align-items:baseline;gap:8px;display:flex}.mpr-scalar-val{color:#c06af7;letter-spacing:-.5px;font-family:Consolas,Fira Code,monospace;font-size:22px;font-weight:700}.mpr-scalar-label{color:var(--mb-text-faint,#5a6575);font-size:10px}.mpr-table{border-collapse:collapse;width:100%;font-size:11px}.mpr-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--mb-text-faint,#5a6575);border-bottom:1px solid var(--mb-border,#2a2d3a);padding:3px 6px;font-size:9px;font-weight:700}.mpr-td-key{color:var(--mb-text,#c0c8d8);text-overflow:ellipsis;white-space:nowrap;max-width:120px;padding:3px 6px;overflow:hidden}.mpr-td-val{text-align:right;color:#c06af7;padding:3px 6px;font-family:Consolas,Fira Code,monospace;font-weight:600}.mpr-td-more{text-align:center;color:var(--mb-text-faint,#5a6575);padding:4px 6px;font-size:10px;font-style:italic}.sem-expr-preview{color:var(--mb-text-dim);background:var(--mb-raised2);border:1px solid var(--mb-border);word-break:break-all;border-radius:4px;padding:5px 8px;font-family:monospace;font-size:11px}.sem-desc{color:var(--mb-text-faint);font-size:11px;font-style:italic}.sem-field{flex-direction:column;gap:3px;display:flex}.sem-field-row{gap:8px;display:flex}.sem-label{color:var(--mb-text-dim);text-transform:uppercase;letter-spacing:.04em;font-size:10px;font-weight:600}.sem-textarea{box-sizing:border-box;resize:vertical;background:var(--mb-raised2);border:1px solid var(--mb-border);width:100%;min-height:60px;color:var(--mb-text);border-radius:5px;padding:6px 8px;font-family:monospace;font-size:11px;line-height:1.5}.sem-textarea:focus{border-color:var(--mb-text-accent);outline:none}.sem-btn-row{align-items:center;gap:6px;display:flex}.sem-new-form{border:1px dashed var(--mb-border-hi);background:var(--mb-raised2);border-radius:6px;flex-direction:column;gap:8px;padding:10px;display:flex}.sem-type-toggle{gap:4px;display:flex}.sem-type-btn{border:1px solid var(--mb-border);background:var(--mb-raised2);color:var(--mb-text-faint);cursor:pointer;border-radius:4px;flex:1;padding:4px 6px;font-size:10px;font-weight:600;transition:all .1s}.sem-type-btn:hover{background:var(--mb-hover);color:var(--mb-text)}.sem-type-btn.active{background:var(--mb-active);border-color:var(--mb-text-accent);color:var(--mb-text-bright)}.dim-cat-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:10px;flex-shrink:0;align-items:center;margin-left:4px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-flex}.dim-src-chip{opacity:.72;white-space:nowrap;flex-shrink:0;margin-left:4px;font-size:9px}.dim-meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.dim-meta-pill{color:var(--mb-text-faint);background:var(--mb-raised2);border:1px solid var(--mb-border);border-radius:6px;padding:1px 7px;font-size:10px}.dim-override-drawer{background:var(--mb-raised2);border:1px solid var(--mb-border);border-radius:6px;margin-top:10px;padding:10px}.dim-cat-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:5px;display:grid}.dim-cat-btn{border:1px solid var(--mb-border);background:var(--mb-raised);color:var(--mb-text-dim);cursor:pointer;text-align:center;border-radius:6px;padding:4px 6px;font-size:10px;transition:all .12s}.dim-cat-btn:hover{background:var(--mb-hover);color:var(--mb-text)}.dim-cat-btn.active{font-weight:700}.dim-admin-note{color:var(--mb-text-faint);opacity:.65;padding:6px 8px 2px;font-size:10px;font-style:italic}.dim-auto-card .sem-card-header{flex-wrap:wrap;gap:3px 6px}.dim-view-btn{background:var(--mb-raised2);border:1px solid var(--mb-border);width:100%;color:var(--mb-text-dim);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;transition:border-color .15s,background .15s;display:flex}.dim-view-btn:hover{background:var(--mb-hover);color:var(--mb-text);border-color:#4a9bea88}.dim-view-btn-count{color:#4a9bea;background:#4a9bea22;border:1px solid #4a9bea44;border-radius:10px;flex-shrink:0;padding:1px 8px;font-size:13px;font-weight:700}.dim-view-btn-tables{color:var(--mb-text-faint);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.dim-view-btn-arrow{color:#4a9bea;opacity:.6;flex-shrink:0;font-size:13px}.dim-picker-btn{background:var(--bg-raised);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;text-align:left;border-radius:7px;align-items:center;gap:7px;min-height:36px;padding:8px 10px;font-size:12px;transition:border-color .15s,background .15s;display:flex}.dim-picker-btn:hover:not(:disabled){background:var(--bg-hover,var(--bg-raised));border-color:#4a9bea88}.dim-picker-btn:disabled{opacity:.45;cursor:not-allowed}.dim-picker-btn.has-value{border-color:#4a9bea66}.dim-picker-btn-name{flex-shrink:0;font-weight:600}.dim-picker-btn-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:9px;font-weight:700}.dim-picker-btn-sub{opacity:.5;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.dim-picker-btn-arrow{opacity:.4;flex-shrink:0;margin-left:auto;font-size:11px}.dim-picker-clear{color:var(--text-muted,#8a9bb0);cursor:pointer;opacity:.6;background:0 0;border:none;margin-top:4px;padding:0;font-size:10px}.dim-picker-clear:hover{opacity:1;color:#e07070}.dim-picker-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dim-picker-popup{background:var(--bg-surface,#1a1d2e);border:1px solid var(--border,#2a2d4a);border-radius:12px;flex-direction:column;width:min(420px,92vw);max-height:75vh;display:flex;overflow:hidden;box-shadow:0 16px 48px #0000008c}.dim-picker-popup--anchored{width:unset;max-height:unset;border-radius:8px}.dim-picker-popup--twostep{width:min(520px,92vw)}.dim-picker-twostep-body{flex:1;display:flex;overflow:hidden}.dim-picker-table-list{border-right:1px solid var(--border,#2a2d4a);flex-direction:column;flex-shrink:0;width:160px;display:flex;overflow-y:auto}.dim-picker-col-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.dim-picker-step-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted,#8a9bb0);border-bottom:1px solid var(--border,#2a2d4a);flex-shrink:0;padding:6px 12px 4px;font-size:10px;font-weight:700}.dim-picker-table-row{color:var(--text-primary,#e0e6f0);cursor:pointer;text-align:left;background:0 0;border:none;border-bottom:1px solid #ffffff0a;align-items:center;gap:6px;width:100%;padding:7px 10px;font-size:12px;transition:background .12s;display:flex}.dim-picker-table-row:hover{background:var(--bg-hover,#1e2235)}.dim-picker-table-row.active{color:#7bbfff;background:#4a9bea1f;font-weight:600}.dim-picker-table-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lvl-picker-btn{background:var(--bg-raised,#161929);border:1px solid var(--border,#2a2d4a);width:100%;color:var(--text-primary,#e0e6f0);cursor:pointer;text-align:left;border-radius:7px;align-items:center;gap:6px;min-height:30px;padding:6px 10px;font-size:11px;transition:border-color .15s,background .15s;display:flex}.lvl-picker-btn:hover{background:var(--bg-hover,#1e2235);border-color:#4a9bea66}.lvl-picker-btn--has-value{border-color:#4a9bea55}.lvl-picker-btn-label{color:var(--text-primary,#e0e6f0);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.lvl-picker-btn-placeholder{opacity:.4;flex:1}.lvl-picker-btn-arrow{opacity:.45;flex-shrink:0;margin-left:auto;font-size:10px}.lvl-picker-popup{background:var(--bg-surface,#1a1d2e);border:1px solid #3a4060;border-radius:10px;flex-direction:column;display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 40px #000000a6,0 0 0 1px #4a9bea14}.lvl-picker-search-row{border-bottom:1px solid var(--border,#2a2d4a);background:#ffffff05;flex-shrink:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.lvl-picker-search-icon{color:#5a7fa8;flex-shrink:0;width:15px;height:15px}.lvl-picker-search-input{color:var(--text-primary,#e0e6f0);caret-color:#4a9bea;background:0 0;border:none;outline:none;flex:1;padding:0;font-size:12px}.lvl-picker-search-input::placeholder{color:var(--text-muted,#8a9bb0);opacity:.6}.lvl-picker-search-clear{color:#5a7fa8;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:11px;line-height:1;transition:color .1s}.lvl-picker-search-clear:hover{color:#e07070}.lvl-picker-body{flex-direction:column;gap:1px;padding:5px;display:flex;overflow-y:auto}.lvl-picker-clear-row{color:var(--text-muted,#8a9bb0);cursor:pointer;opacity:.6;border-radius:5px;padding:5px 10px;font-size:10px;transition:opacity .1s,background .1s}.lvl-picker-clear-row:hover{opacity:1;background:#ffffff0a}.lvl-picker-empty{color:var(--text-muted,#8a9bb0);padding:10px 12px;font-size:11px}.lvl-picker-row{cursor:pointer;color:var(--text-primary,#e0e6f0);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;transition:background .1s,border-color .1s;display:flex}.lvl-picker-row:hover,.lvl-picker-row--active{background:#4a9bea14;border-color:#4a9bea22}.lvl-picker-row--selected{background:#4a9bea18;border-color:#4a9bea44}.lvl-picker-row--used{cursor:not-allowed;opacity:.45}.lvl-picker-row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.lvl-picker-row-check{color:#4a9bea;flex-shrink:0;font-size:12px;font-weight:700}.lvl-picker-row-tag{text-transform:uppercase;letter-spacing:.05em;color:#8a9bb0;background:#ffffff0f;border-radius:6px;flex-shrink:0;padding:1px 5px;font-size:9px;font-weight:700}.lvl-picker-highlight{color:#7eb8f7;background:#4a9bea33;border-radius:2px;padding:0 1px;font-style:normal}.dim-picker-header{border-bottom:1px solid var(--border,#2a2d4a);flex-shrink:0;align-items:center;gap:8px;padding:11px 14px;display:flex}.dim-picker-title{color:var(--text-primary,#e0e6f0);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.dim-picker-count{color:#4a9bea;background:#4a9bea22;border:1px solid #4a9bea44;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:700}.dim-picker-close{color:var(--text-muted,#8a9bb0);cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:14px}.dim-picker-close:hover{color:var(--text-primary,#e0e6f0);background:#ffffff12}.dim-picker-search-wrap{border-bottom:1px solid var(--border,#2a2d4a);flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.dim-picker-search-icon{opacity:.45;flex-shrink:0;font-size:14px}.dim-picker-search{color:var(--text-primary,#e0e6f0);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:12px}.dim-picker-search::placeholder{color:var(--text-muted,#8a9bb0);opacity:.7}.dim-picker-search-clear{color:var(--text-muted,#8a9bb0);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;padding:1px 4px;font-size:11px}.dim-picker-search-clear:hover{color:#e07070}.dim-picker-body{flex-direction:column;gap:2px;padding:8px;display:flex;overflow-y:auto}.dim-picker-group{flex-direction:column;gap:1px;margin-bottom:4px;display:flex}.dim-picker-group-label{color:var(--text-muted,#8a9bb0);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;padding:6px 8px 4px;font-size:10px;font-weight:700;display:flex}.dim-picker-table-icon{color:#4a9bea}.dim-picker-group-count{text-transform:none;letter-spacing:0;background:#ffffff0f;border-radius:8px;margin-left:auto;padding:1px 6px;font-size:9px;font-weight:400}.dim-picker-row{width:100%;color:var(--text-primary,#e0e6f0);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;transition:background .1s,border-color .1s;display:flex}.dim-picker-row:hover{background:#ffffff0f;border-color:#4a9bea33}.dim-picker-row.selected{background:#4a9bea18;border-color:#4a9bea55}.dim-picker-row-disabled{cursor:not-allowed!important}.dim-picker-none{color:var(--text-muted,#8a9bb0);font-size:11px}.dim-picker-row-name{flex-shrink:0;font-weight:600}.dim-picker-row-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:8px;flex-shrink:0;padding:1px 6px;font-size:9px;font-weight:700}.dim-picker-row-col{opacity:.45;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.dim-picker-row-check{color:#4a9bea;flex-shrink:0;margin-left:auto;font-weight:700}.dim-popup-overlay{z-index:9999;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dim-popup{background:var(--mb-surface);border:1px solid var(--mb-border);border-radius:12px;flex-direction:column;width:min(540px,92vw);max-height:80vh;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000080}.dim-popup-header{border-bottom:1px solid var(--mb-border);flex-shrink:0;align-items:center;gap:8px;padding:12px 16px;display:flex}.dim-popup-title{color:var(--mb-text-bright);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.dim-popup-count{color:#4a9bea;background:#4a9bea22;border:1px solid #4a9bea44;border-radius:10px;padding:1px 7px;font-size:10px;font-weight:700}.dim-popup-admin-hint{color:var(--mb-text-faint);font-size:10px;font-style:italic}.dim-popup-body{flex-direction:column;gap:12px;padding:10px 12px 14px;display:flex;overflow-y:auto}.dim-popup-group{flex-direction:column;gap:3px;display:flex}.dim-popup-group-header{color:var(--mb-text-dim);border-bottom:1px solid var(--mb-border);align-items:center;gap:6px;margin-bottom:2px;padding:4px 2px 6px;font-size:11px;font-weight:700;display:flex}.dim-popup-table-icon{color:#4a9bea;font-size:12px}.dim-popup-group-count{color:var(--mb-text-faint);background:var(--mb-raised2);border-radius:8px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:400}.sem-hierarchy-levels{flex-direction:column;gap:3px;display:flex}.sem-hierarchy-level{align-items:center;gap:6px;font-size:11px;display:flex}.sem-level-num{background:var(--mb-raised2);border:1px solid var(--mb-border);width:16px;height:16px;color:var(--mb-text-faint);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:9px;display:flex}.sem-level-name{color:var(--mb-text-dim)}.sem-level-row{align-items:center;gap:4px;margin-bottom:3px;display:flex}.sem-tab-badge{color:#c06af7;vertical-align:middle;background:#c06af733;border-radius:8px;margin-left:4px;padding:0 4px;font-size:9px;font-weight:700;display:inline-block}.expr-wrap{width:100%;position:relative}.expr-wrap>.sem-textarea,.expr-wrap>.mb-input{box-sizing:border-box;width:100%}.expr-ac-list{z-index:9999;background:var(--mb-panel,#1e1e2e);border:1px solid var(--mb-border-hi,#3a3a5c);border-radius:6px;min-width:240px;max-width:380px;max-height:220px;font-family:Consolas,Fira Code,monospace;font-size:12px;position:absolute;top:calc(100% + 2px);left:0;overflow-y:auto;box-shadow:0 6px 24px #00000073}.expr-ac-item{cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:4px 8px;transition:background 80ms;display:flex;overflow:hidden}.expr-ac-item:hover,.expr-ac-item.active{background:var(--mb-active,#4a9bea2e)}.expr-ac-item.active{background:var(--mb-active,#4a9bea38);outline:1px solid var(--mb-text-accent,#4a9bea);outline-offset:-1px}.expr-ac-kind{text-align:center;flex-shrink:0;width:16px;font-size:13px}.expr-ac-kind-fn{color:#c06af7}.expr-ac-kind-col{color:#4a9bea}.expr-ac-label{text-overflow:ellipsis;min-width:0;color:var(--mb-text-bright,#e0e0f0);flex:1;font-weight:500;overflow:hidden}.expr-ac-detail{color:var(--mb-text-faint,#888);flex-shrink:0;margin-left:4px;font-size:10px}.expr-ac-hint{color:var(--mb-text-faint,#666);border-top:1px solid var(--mb-border,#2a2a4a);text-align:right;letter-spacing:.03em;padding:3px 8px;font-family:inherit;font-size:9px}.expr-input-row{align-items:flex-start;gap:4px;width:100%;display:flex}.expr-input-row--single{align-items:center}.expr-input-row .sem-textarea,.expr-input-row .mb-input{flex:1;width:0;min-width:0}.expr-help-btn{border:1px solid var(--mb-border,#2a2a4a);background:var(--mb-panel,#1e1e2e);width:20px;height:20px;color:var(--mb-text-dim,#888);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;padding:0;font-family:serif;font-size:11px;font-weight:700;line-height:1;transition:background .12s,color .12s,border-color .12s;display:flex}.expr-help-btn:hover{color:#c06af7;background:#c06af726;border-color:#c06af7}.expr-help-btn.active{color:#c06af7;background:#c06af733;border-color:#c06af7}.expr-input-row:not(.expr-input-row--single) .expr-help-btn{margin-top:4px}.expr-help-popover{z-index:10000;background:var(--mb-panel,#1a1a2e);border:1px solid var(--mb-border-hi,#3a3a5c);border-radius:8px;flex-direction:column;width:min(280px,100vw - 32px);max-height:min(420px,100vh - 120px);font-size:12px;display:flex;position:absolute;top:calc(100% + 4px);left:auto;right:0;overflow:hidden;box-shadow:0 8px 32px #0000008c}.expr-help-header{border-bottom:1px solid var(--mb-border,#2a2a4a);flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px 6px;display:flex}.expr-help-title{color:var(--mb-text-bright,#e0e0f0);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.expr-help-close{color:var(--mb-text-dim,#888);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:13px;line-height:1}.expr-help-close:hover{color:#ef6a6a}.expr-help-tabs{border-bottom:1px solid var(--mb-border,#2a2a4a);flex-shrink:0;display:flex}.expr-help-tab{color:var(--mb-text-dim,#888);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:5px 0;font-size:11px;font-weight:500;transition:color .1s,border-color .1s}.expr-help-tab:hover{color:var(--mb-text,#ccc)}.expr-help-tab.active{color:#c06af7;border-bottom-color:#c06af7}.expr-help-body{flex:1;padding:10px 12px;overflow-y:auto}.expr-help-info{color:var(--mb-text-dim,#888);border:1px solid var(--mb-border,#2a2a4a);background:#ffffff08;border-radius:5px;margin-bottom:10px;padding:6px 8px;font-size:11px;line-height:1.5}.expr-help-info code{color:#c06af7;font-size:11px}.expr-help-group{margin-bottom:14px}.expr-help-group-title{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--mb-border,#2a2a4a);margin-bottom:6px;padding-bottom:3px;font-size:9px;font-weight:700}.expr-help-fn{border:1px solid var(--mb-border,#22223a);background:#ffffff06;border-radius:5px;margin-bottom:5px;padding:6px 8px}.expr-help-fn-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:3px;display:flex}.expr-help-fn-name{color:#c06af7;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-family:Consolas,Fira Code,monospace;font-size:11px;overflow:hidden}.expr-help-insert{border:1px solid var(--mb-border-hi,#3a3a5c);color:#c06af7;cursor:pointer;background:#c06af71a;border-radius:4px;flex-shrink:0;padding:1px 7px;font-size:10px;transition:background .1s}.expr-help-insert:hover{background:#c06af738}.expr-help-fn-desc{color:var(--mb-text-dim,#8a9bb0);margin-bottom:3px;font-size:11px;line-height:1.4}.expr-help-fn-ex{align-items:baseline;gap:5px;display:flex}.expr-help-fn-ex-label{color:var(--mb-text-faint,#666);letter-spacing:.04em;flex-shrink:0;font-size:9px}.expr-help-fn-ex code{color:#4a9bea;font-family:Consolas,Fira Code,monospace;font-size:10px}.expr-help-table{border-collapse:collapse;width:100%;font-size:11px}.expr-help-table th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--mb-text-dim,#888);border-bottom:1px solid var(--mb-border,#2a2a4a);padding:4px 6px;font-size:9px;font-weight:700}.expr-help-table td{color:var(--mb-text,#ccc);vertical-align:top;border-bottom:1px solid #ffffff0a;padding:4px 6px}.expr-help-op{color:#efaa6a;font-family:monospace;font-size:12px;font-weight:700}.expr-help-op-ex{color:#4a9bea;cursor:pointer;word-break:break-all;max-width:160px;font-family:Consolas,Fira Code,monospace;font-size:10px;display:inline-block}.expr-help-op-ex:hover{color:#6abfea;text-decoration:underline}.expr-help-example{border:1px solid var(--mb-border,#22223a);cursor:pointer;background:#ffffff06;border-radius:5px;flex-direction:column;gap:2px;margin-bottom:5px;padding:7px 8px;transition:background .1s,border-color .1s;display:flex}.expr-help-example:hover{background:#4a9bea1a;border-color:#4a9bea}.expr-help-example-label{color:var(--mb-text-dim,#8a9bb0);font-size:10px;font-weight:600}.expr-help-example-code{color:#c06af7;font-family:Consolas,Fira Code,monospace;font-size:11px}.expr-help-footer{color:var(--mb-text-faint,#555);border-top:1px solid var(--mb-border,#2a2a4a);text-align:center;letter-spacing:.02em;flex-shrink:0;padding:5px 12px;font-size:10px}.expr-help-footer kbd{border:1px solid var(--mb-border,#333);color:var(--mb-text-dim,#aaa);background:#ffffff12;border-radius:3px;padding:0 4px;font-size:9px}.pv-filter-bar{background:0 0;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px;padding:8px 16px;display:flex}.pv-filter-bar-label{color:#5a6070;text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;margin-right:4px;font-size:10px}.pv-filter-pill{color:#7ac4ef;background:#1a2a3a;border:1px solid #2a4a6a;border-radius:20px;align-items:center;gap:4px;max-width:220px;padding:3px 8px 3px 10px;font-size:11px;display:inline-flex}.pv-filter-pill-table{color:#4a7090;flex-shrink:0;font-size:10px}.pv-filter-pill-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pv-filter-pill-x{color:#4a7090;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 0 0 2px;font-size:13px;line-height:1;transition:color .1s}.pv-filter-pill-x:hover{color:#f76e8a}.pv-filter-clear-all{color:#5a6070;cursor:pointer;background:0 0;border:1px solid #2a3a4a;border-radius:12px;flex-shrink:0;margin-left:auto;padding:2px 10px;font-size:10px;transition:border-color .15s,color .15s}.pv-filter-clear-all:hover{color:#f76e8a;border-color:#f76e8a}.preview-card--dimmed{opacity:.45;transition:opacity .2s}.preview-card--dimmed:hover{opacity:.75}.preview-card--filtered{border-color:#2a5a8a!important;box-shadow:0 0 0 2px #4a9bea55,0 4px 24px #4a9bea26!important}.preview-card--source{border-color:#4a3a8a!important;box-shadow:0 0 0 2px #7c6ef755,0 4px 24px #7c6ef726!important}.pv-card-color-btn{width:20px;height:20px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s,background .15s;display:inline-flex}.preview-card:hover .pv-card-color-btn{opacity:1}.pv-card-color-btn:hover{background:var(--bg-raised);color:var(--text-primary)}.pv-color-popover{background:var(--bg-surface);border:1px solid var(--border);z-index:3000;border-radius:10px;flex-direction:column;gap:8px;min-width:190px;padding:12px;transition:opacity .12s;display:flex;box-shadow:0 8px 32px #0006}.pv-color-popover-row{align-items:center;gap:8px;display:flex}.pv-color-popover-swatch{border:1px solid var(--border);border-radius:5px;flex-shrink:0;width:22px;height:22px}.pv-color-popover-input{border:1px solid var(--border);background:var(--bg-raised);cursor:pointer;border-radius:6px;flex-shrink:0;width:38px;height:28px;padding:1px 2px}.pv-color-popover-hex{color:var(--text-secondary);flex:1;font-family:monospace;font-size:11px}.pv-color-popover-title{color:var(--text-secondary);margin-bottom:2px;font-size:11px;font-weight:600}.pv-color-popover-palette{flex-wrap:wrap;gap:5px;margin-bottom:2px;display:flex}.pv-palette-swatch{cursor:pointer;border:2px solid #0000;border-radius:4px;flex-shrink:0;width:20px;height:20px;padding:0;transition:transform .1s,border-color .1s}.pv-palette-swatch:hover{transform:scale(1.15)}.pv-palette-swatch--active{box-shadow:0 0 0 1px var(--border);border-color:#fff;transform:scale(1.15)}.pv-color-popover-idx{color:var(--text-muted);margin-left:2px;font-size:10px}.pv-color-popover-actions{gap:6px;margin-top:8px;display:flex}.pv-color-popover-save{background:var(--accent,#7c6ef7);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;padding:5px 10px;font-size:11px;font-weight:600;transition:opacity .12s}.pv-color-popover-save:hover{opacity:.85}.pv-color-popover-reset{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:11px;transition:background .12s,color .12s}.pv-color-popover-reset:hover{background:var(--bg-raised);color:var(--text-primary)}.pv-card-filter-badge{color:#4a9bea;cursor:default;background:#4a9bea22;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:inline-flex}.pv-card-source-badge{color:#7c6ef7;cursor:default;background:#7c6ef722;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:inline-flex}.pv-card-affected-badge{color:#4ecdc4;cursor:default;background:#4ecdc422;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;display:inline-flex}.pv-card-reagg-spinner{border:2px solid #ffffff1f;border-top-color:var(--accent,#7c6ef7);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:.6s linear infinite pv-reagg-spin;display:inline-block}@keyframes pv-reagg-spin{to{transform:rotate(360deg)}}.fcp-panel{background:var(--card-bg,#1e1e2e);border-left:1px solid var(--border-color,#2a2a3e);z-index:1000;flex-direction:column;width:320px;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 32px #00000073}.fcp-header{border-bottom:1px solid var(--border-color,#2a2a3e);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;font-size:13px;font-weight:600;display:flex}.fcp-header-left{color:var(--text-primary,#e0e0e0);align-items:center;gap:8px;display:flex}.fcp-close-btn{cursor:pointer;color:var(--text-muted,#777);background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:18px;line-height:1}.fcp-close-btn:hover{color:var(--text-primary,#e0e0e0);background:var(--hover-bg,#2a2a3e)}.fcp-body{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex;overflow-y:auto}.fcp-empty{color:var(--text-muted,#777);text-align:center;padding:24px 16px;font-size:12px;line-height:1.5}.fcp-table-group{border:1px solid var(--border-color,#2a2a3e);border-radius:7px;overflow:hidden}.fcp-table-header{background:var(--hover-bg,#1e1e2e);border-bottom:1px solid var(--border-color,#2a2a3e);align-items:center;gap:6px;padding:7px 10px;display:flex}.fcp-table-name{color:var(--text-primary,#e0e0e0);flex:1;font-size:12px;font-weight:600}.fcp-add-all-btn{border:1px solid var(--border-color,#333);color:var(--text-muted,#777);cursor:pointer;background:0 0;border-radius:4px;padding:2px 7px;font-size:11px}.fcp-add-all-btn:hover{color:var(--accent,#7c6ef7);border-color:var(--accent,#7c6ef7)}.fcp-column-row{border-top:1px solid var(--border-color,#1e1e2e);align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.fcp-column-row--added{opacity:.6}.fcp-column-row--added .fcp-remove-btn{opacity:1}.fcp-column-name{font-family:var(--font-mono,monospace);color:var(--text-primary,#ddd);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.fcp-type-badge{background:var(--hover-bg,#1e1e2e);color:var(--text-muted,#777);border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:10px}.fcp-type-badge--date{color:#4ecdc4}.fcp-type-badge--dropdown{color:#f7a66e}.fcp-type-badge--pills{color:#7c6ef7}.fcp-add-btn,.fcp-remove-btn{border:1px solid var(--border-color,#333);color:var(--text-muted,#777);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:11px}.fcp-add-btn:hover{color:var(--accent,#7c6ef7);border-color:var(--accent,#7c6ef7)}.fcp-remove-btn:hover{color:#f06b6b;border-color:#f06b6b}.fcp-footer{border-top:1px solid var(--border-color,#2a2a3e);flex-shrink:0;padding:10px 14px}.fcp-footer-hint{color:var(--text-muted,#777);margin:0;font-size:11px;line-height:1.4}.fb-configure-btn{margin-left:4px}.pvnav-publish-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:7px;flex-shrink:0;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:600;transition:opacity .15s;display:flex}.pvnav-publish-btn:hover{opacity:.85}.pvnav-publish-btn:active{opacity:.7}.pv-publish-overlay{z-index:200;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pv-publish-modal{background:var(--bg-surface);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;width:420px;max-width:calc(100vw - 32px);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.pv-publish-modal-header{color:var(--text-primary);border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:16px 20px;font-size:13px;font-weight:600;display:flex}.pv-publish-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1}.pv-publish-modal-close:hover{color:var(--text-primary)}.pv-publish-modal-body{flex-direction:column;gap:12px;padding:20px;display:flex}.pv-publish-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.pv-publish-input{width:100%;color:var(--text-primary);box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:8px 12px;font-size:13px}.pv-publish-input:focus{border-color:var(--accent)}.pv-publish-result{flex-direction:column;gap:6px;display:flex}.pv-publish-link-row{gap:6px;display:flex}.pv-publish-link-input{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:7px;outline:none;flex:1;padding:7px 10px;font-size:12px;overflow:hidden}.pv-publish-copy-btn{color:var(--text-primary);cursor:pointer;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1f;border-radius:7px;padding:7px 14px;font-size:12px;font-weight:600}.pv-publish-copy-btn:hover{background:#ffffff1f}.pv-publish-open-link{color:var(--accent);align-self:flex-start;font-size:11px;text-decoration:none}.pv-publish-open-link:hover{text-decoration:underline}.pv-publish-error{color:#f76e8a;margin:0;font-size:12px}.pv-publish-pages{margin-top:14px}.pv-publish-pages-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pv-publish-pages-toggles{gap:6px;display:flex}.pv-publish-pages-all{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:5px;padding:2px 8px;font-size:11px;transition:background .15s,color .15s}.pv-publish-pages-all:hover{background:var(--bg-hover);color:var(--text-primary)}.pv-publish-pages-list{scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;gap:4px;max-height:160px;display:flex;overflow-y:auto}.pv-publish-page-item{border:1px solid var(--border);background:var(--bg-base);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px;align-items:center;gap:8px;padding:6px 10px;transition:border-color .15s,background .15s;display:flex}.pv-publish-page-item:hover{background:var(--bg-hover)}.pv-publish-page-item--on{border-color:var(--accent);background:#7c6ef714}.pv-publish-page-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer;flex-shrink:0}.pv-publish-page-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.pv-publish-page-current{color:var(--accent-2);background:#4ecdc41f;border-radius:4px;flex-shrink:0;padding:1px 6px;font-size:10px}.pv-publish-modal-footer{border-top:1px solid #ffffff12;justify-content:flex-end;align-items:center;gap:8px;padding:14px 20px;display:flex}.pv-publish-submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 20px;font-size:12px;font-weight:600}.pv-publish-submit-btn:disabled{opacity:.5;cursor:not-allowed}.pv-publish-submit-btn:not(:disabled):hover{opacity:.88}.pv-publish-unpublish-btn{color:#f76e8a;cursor:pointer;background:0 0;border:1px solid #f76e8a66;border-radius:8px;margin-right:auto;padding:8px 16px;font-size:12px;font-weight:600}.pv-publish-unpublish-btn:hover{background:#f76e8a1a}.pv-publish-another-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:7px;margin-right:auto;padding:6px 14px;font-size:12px;transition:background .15s,color .15s}.pv-publish-another-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.pbl-page{flex:1;width:100%;max-width:860px;margin:0 auto;padding:32px 40px}.pbl-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.pbl-header-left{align-items:center;gap:10px;display:flex}.pbl-title{color:var(--text-primary);letter-spacing:-.01em;font-size:18px;font-weight:600}.pbl-refresh-btn{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:background .15s,color .15s;display:flex}.pbl-refresh-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.pbl-error{color:#f76e8a;background:#f76e8a1f;border:1px solid #f76e8a4d;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:13px}.pbl-list{flex-direction:column;gap:10px;display:flex}.pbl-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:border-color .15s,background .15s;display:flex}.pbl-card:hover{border-color:var(--border-hi);background:var(--bg-raised)}.pbl-card-icon{color:var(--accent);background:#7c6ef71a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pbl-card-body{flex:1;min-width:0}.pbl-card-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.pbl-card-meta{color:var(--text-muted);margin-top:3px;font-size:11px}.pbl-card-updated{color:var(--text-secondary)}.pbl-card-url-row{align-items:center;gap:6px;margin-top:6px;display:flex}.pbl-card-url{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;max-width:260px;font-family:monospace;font-size:11px;overflow:hidden}.pbl-url-copy-btn{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:5px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:11px;transition:background .15s,color .15s,border-color .15s;display:flex}.pbl-url-copy-btn:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent)}.pbl-url-newtab-btn{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:5px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:11px;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:flex}.pbl-url-newtab-btn:hover{background:var(--bg-hover);color:var(--accent-2);border-color:var(--accent-2)}.pbl-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.pbl-open-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:7px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:opacity .15s;display:flex}.pbl-open-btn:hover{opacity:.85}.pbl-unpublish-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:7px;padding:6px 12px;font-size:12px;transition:background .15s,color .15s,border-color .15s}.pbl-unpublish-btn:hover{color:#f76e8a;border-color:#f76e8a}.pbl-unpublish-btn--confirm{color:#f76e8a;background:#f76e8a1a;border-color:#f76e8a}.pbl-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 24px;display:flex}.pbl-empty-icon{color:var(--text-muted);margin-bottom:8px}.pbl-empty h2{color:var(--text-primary);font-size:16px;font-weight:600}.pbl-empty p{color:var(--text-muted);font-size:13px}.pbl-viewer{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.pbl-viewer-topbar{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;align-items:center;gap:12px;height:42px;padding:0 16px;display:flex}.pbl-viewer-back{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:7px;flex-shrink:0;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:flex}.pbl-viewer-back:hover{background:var(--bg-hover);color:var(--text-primary)}.pbl-viewer-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.pbl-viewer-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.pbl-search-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;display:flex}.pbl-search-wrap{flex:1;min-width:180px;max-width:340px;position:relative}.pbl-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.pbl-search{background:var(--bg-surface);border:1px solid var(--border);width:100%;height:36px;color:var(--text-primary);box-sizing:border-box;border-radius:8px;outline:none;padding:0 32px;font-size:13px;transition:border-color .15s,box-shadow .15s}.pbl-search::placeholder{color:var(--text-secondary);opacity:.7}.pbl-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c6ef71a}.pbl-search-clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:12px;line-height:1;transition:color .15s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pbl-search-clear:hover{color:var(--text-primary)}.pbl-search-count{color:var(--text-secondary);white-space:nowrap;font-size:12px}.pbl-search-empty{text-align:center;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:32px 20px;font-size:13px}.pbl-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 2px 4px;display:flex}.pbl-pagination-info{color:var(--text-secondary);font-size:12px}.pbl-pagination-btns{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.pbl-pg-btn{background:var(--bg-surface);border:1px solid var(--border);min-width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:500;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.pbl-pg-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--accent);background:#7c6ef712}.pbl-pg-btn--active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600;box-shadow:0 2px 6px #7c6ef74d}.pbl-pg-btn:disabled{opacity:.3;cursor:default}.pbl-viewer-error{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:14px;padding:80px 24px;font-size:14px;display:flex}.pbl-back-btn{background:var(--bg-raised);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px}.pbl-back-btn:hover{background:var(--bg-hover)}.pbl-header-right{align-items:center;gap:8px;display:flex}.pbl-viewer-count{color:var(--text-secondary);margin-left:auto;font-size:13px}.pbl-tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:20px;display:flex}.pbl-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:9px 16px;font-size:13px;font-weight:500;transition:color .15s;display:flex}.pbl-tab:hover{color:var(--text-primary)}.pbl-tab--active{color:var(--accent);border-bottom-color:var(--accent)}.pbl-tab-count{background:var(--bg-raised);color:var(--text-muted);border-radius:10px;padding:1px 6px;font-size:10px;font-weight:600}.pbl-tab--active .pbl-tab-count{color:var(--accent);background:#7c6ef726}.pbl-card--collection{align-items:flex-start}.pbl-card-icon--collection{color:var(--accent-2);background:#4ecdc41a}.pbl-card--collection .pbl-card-title{white-space:normal;align-items:center;gap:8px;display:flex}.pbl-coll-badge{border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:600}.pbl-coll-badge--pub{color:#4ade80;background:#4ade801f}.pbl-coll-badge--priv{color:var(--text-secondary);background:#8b92a91a}.pbl-btn-primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:7px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:opacity .15s;display:inline-flex}.pbl-btn-primary:hover:not(:disabled){opacity:.88}.pbl-btn-primary:disabled{opacity:.5;cursor:not-allowed}.pbl-btn-sm{padding:5px 10px;font-size:11px}.pbl-btn-ghost{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:7px;padding:7px 14px;font-size:12px}.pbl-btn-ghost:hover{color:var(--text-primary);border-color:var(--border-hi)}.pbl-overlay{z-index:8500;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pbl-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;width:420px;max-width:95vw;max-height:85vh;padding:24px 28px;overflow-y:auto}.pbl-modal--wide{width:560px}.pbl-modal-hd{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.pbl-modal-hd h3{color:var(--text-primary);margin:0;font-size:15px;font-weight:600}.pbl-modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;font-size:14px}.pbl-modal-close:hover{color:var(--text-primary)}.pbl-settings-tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:18px;display:flex}.pbl-stab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:7px 14px;font-size:12px;font-weight:500}.pbl-stab:hover{color:var(--text-primary)}.pbl-stab--active{color:var(--accent);border-bottom-color:var(--accent)}.pbl-form{flex-direction:column;gap:14px;display:flex}.pbl-field{flex-direction:column;gap:5px;display:flex}.pbl-field label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:11px;font-weight:500}.pbl-field input,.pbl-field textarea{background:var(--bg-base);border:1px solid var(--border);color:var(--text-primary);resize:vertical;border-radius:7px;outline:none;padding:8px 11px;font-family:inherit;font-size:13px}.pbl-field input:focus,.pbl-field textarea:focus{border-color:var(--accent)}.pbl-field input::placeholder,.pbl-field textarea::placeholder{color:var(--text-muted)}.pbl-toggle-row{color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.pbl-toggle-row input[type=checkbox]{accent-color:var(--accent)}.pbl-form-error{color:#f76e8a;background:#f76e8a1a;border:1px solid #f76e8a40;border-radius:6px;padding:7px 10px;font-size:12px}.pbl-form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.pbl-pages-panel,.pbl-access-panel,.pbl-share-panel{flex-direction:column;gap:12px;display:flex}.pbl-panel-desc{color:var(--text-secondary);margin:0;font-size:12px}.pbl-panel-empty{color:var(--text-muted);padding:8px 0;font-size:12px}.pbl-pages-list{flex-direction:column;gap:5px;display:flex}.pbl-page-row{background:var(--bg-base);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;padding:7px 10px;display:flex}.pbl-page-num{color:var(--text-muted);min-width:16px;font-size:10px;font-weight:600}.pbl-page-title{color:var(--text-primary);flex:1;font-size:13px}.pbl-page-del{cursor:pointer;color:var(--text-muted);background:0 0;border:none;padding:2px;display:flex}.pbl-page-del:hover{color:#f76e8a}.pbl-page-row-wrap{flex-direction:column;display:flex}.pbl-page-row-wrap>.pbl-page-row{border-radius:6px 6px 0 0}.pbl-page-row-wrap:last-child:not(:has(+.pbl-page-row-wrap))>.pbl-page-row:only-child{border-radius:6px}.pbl-page-row-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.pbl-page-access-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;transition:color .15s,border-color .15s;display:flex}.pbl-page-access-btn:hover,.pbl-page-access-btn--active{color:var(--accent);border-color:var(--accent)}.pbl-page-rule-count{background:var(--accent);color:#fff;text-align:center;border-radius:9px;min-width:16px;padding:0 5px;font-size:10px;font-weight:700}.pbl-page-access-panel{background:var(--bg-base);border:1px solid var(--border);border-top:none;border-radius:0 0 6px 6px;margin-bottom:4px;padding:12px 12px 14px}.pbl-add-list{flex-direction:column;gap:4px;display:flex}.pbl-add-item{background:var(--bg-base);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.pbl-add-item:hover{border-color:var(--accent);color:var(--accent)}.pbl-add-date{color:var(--text-muted);margin-left:auto;font-size:10px}.pbl-rule-input{align-items:center;gap:6px;display:flex}.pbl-rule-input select,.pbl-rule-input input{background:var(--bg-base);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;outline:none;padding:6px 10px;font-size:12px}.pbl-rule-input input{flex:1}.pbl-rule-input select:focus,.pbl-rule-input input:focus{border-color:var(--accent)}.pbl-rules-list{flex-direction:column;gap:5px;display:flex}.pbl-rule-row{background:var(--bg-base);border:1px solid var(--border);border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:flex}.pbl-rule-badge{border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:600}.pbl-rule-badge--email{color:var(--accent);background:#7c6ef726}.pbl-rule-badge--domain{color:var(--accent-2);background:#4ecdc41f}.pbl-rule-badge--role{color:#f59e0b;background:#f59e0b1f}.pbl-rule-value{color:var(--text-primary);flex:1;font-family:monospace;font-size:12px}.pbl-share-badge{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:inline-flex}.pbl-share-url-box{background:var(--bg-base);border:1px solid var(--border);border-radius:7px;align-items:center;gap:8px;padding:8px 12px;display:flex}.pbl-share-url{color:var(--text-primary);word-break:break-all;flex:1;font-family:monospace;font-size:12px}.pbl-share-hint{color:var(--text-muted);margin:0;font-size:12px}.nav-hamburger{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-raised);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s,border-color .15s;display:none}.nav-hamburger:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hi)}.app-nav-drawer,.nav-drawer-backdrop{display:none}@media (width<=1100px){.app-header{gap:10px;padding:0 14px}.nav-btn{gap:5px;padding:6px 10px;font-size:12px}.app-header-btn{padding:5px 8px;font-size:11px}.app-logo span{font-size:13px}}@media (width<=900px){.nav-btn{gap:0;padding:6px 8px}.nav-btn span,.nav-btn-label,.app-header-btn .btn-label,.app-user-name{display:none}}@media (width<=768px){.app-header{gap:8px;height:52px;padding:0 12px;position:relative}.app-nav{display:none}.nav-hamburger{display:flex}.nav-drawer-backdrop{z-index:99;background:0 0;display:block;position:fixed;inset:52px 0 0}.app-nav-drawer{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:100;flex-direction:column;gap:4px;padding:8px 12px 12px;animation:.18s drawerSlideDown;display:flex;position:fixed;top:52px;left:0;right:0;box-shadow:0 8px 24px #0000004d}.app-nav-drawer .nav-btn{border-radius:var(--radius);justify-content:flex-start;gap:10px;width:100%;padding:10px 14px;font-size:13px;display:flex}.app-nav-drawer .nav-btn span,.app-nav-drawer .nav-btn-label{display:inline}@keyframes drawerSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.app-header-actions{gap:4px}.app-header-btn{padding:5px 8px;font-size:11px}.app-user-role{display:none}}@media (width<=480px){.app-header{gap:6px;padding:0 8px}.app-logo span{display:none}.app-logo svg{width:24px;height:24px}.app-header-btn .btn-label{display:none}.app-header-btn{justify-content:center;min-width:30px;padding:5px 7px}}.sidebar-mobile-toggle,.sidebar-backdrop{display:none}@media (width<=1100px){.sidebar{width:190px}.data-panel{width:250px}.mb-left{width:210px}.mb-right{width:270px}.pbl-page{padding:24px 20px 48px}}@media (width<=900px){.sidebar{flex-shrink:0;width:52px}.sidebar-header{padding:10px 6px}.sidebar-header h2,.sidebar-header p,.diagram-item-info,.diagram-item-name,.diagram-item-desc,.drag-handle,.sidebar-section-label{display:none}.sidebar-body{gap:6px;padding:8px 6px}.sidebar-section-list{gap:6px}.diagram-item{justify-content:center;gap:0;padding:8px}.diagram-item-icon{width:28px;height:26px}.data-panel{width:220px}.mb-left{width:190px}.mb-right{width:250px}.row-controls{gap:6px;padding:4px 2px}.row-label{display:none}.col-selector{padding:3px 5px}.col-selector-label{display:none}.drop-slot,.drop-slot.occupied{min-height:240px}.pbl-page{padding:20px 16px 40px}.pbl-title{font-size:16px}.muuri-item{max-width:calc(100vw - 32px)!important}.preview-card{min-width:0!important;max-width:100%!important}}@media (width<=768px){.app-main{overflow-y:auto}.sidebar-mobile-toggle{z-index:10;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:absolute;top:8px;left:10px;box-shadow:0 2px 8px #0003}.sidebar-mobile-toggle:hover{background:var(--bg-raised);color:var(--text-primary);border-color:var(--border-hi)}.sidebar-backdrop{display:block}.dashboard-root{flex-direction:column!important}.dashboard-content{flex-direction:column;flex:1;overflow:hidden}.app-body{flex:1;position:relative;overflow:hidden}.sidebar{z-index:300;transition:transform .22s cubic-bezier(.4,0,.2,1);position:fixed;top:52px;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:4px 0 24px #00000059;width:220px!important}.sidebar.sidebar--open{transform:translate(0)}.sidebar-header{padding:14px 14px 10px}.sidebar-header h2,.sidebar-header p,.diagram-item-info,.diagram-item-name,.diagram-item-desc,.drag-handle,.sidebar-section-label{display:revert}.sidebar-body{gap:4px;padding:8px 10px 12px}.sidebar-section-list{gap:4px}.diagram-item{justify-content:flex-start;gap:10px;padding:10px 12px}.diagram-item-icon{width:36px;height:32px}.sidebar-backdrop{z-index:299;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:block;position:fixed;inset:52px 0 0}.canvas{width:100%;padding:46px 10px 10px}.data-panel{z-index:200;border-left:none;border-top:2px solid var(--border);border-radius:16px 16px 0 0;height:auto;max-height:60vh;animation:none;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -8px 32px #00000059;width:100%!important}.data-panel:before{content:"";background:var(--border-hi);border-radius:2px;flex-shrink:0;width:36px;height:4px;margin:8px auto 0;display:block}.row-controls{flex-wrap:wrap;gap:6px;padding:4px 2px}.row-actions{flex-wrap:wrap}.add-row-btn{padding:10px;font-size:11px}.drop-slot,.drop-slot.occupied{min-height:200px}.mb-body{flex-direction:column}.mb-left{border-right:none;border-bottom:1px solid var(--mb-border);flex-flow:row;gap:8px;height:auto;max-height:160px;padding:8px 10px;overflow:auto hidden;width:100%!important}.mb-center{min-height:35vh}.mb-right{border-left:none;border-top:1px solid var(--mb-border);flex-shrink:0;height:auto;max-height:260px;overflow-y:auto;width:100%!important}.mb-header{gap:8px;padding:8px 12px}.mb-model-label-input{width:130px!important}.preview-header{height:40px;padding:0 12px}.preview-header-info,.preview-header-divider{display:none}.preview-content-area{padding:10px 8px}.muuri-grid{flex-direction:column;gap:10px;padding:6px 4px;display:flex;height:auto!important;position:static!important}.muuri-item{min-height:240px;max-height:70vh;width:100%!important;min-width:0!important;margin:0!important;position:static!important;top:auto!important;left:auto!important;transform:none!important}.muuri-item-content{width:100%!important;height:100%!important}.preview-card{min-height:220px;overflow:hidden;width:100%!important;min-width:0!important}.block-chart,.preview-card>div:last-child{flex:1;min-height:0}.resize-handle{display:none!important}.fb-card{width:100%!important;min-width:0!important}.pbl-viewer-content{overflow-y:auto}.pbl-page{padding:14px 10px 40px}.pbl-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:14px}.pbl-list{grid-template-columns:1fr!important}.pbl-card{flex-direction:column;gap:10px}.pbl-card-actions{justify-content:flex-end;width:100%}.pbl-tabs{gap:0;overflow-x:auto}.pbl-tab{white-space:nowrap;padding:8px 10px}.pbl-viewer-topbar{height:40px;padding:0 10px}.ts-page{padding:14px 10px 40px}.page-scroll-wrap{-webkit-overflow-scrolling:touch;overflow-y:auto}}@media (width<=480px){.canvas{padding:6px}.slot-row{gap:6px}.drop-slot,.drop-slot.occupied{min-height:160px}.block-actions{gap:3px}.block-action-btn{padding:3px 6px;font-size:10px}.add-row-btn{padding:8px;font-size:10px}.data-panel{max-height:70vh}.mb-left{max-height:130px;padding:6px 8px}.mb-right{max-height:200px}.mb-header-icon{width:28px;height:28px}.mb-model-label-input{width:110px!important}.preview-header{height:36px;padding:0 8px}.preview-content-area{padding:4px 2px}.muuri-grid{gap:6px;padding:4px 2px}.muuri-item{min-height:200px;max-height:60vh}.preview-card{border-radius:10px;min-height:190px}.pbl-page{padding:8px 6px 32px}.pbl-title{font-size:14px}.pbl-card-url-row{flex-direction:column;align-items:flex-start;gap:4px}.ts-page{padding:10px 8px 32px}}