.qb{--qb-bg:#121216;--qb-panel:#18181d;--qb-panel-raised:#1e1e25;--qb-border:#30303a;--qb-border-strong:#494858;--qb-text:#efedf7;--qb-muted:#918e9e;--qb-dim:#696674;--qb-accent:#9a8cff;--qb-accent-soft:#2d2845;--qb-accent-strong:#6e5fd4;--qb-danger:#ff8d9c;--qb-radius:7px;color:var(--qb-text);width:100%;font-family:IBM Plex Sans,Segoe UI,sans-serif;position:relative}.qb *,.qb :before,.qb :after{box-sizing:border-box}.qb__row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid}.qb__shell{border:1px solid var(--qb-border);border-radius:var(--qb-radius) 0 0 var(--qb-radius);cursor:text;background:linear-gradient(#17171c 0%,#131317 100%);flex-wrap:wrap;align-items:center;gap:5px;min-height:42px;padding:6px 8px 6px 10px;transition:border-color .12s,box-shadow .12s;display:flex;box-shadow:inset 0 1px #ffffff06,0 8px 26px #00000029}.qb:not(:has(.qb__date-action)) .qb__shell{border-radius:var(--qb-radius)}.qb--open .qb__shell,.qb__shell:focus-within{border-color:#655c91;box-shadow:0 0 0 2px #8f7fee29,inset 0 1px #ffffff08}.qb__search-icon{color:#777482;flex:none;margin-right:2px}.qb__tokens{margin:0;padding:0;list-style:none;display:contents}.qb__filter-token,.qb__text-token{background:#222129;border:1px solid #3b3948;border-radius:4px;flex:0 auto;align-items:stretch;min-width:0;min-height:28px;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffff06}.qb__filter-token.is-armed,.qb__text-token.is-armed,.qb__value.is-armed{outline-offset:1px;outline:2px solid #b4a9ff}.qb__key-button,.qb__value-button,.qb__text-button,.qb__remove,.qb__cancel-mode{appearance:none;color:inherit;font:inherit;cursor:pointer;border:0}.qb__key-button{color:#c7bfff;background:#282631;align-items:center;gap:1px;padding:0 3px 0 8px;font:600 11px/1.2 IBM Plex Mono,SFMono-Regular,Consolas,monospace;display:inline-flex}.qb__key-button:hover,.qb__key-button:focus-visible{background:#353147;outline:none}.qb__value-list,.qb__value{align-items:stretch;min-width:0;display:inline-flex}.qb__value+.qb__value:before{content:",";color:var(--qb-dim);align-self:center;margin-left:-1px}.qb__value-button,.qb__text-button{color:#e7e3f6;white-space:nowrap;text-overflow:ellipsis;background:0 0;max-width:210px;padding:0 3px 0 4px;font:500 11px/1.2 IBM Plex Mono,SFMono-Regular,Consolas,monospace;overflow:hidden}.qb__value-button:hover,.qb__value-button:focus-visible,.qb__text-button:hover,.qb__text-button:focus-visible{color:#fff;background:#9a8cff1c;outline:none}.qb__remove{color:#817d8d;background:0 0;place-items:center;width:19px;padding:0;display:grid}.qb__remove:hover,.qb__remove:focus-visible{color:#fff;background:#393443;outline:none}.qb__remove:disabled,.qb__key-button:disabled,.qb__value-button:disabled{cursor:default;opacity:.7}.qb__text-token{background:#1d1d23}.qb__text-button{color:#c5c2cc;padding-left:8px;font-family:IBM Plex Sans,Segoe UI,sans-serif}.qb__input{min-width:90px;height:28px;color:var(--qb-text);caret-color:#b9afff;background:0 0;border:0;outline:none;flex:150px;padding:0 2px;font:500 12px/1.3 IBM Plex Mono,SFMono-Regular,Consolas,monospace}.qb__input::placeholder{color:#6e6a78;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-weight:400}.qb__input:disabled{cursor:not-allowed}.qb__cancel-mode{width:24px;height:24px;color:var(--qb-muted);background:0 0;border-radius:4px;align-self:center;place-items:center;display:grid}.qb__cancel-mode:hover,.qb__cancel-mode:focus-visible{color:#fff;background:#2b2933;outline:1px solid #625b80}.qb__date-action{border:1px solid var(--qb-border);border-radius:0 var(--qb-radius) var(--qb-radius) 0;color:#b7b2c1;cursor:pointer;background:linear-gradient(#1b1a21,#15151a);border-left:0;justify-content:center;align-items:center;gap:7px;min-width:76px;padding:0 12px;font:600 11px/1 IBM Plex Sans,Segoe UI,sans-serif;display:inline-flex}.qb__date-action:hover,.qb__date-action:focus-visible{color:#fff;outline-offset:-2px;background:#24222c;outline:2px solid #9a8cff59}.qb__date-action:disabled{opacity:.45;cursor:not-allowed}.qb__popover{z-index:50;background:#17171c;border:1px solid #3a3944;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;width:min(570px,100%);max-height:min(520px,100vh - 100px);animation:.12s cubic-bezier(.2,.8,.2,1) qb-pop;display:grid;position:absolute;top:calc(100% + 7px);left:0;overflow:hidden;box-shadow:0 24px 70px #0000008c,0 0 0 1px #00000040}@keyframes qb-pop{0%{opacity:0;transform:translateY(-3px)scale(.995)}}.qb__popover-head{background:#19191f;border-bottom:1px solid #2b2a32;justify-content:space-between;align-items:center;min-height:57px;padding:10px 13px;display:flex}.qb__popover-head>div{gap:2px;display:grid}.qb__popover-head strong{color:#e9e6f2;font-size:12px;font-weight:650}.qb__eyebrow{color:#777382;letter-spacing:.12em;text-transform:uppercase;font:600 9px/1.2 IBM Plex Mono,monospace}.qb__mode-badge{color:#afa5ee;background:#242131;border:1px solid #403b59;border-radius:999px;padding:4px 7px;font:600 9px/1 IBM Plex Mono,monospace}.qb__list{scrollbar-width:thin;scrollbar-color:#44414e transparent;padding:5px;overflow:auto}.qb__section-label{color:#777482;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;height:29px;padding:5px 8px 3px;font:600 9px/1 IBM Plex Mono,monospace;display:flex}.qb__section-label>span{align-items:center;gap:6px;display:inline-flex}.qb__option{color:#d9d6e0;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:5px;align-items:center;gap:10px;min-height:47px;padding:7px 9px;display:flex}.qb__option:hover{background:#222128}.qb__option.is-highlighted{color:#fff;background:linear-gradient(90deg,#312b4a,#29263a);border-color:#554c80;box-shadow:inset 3px 0 #9989ff}.qb__option.is-disabled{opacity:.38;cursor:not-allowed}.qb__option-icon{color:#9c96a8;background:#222128;border:1px solid #3a3844;border-radius:4px;flex:0 0 27px;place-items:center;width:27px;height:27px;display:grid}.qb__option-icon--avatar{color:#c9c1ff;background:#302b48;border-radius:50%;font:650 9px/1 IBM Plex Mono,monospace}.qb__option-icon--danger{color:var(--qb-danger)}.qb__avatar{object-fit:cover;border:1px solid #4a4655;border-radius:50%;flex:0 0 27px;width:27px;height:27px}.qb__option-copy{flex:1;gap:3px;min-width:0;display:grid}.qb__option-title{white-space:nowrap;text-overflow:ellipsis;align-items:baseline;gap:7px;min-width:0;font-size:11px;font-weight:600;display:flex;overflow:hidden}.qb__option-title code{color:#c3b9ff;font:650 10px/1 IBM Plex Mono,monospace}.qb__option-description{color:#85818e;white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.25;overflow:hidden}.qb__recent-title{color:#d2cdec;font:500 10px/1.3 IBM Plex Mono,monospace}.qb__option-trailing{color:#696574;flex:none}.qb__count{color:#85818e;font:500 10px/1 IBM Plex Mono,monospace}.qb__check{color:#fff;background:#17171c;border:1px solid #55515e;border-radius:2px;flex:0 0 15px;place-items:center;width:15px;height:15px;display:grid}.qb__check.is-checked{background:#7565dc;border-color:#9181ff}.qb__empty{text-align:center;color:#777381;padding:18px 12px;font-size:11px}.qb__divider{background:#2a2931;height:1px;margin:5px 7px}.qb__footer{color:#6f6b78;background:#141418;border-top:1px solid #2b2a32;align-items:center;gap:12px;min-height:35px;padding:7px 11px;font-size:9px;display:flex}.qb__footer span{align-items:center;gap:4px;display:inline-flex}.qb__footer-spacer{flex:1}.qb__keycap{color:#aaa5b3;background:#202026;border:1px solid #3d3a45;border-bottom-color:#4c4854;border-radius:3px;justify-content:center;min-width:18px;min-height:17px;padding:0 4px;font:600 8px/1 IBM Plex Mono,monospace}.qb__error{color:#ff9eaa;margin-top:6px;font-size:10px}.qb__sr-status{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.qb__spin{animation:.8s linear infinite qb-spin}@keyframes qb-spin{to{transform:rotate(360deg)}}.qb--disabled,.qb--readonly{opacity:.72}@media (width<=640px){.qb__row{grid-template-columns:minmax(0,1fr) 54px}.qb__date-action{min-width:54px;padding:0}.qb__date-action span{display:none}.qb__shell{padding-left:8px}.qb__popover{width:100%;max-height:min(460px,100vh - 75px)}.qb__footer{gap:8px}.qb__footer>span:last-child{display:none}.qb__value-button{max-width:135px}}@media (prefers-reduced-motion:reduce){.qb__popover{animation:none}.qb__spin{animation-duration:1.5s}}@media (forced-colors:active){.qb__shell,.qb__popover,.qb__option,.qb__filter-token,.qb__text-token{forced-color-adjust:auto}.qb__option.is-highlighted,.qb__filter-token.is-armed,.qb__text-token.is-armed{outline:2px solid highlight}}.app{--page:#09090b;--surface:#101013;--surface-2:#141419;--line:#28272e;--line-soft:#1c1c21;--text:#edebf2;--muted:#918e99;--dim:#65626e;--lavender:#b5aaff;--purple:#7667d8;background:linear-gradient(#ffffff03 1px, transparent 1px), linear-gradient(90deg, #ffffff03 1px, transparent 1px), radial-gradient(circle at 75% -15%, #7460cb21, transparent 32rem), var(--page);background-size:28px 28px,28px 28px,auto,auto;width:100%;min-height:100vh;position:relative;overflow:clip}.app:before{content:"";pointer-events:none;opacity:.34;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");position:absolute;inset:0}.hero,.lab-panel,.gallery,.contract,.site-footer{width:min(1160px,100% - 40px);margin-inline:auto;position:relative}.hero{border-bottom:1px solid var(--line);grid-template-columns:54px minmax(0,700px) 1fr;align-items:center;gap:26px;min-height:420px;padding:74px 0 58px;display:grid}.hero__mark{width:36px;height:36px;color:var(--lavender);background:#17151e;border:1px solid #464057;border-radius:5px;align-self:start;place-items:center;margin-top:35px;display:grid;box-shadow:7px 7px #121116}.hero__copy{min-width:0}.kicker{color:#777382;letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px;font:600 10px/1 IBM Plex Mono,Consolas,monospace;display:block}.hero h1{letter-spacing:-.055em;color:#f1eff5;max-width:720px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,7.2vw,88px);font-weight:400;line-height:.91}.hero h1 em{color:#aaa0e9;font-weight:400}.hero p{color:#9a97a1;max-width:640px;margin:28px 0 0;font-size:14px;line-height:1.7}.hero__meta{place-self:end;gap:8px;padding-bottom:7px;display:grid}.hero__meta span{color:#77747e;text-transform:uppercase;letter-spacing:.09em;align-items:center;gap:8px;font:500 9px/1 IBM Plex Mono,Consolas,monospace;display:flex}.hero__meta svg{color:#a89de7}.lab-panel{border-bottom:1px solid var(--line);padding:38px 0 44px}.section-heading{margin-bottom:26px}.section-heading--inline{justify-content:space-between;align-items:end;gap:30px;display:flex}.section-heading--inline>div{align-items:baseline;gap:13px;display:flex}.section-index{color:#716893;font:600 9px/1 IBM Plex Mono,monospace}.section-heading h2{letter-spacing:-.025em;margin:4px 0 0;font-family:Georgia,serif;font-size:28px;font-weight:400}.section-heading--inline h2{margin:0}.section-heading p{max-width:620px;color:var(--muted);margin:9px 0 0;font-size:12px;line-height:1.55}.section-heading--inline>p{text-align:right;max-width:510px;margin:0}.controls{grid-template-columns:minmax(220px,1.4fr) minmax(180px,1fr) auto auto auto;gap:10px;display:grid}.control,.segmented{border:1px solid var(--line);color:#a09ca7;background:#111115c7;border-radius:5px;align-items:center;gap:10px;min-height:46px;padding:8px 11px;font-size:10px;display:flex}.control>span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.control--range input{accent-color:#8879ec;flex:1;min-width:60px}.control output{text-align:right;color:#c8c1f2;min-width:44px;font:600 9px/1 IBM Plex Mono,monospace}.control--switch{cursor:pointer;position:relative}.control--switch input{opacity:0;position:absolute}.switch{background:#242329;border:1px solid #45424c;border-radius:999px;width:28px;height:16px;padding:2px;transition:all .12s}.switch:before{content:"";background:#77737f;border-radius:50%;width:10px;height:10px;transition:all .12s;display:block}.control--switch input:focus-visible+.switch{outline-offset:2px;outline:2px solid #988af7}.control--switch input:checked+.switch{background:#4a427a;border-color:#7669c8}.control--switch input:checked+.switch:before{background:#fff;transform:translate(12px)}.segmented{gap:2px;padding:4px}.segmented button{color:#77737f;cursor:pointer;background:0 0;border:0;border-radius:3px;height:34px;padding:0 10px;font-size:9px}.segmented button.is-active{color:#d2cbf6;background:#282632;box-shadow:inset 0 0 0 1px #454057}.gallery{padding:58px 0 72px}.example-card{border:1px solid var(--line);background:#0e0e11e8;border-radius:7px;grid-template-columns:48px minmax(0,1fr);display:grid;box-shadow:0 22px 50px #00000021}.example-card+.example-card{margin-top:24px}.example-card__rail{border-right:1px solid var(--line);text-align:center;background:#0c0c0f;border-radius:7px 0 0 7px;padding-top:22px}.example-card__rail span{color:#746b99;font:600 10px/1 IBM Plex Mono,monospace}.example-card__body{min-width:0;padding:24px 26px 20px}.example-card__header{justify-content:space-between;align-items:start;gap:20px;display:flex}.example-card__eyebrow{color:#777382;letter-spacing:.13em;text-transform:uppercase;font:600 8px/1 IBM Plex Mono,monospace}.example-card h3{letter-spacing:-.02em;margin:5px 0 0;font-family:Georgia,serif;font-size:23px;font-weight:400}.source-count{color:#77737f;text-transform:uppercase;border:1px solid #312f39;border-radius:999px;padding:5px 8px;font:500 8px/1 IBM Plex Mono,monospace}.example-card__note{color:#87838e;max-width:760px;margin:13px 0 22px;font-size:11px;line-height:1.55}.example-card__stage{z-index:5;min-height:42px;position:relative}.app--comfortable .example-card__stage{padding-block:5px}.app--comfortable .qb__shell{min-height:48px;padding-block:9px}.inspectors{z-index:1;grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);gap:9px;margin-top:15px;display:grid;position:relative}.inspector,.json-inspector{background:#0d0d10;border:1px solid #24232a;border-radius:4px;min-height:42px}.inspector{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:13px;padding:8px 10px;display:grid}.inspector>span{color:#66626d;text-transform:uppercase;letter-spacing:.08em;font:600 8px/1 IBM Plex Mono,monospace}.inspector code{color:#beb7e8;white-space:nowrap;text-overflow:ellipsis;min-width:0;font:500 10px/1.4 IBM Plex Mono,Consolas,monospace;overflow:hidden}.json-inspector summary{color:#85818d;cursor:pointer;align-items:center;gap:7px;min-height:40px;padding:0 10px;font-size:9px;list-style:none;display:flex}.json-inspector summary::-webkit-details-marker{display:none}.json-inspector summary span{color:#66626d;margin-left:auto;font-family:IBM Plex Mono,monospace}.json-inspector pre{color:#b9b2df;border-top:1px solid #24232a;max-height:280px;margin:0;padding:12px;font:9px/1.5 IBM Plex Mono,Consolas,monospace;overflow:auto}.event-strip{color:#5f5c66;text-transform:uppercase;letter-spacing:.07em;flex-wrap:wrap;align-items:center;gap:16px;min-height:29px;margin-top:8px;font-size:8px;display:flex}.event-strip code{color:#8982b3;text-transform:none;letter-spacing:0;font-family:IBM Plex Mono,monospace}.event-strip button{color:#777280;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:9px}.event-strip button:hover,.event-strip button:focus-visible{color:#c4baf9;outline:none;text-decoration:underline}.contract{padding:0 0 72px}.contract__grid{border-block:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.contract article{padding:24px 25px 27px 0}.contract article+article{border-left:1px solid var(--line);padding-left:25px}.contract svg{color:#9c90e3}.contract h3{margin:12px 0 8px;font-size:11px;font-weight:650}.contract p{color:#77737e;margin:0;font-size:10px;line-height:1.6}.site-footer{border-top:1px solid var(--line);color:#5e5a64;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;min-height:90px;font:500 8px/1 IBM Plex Mono,monospace;display:flex}.site-footer a{color:#817a9d;align-items:center;gap:7px;text-decoration:none;display:inline-flex}.site-footer a:hover{color:#b7adf0}@media (width<=920px){.hero{grid-template-columns:42px minmax(0,1fr)}.hero__meta{display:none}.controls{grid-template-columns:1fr 1fr}.control--switch,.segmented{justify-content:center}}@media (width<=640px){.hero,.lab-panel,.gallery,.contract,.site-footer{width:min(100% - 24px,1160px)}.hero{grid-template-columns:1fr;gap:12px;min-height:auto;padding:44px 0}.hero__mark{margin:0 0 18px}.hero h1{font-size:clamp(43px,14vw,62px)}.hero p{font-size:12px}.section-heading--inline{display:block}.section-heading--inline>p{text-align:left;margin-top:10px}.controls{grid-template-columns:1fr}.gallery{padding-top:45px}.example-card{grid-template-columns:31px minmax(0,1fr)}.example-card__rail{padding-top:18px}.example-card__body{padding:19px 14px 15px}.example-card__header{align-items:center}.example-card__note{margin-bottom:17px}.inspectors{grid-template-columns:1fr}.event-strip{gap:8px}.contract__grid{grid-template-columns:1fr}.contract article,.contract article+article{border-left:0;padding:20px 0}.contract article+article{border-top:1px solid var(--line)}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:10px}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;color:#eeecf4;background:#09090b;font-family:IBM Plex Sans,Segoe UI,sans-serif}html{background:#09090b;min-width:320px}body{background:#09090b;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}::selection{color:#fff;background:#5d50a7}