.demo-scope{--sidebar-width:56px;--app-body-height:540px}.section-claim.left{text-align:left;left:4%;right:auto}.browser-url .url-lock{opacity:.5;margin-right:.25rem}.pb-sidebar{align-items:center;gap:.375rem;padding:.5rem 0}.pb-sidebar .sb-rail-avatar{color:#fff;background:linear-gradient(135deg,#0ea5e9,#6366f1);border-radius:6px;place-items:center;width:32px;height:32px;font-size:.6875rem;font-weight:700;display:grid}.pb-sidebar .sb-rail-icon{width:32px;height:32px;color:var(--pb-sidebar-muted);cursor:pointer;border-radius:6px;place-items:center;display:grid}.pb-sidebar .sb-rail-icon:hover{background:var(--pb-sidebar-accent)}.pb-sidebar .sb-rail-icon svg{width:16px;height:16px}.pb-sidebar .sb-rail-icon.active{background:var(--pb-sidebar-accent);color:var(--pb-primary)}.pb-sidebar .sb-rail-spacer{flex:1}.pb-sidebar .sb-rail-profile{clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);color:#fff;background:linear-gradient(135deg,#0ea5e9,#6366f1);place-items:center;width:32px;height:32px;font-size:.625rem;font-weight:700;display:grid}.pb-sidebar .sb-rail-health{background:var(--pb-success);border-radius:50%;width:8px;height:8px;margin-top:.25rem}#src-tbody tr{transition:transform .4s cubic-bezier(.4,0,.2,1)}.pb-selection-counter{color:var(--pb-primary);align-items:center;gap:.375rem;font-weight:600;display:inline-flex}.pb-selection-counter .eye-toggle{cursor:pointer;width:22px;height:22px;color:var(--pb-primary);background:0 0;border:none;border-radius:4px;place-items:center;display:grid}.pb-selection-counter .eye-toggle:hover{background:#0284c71a}.pb-selection-counter .eye-toggle svg{width:14px;height:14px}.pb-card-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:.625rem;display:grid;overflow:auto}.pb-card{border:1px solid var(--pb-border);background:var(--pb-bg);border-radius:8px;padding:.75rem}.pb-card .pb-card-name{color:var(--pb-fg);margin-bottom:.25rem;font-size:.8125rem;font-weight:600}.pb-card .pb-card-email{color:var(--pb-muted-fg);margin-bottom:.375rem;font-size:.6875rem}.extracted{background:var(--pb-bg);border:1px solid var(--pb-border);opacity:0;z-index:8;will-change:transform, opacity;transform-origin:50%;border-radius:10px;position:absolute;box-shadow:0 25px 60px -15px #00000080,0 0 0 1px #38bdf833}.extracted.detached{box-shadow:0 25px 60px -15px #00000080,0 0 0 1px #38bdf840,inset 0 0 0 1px #ffffff0d}.extracted.glow-border:before,.sheet-right.glow-border:before,#row-actions-dropdown-inner.glow-border:before{content:"";border-radius:inherit;background:conic-gradient(from var(--gradient-angle,0deg), #0ea5e9, #6366f1, #8b5cf6, #38bdf8, #0ea5e9);-webkit-mask-composite:xor;pointer-events:none;z-index:9;padding:2px;animation:4s linear infinite rotate-gradient;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}#row-actions-dropdown-inner.detached{box-shadow:0 25px 60px -15px #00000080,0 0 0 1px #38bdf840,inset 0 0 0 1px #ffffff0d}@keyframes rotate-gradient{to{--gradient-angle:360deg}}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.search-extracted.glow-border:before{padding:1px;inset:-1px}.extracted.panel-pad{padding:.75rem}.extracted.no-pad{padding:0}.sheet-right{background:var(--pb-sidebar);border:1px solid var(--pb-sidebar-border);opacity:0;z-index:8;will-change:transform, opacity, left, top;border-radius:12px;flex-direction:column;width:255px;display:flex;position:absolute;box-shadow:0 25px 60px -15px #0006,0 0 0 1px #38bdf826}.sheet-right.detached{box-shadow:0 25px 60px -15px #00000080,0 0 0 1px #38bdf833,inset -4px 0 8px -4px #0000001a}.sheet-header{border-bottom:1px solid var(--pb-sidebar-border);background:var(--pb-sidebar-accent);border-radius:12px 12px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.sheet-header-title{color:var(--pb-sidebar-fg);font-size:.8125rem;font-weight:600}.sheet-header-actions{align-items:center;gap:.25rem;display:flex}.sheet-header-btn{width:28px;height:28px;color:var(--pb-primary);cursor:pointer;background:#0284c71a;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.sheet-header-btn:hover{background:#0284c733}.sheet-header-btn.close{color:var(--pb-sidebar-muted);background:0 0}.sheet-header-btn.close:hover{background:var(--pb-sidebar-accent)}.sheet-header-btn svg{width:16px;height:16px}.sheet-body{border-radius:0 0 12px 12px;flex:1;padding:.25rem;overflow:auto}.sheet-input{background:linear-gradient(var(--pb-sidebar), var(--pb-sidebar)) padding-box, linear-gradient(to bottom right, #38bdf8, #818cf8) border-box;width:100%;height:36px;color:var(--pb-sidebar-fg);font-size:.75rem;font-family:var(--pb-font);border:1px solid #0000;border-radius:6px;outline:none;padding:0 .625rem}.sheet-input::placeholder{color:var(--pb-sidebar-muted)}.sheet-select{background:linear-gradient(var(--pb-sidebar), var(--pb-sidebar)) padding-box, linear-gradient(to bottom right, #38bdf8, #818cf8) border-box;width:100%;height:36px;color:var(--pb-sidebar-fg);cursor:pointer;font-size:.75rem;font-family:var(--pb-font);border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:0 .625rem;display:flex}.sheet-item{color:var(--pb-sidebar-fg);cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem;font-size:.8125rem;transition:background .15s;display:flex}.sheet-item:hover{background:var(--pb-sidebar-accent)}.sheet-divider{background:var(--pb-sidebar-border);height:1px;margin:.5rem .25rem}.connector-svg{pointer-events:none;z-index:10;position:absolute;inset:0}#claim-1{text-align:left;width:380px;max-width:380px;top:18%;left:auto;right:10%;transform:none}#claim-2{top:calc(50% + 150px);left:calc(8% - 50px)}.json-snippet{z-index:15;pointer-events:none;opacity:0;background:linear-gradient(#0d1117,#0d1117) padding-box padding-box,linear-gradient(135deg,#38bdf8,#818cf8) border-box;border:1px solid #0000;border-radius:10px;width:380px;max-width:380px;transition:opacity .5s;position:fixed;top:42%;right:10%;overflow:hidden;box-shadow:0 20px 50px -15px #0009}.json-snippet .snippet-header{background:#161b22;border-bottom:1px solid #38bdf81a;justify-content:space-between;align-items:center;padding:.5rem .75rem;display:flex}.json-snippet .snippet-title{color:#8b949e;letter-spacing:.02em;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.6875rem;font-weight:600}.json-snippet .snippet-lang{color:#38bdf8;text-transform:uppercase;letter-spacing:.08em;background:#38bdf814;border:1px solid #38bdf826;border-radius:4px;align-items:center;gap:.25rem;padding:.125rem .375rem;font-family:ui-monospace,SF Mono,monospace;font-size:.625rem;font-weight:600;display:inline-flex}.json-snippet .snippet-lang svg{width:12px;height:12px}.json-snippet .snippet-body{color:#c9d1d9;max-height:380px;padding:.5rem 0;font-family:ui-monospace,SF Mono,Cascadia Code,monospace;font-size:.6875rem;line-height:1.7;overflow:hidden}.json-snippet .j-line{white-space:pre;padding:0 .75rem 0 0;display:flex}.json-snippet .j-line:hover{background:#38bdf80d}.json-snippet .j-lineno{color:#484f58;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:2.5rem;padding-right:.75rem;font-size:.625rem}.json-snippet .j-content{text-overflow:ellipsis;flex:1;overflow:hidden}.json-snippet .j-key{color:#79c0ff}.json-snippet .j-string{color:#a5d6ff}.json-snippet .j-number{color:#f0883e}.json-snippet .j-bool{color:#d2a8ff}.json-snippet .j-null{color:#ff7b72}.json-snippet .j-punct{color:#8b949e}.json-snippet .j-comment{color:#6e7681;font-style:italic}.json-snippet .j-ellipsis{color:#484f58;letter-spacing:1px}.ex-pagination{transform-origin:top!important}.pb-btn-primary-gradient{border-radius:var(--pb-radius);color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;font-family:var(--pb-font);background:linear-gradient(to bottom right,#38bdf8,#818cf8);border:1px solid #0000;align-items:center;gap:.375rem;padding:.3125rem .75rem;display:inline-flex;box-shadow:0 1px 2px #0f172a0f}.pb-btn-primary-gradient:hover{filter:brightness(1.05)}.pb-btn-primary-gradient svg{width:14px;height:14px}.pb-gradient-divider{background:linear-gradient(#38bdf880,#818cf880);flex-shrink:0;width:1px;height:24px}.pb-soft-gradient-group{border-radius:var(--pb-radius);background:linear-gradient(to bottom right,#bae6fd,#c7d2fe) padding-box padding-box,linear-gradient(to bottom right,#38bdf8,#818cf8) border-box;border:1px solid #0000;align-items:center;gap:1px;padding:1px;display:inline-flex;overflow:hidden}.pb-soft-gradient-group .sg-btn{cursor:pointer;width:28px;height:28px;color:var(--pb-muted-fg);background:0 0;border:none;place-items:center;display:grid}.pb-soft-gradient-group .sg-btn svg{width:14px;height:14px}.pb-soft-gradient-group .sg-btn.active{color:var(--pb-fg);background:linear-gradient(to bottom right,#bae6fd,#c7d2fe)}.pb-soft-gradient-group .sg-btn:hover:not(.active){background:#38bdf81a}.pb-del-filter{border-radius:var(--pb-radius);background:linear-gradient(to bottom right,#bae6fd,#c7d2fe) padding-box padding-box,linear-gradient(to bottom right,#38bdf8,#818cf8) border-box;border:1px solid #0000;align-items:center;gap:1px;padding:1px;display:inline-flex;overflow:hidden}.pb-del-filter .df-btn{width:28px;height:24px;color:var(--pb-muted-fg);cursor:pointer;font-family:var(--pb-font);background:0 0;border:none;border-radius:3px;place-items:center;display:grid}.pb-del-filter .df-btn svg{width:16px;height:16px}.pb-del-filter .df-btn.active{color:#fff;background:linear-gradient(to bottom right,#38bdf8,#818cf8)}.pb-toolbar-second{border-bottom:1px solid var(--pb-border);background:#f1f5f966;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.pb-table th.act-col,.pb-table td.act-col{z-index:3;background:var(--pb-muted);width:40px;min-width:40px;max-width:40px;position:sticky;right:0;box-shadow:-2px 0 4px -2px #0000001a}.pb-table td.act-col{background:var(--pb-bg);z-index:1}.pb-table tbody tr:hover td.act-col{background:var(--pb-muted)}.pb-table tbody tr.selected td.act-col{background:#0284c714}.pb-act-btn{cursor:pointer;width:28px;height:28px;color:var(--pb-muted-fg);background:0 0;border:none;border-radius:4px;place-items:center;display:grid}.pb-act-btn:hover{background:var(--pb-muted);color:var(--pb-fg)}.pb-act-btn svg{width:16px;height:16px}@media (width<=900px){.section-claim,.section-claim.left{max-width:260px;left:auto;right:4%}.section-claim.left{left:4%;right:auto}#claim-1,.json-snippet{width:280px;max-width:280px;left:auto;right:6%}.ann-label .ann-card{width:170px}}