:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--dnd-radius-hairline:2px;--dnd-radius-control:4px;--dnd-radius-panel:6px;--dnd-radius-card:8px;--dnd-radius-modal:8px;--elev-00:7 9 13;--elev-01:15 18 25;--elev-02:23 28 38;--elev-03:33 39 52;--text-01:244 247 251;--text-02:205 213 225;--text-muted:147 158 176;--border-01:255 255 255 / .09;--border-02:255 255 255 / .16;--c-primary-solid:#22d3ee;--c-primary-text:#67e8f9;--c-primary-bg:#0891b229;--c-primary-border-hover:#22d3ee7a;--c-primary-ring:#22d3ee47;background:rgb(var(--elev-00));color:rgb(var(--text-01));font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;height:100%;margin:0}body{overflow:hidden}button,input,select,textarea{font:inherit}.demo-app{background:radial-gradient(circle at 18% 12%,#22d3ee1f,#0000 24rem),radial-gradient(circle at 84% 18%,#a78bfa1f,#0000 22rem),linear-gradient(135deg,#06080c,#0c1118 42%,#080a0e);width:100%;height:100dvh;overflow:hidden}.demo-panel{min-width:0;min-height:100%;padding:1rem}.demo-panel-head{border-bottom:1px solid rgb(var(--border-01));gap:.65rem;padding-bottom:1rem;display:grid}.demo-kicker{letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--text-muted));margin:0;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;line-height:1.2}.demo-panel h1,.demo-panel h2,.demo-main-top h2{letter-spacing:0;max-width:15ch;margin:0;font-weight:650;line-height:1.02}.demo-panel h1{font-size:1.8rem}.demo-panel h2,.demo-main-top h2{font-size:1.55rem}.demo-main-top h2{max-width:none;font-size:1.35rem}.demo-panel p,.demo-main-top p{color:rgb(var(--text-02));margin:0;line-height:1.55}.demo-muted{color:rgb(var(--text-muted))}.demo-release-strip{flex-wrap:wrap;gap:.4rem;display:flex}.demo-release-strip span,.demo-guide-meta span{border:1px solid rgb(var(--border-01));background:rgb(var(--elev-01) / .7);min-height:1.55rem;color:rgb(var(--text-02));white-space:nowrap;align-items:center;padding:0 .45rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;line-height:1;display:inline-flex}.demo-release-strip span:first-child{color:var(--c-primary-text);border-color:#22d3ee57}.demo-main-release{display:none}.demo-segmented{border:1px solid rgb(var(--border-01));border-radius:var(--dnd-radius-card);background:rgb(var(--elev-01) / .72);grid-template-columns:1fr 1fr;gap:.35rem;margin:1rem 0;padding:.25rem;display:grid}.demo-segmented button,.demo-surface,.demo-preview-grid button,.demo-action{color:rgb(var(--text-02));cursor:pointer;background:0 0;border:1px solid #0000}.demo-segmented button{border-radius:var(--dnd-radius-control);text-transform:uppercase;min-height:2.25rem;color:rgb(var(--text-muted));padding:0 .65rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem}.demo-segmented button.is-active{border-color:rgb(var(--border-02));background:rgb(var(--elev-03) / .72);color:var(--c-primary-text)}.demo-list{gap:.55rem;display:grid}.demo-guide-launcher{border-top:1px solid rgb(var(--border-01));gap:.7rem;margin-top:1rem;padding-top:1rem;display:grid}.demo-guide-launcher span{color:rgb(var(--text-muted));margin-top:.25rem;font-size:.78rem;line-height:1.4;display:block}.demo-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.demo-guide-grid button{border:1px solid rgb(var(--border-01));background:rgb(var(--elev-01) / .54);min-width:0;min-height:4.75rem;color:rgb(var(--text-02));text-align:left;cursor:pointer;padding:.65rem}.demo-guide-grid button:hover,.demo-guide-grid button:focus-visible{border-color:var(--c-primary-border-hover);background:var(--c-primary-bg)}.demo-guide-grid small,.demo-guide-grid strong{min-width:0;display:block}.demo-guide-grid small{letter-spacing:.1em;text-transform:uppercase;color:var(--c-primary-text);margin-bottom:.42rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.62rem}.demo-guide-grid strong{overflow-wrap:anywhere;font-size:.82rem;line-height:1.25}.demo-surface{border-radius:var(--dnd-radius-card);text-align:left;border-color:rgb(var(--border-01));background:rgb(var(--elev-01) / .58);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;width:100%;padding:.78rem;display:grid}.demo-surface:hover,.demo-surface.is-selected,.demo-preview-grid button:hover,.demo-preview-grid button.is-active,.demo-action:hover{border-color:var(--c-primary-border-hover);background:var(--c-primary-bg)}.demo-surface strong,.demo-surface em,.demo-surface small,.demo-preview-grid span,.demo-preview-grid small{min-width:0;display:block}.demo-surface strong{text-overflow:ellipsis;white-space:nowrap;color:rgb(var(--text-01));overflow:hidden}.demo-surface em{overflow-wrap:anywhere;color:rgb(var(--text-muted));margin-top:.2rem;font-size:.8rem;font-style:normal}.demo-surface small{color:#c4b5fd;padding-top:.12rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.64rem}.demo-surface small[data-state=ready]{color:#6ee7b7}.demo-surface small[data-state=candidate]{color:#fde047}.demo-main-field{grid-template-rows:auto minmax(0,1fr);min-width:0;height:100%;display:grid;position:relative;overflow:hidden}.demo-main-top{border-bottom:1px solid rgb(var(--border-01));background:linear-gradient(90deg, rgb(var(--elev-01) / .58), rgb(var(--elev-02) / .22));grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;padding:.72rem 1rem;display:grid}.demo-main-copy{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:.35rem .75rem;display:grid}.demo-main-copy .demo-kicker{grid-column:1/-1}.demo-main-top p{max-width:68ch;margin-top:0}.demo-top-menu{justify-self:end}.demo-contract,.demo-process{min-width:0;min-height:100%;padding:1rem}.demo-contract{grid-template-rows:auto minmax(0,1fr);gap:1rem;display:grid;container-type:inline-size}.demo-contract-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.demo-contract-grid div{border:1px solid rgb(var(--border-01));border-radius:var(--dnd-radius-card);background:rgb(var(--elev-01) / .62);min-width:0;padding:.75rem}.demo-contract-grid span,.demo-detail-list dt{letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--text-muted));font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;display:block}.demo-contract-grid strong{overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;color:rgb(var(--text-01));margin-top:.42rem;font-size:.9rem;line-height:1.35;display:block}.demo-canvas{border:1px solid rgb(var(--border-02));border-radius:var(--dnd-radius-card);background:linear-gradient(#ffffff08 1px, transparent 1px), linear-gradient(90deg, #ffffff08 1px, transparent 1px), rgb(var(--elev-00) / .64);background-size:34px 34px;min-width:0;min-height:18rem;padding:1rem;overflow:auto}.demo-route-map{grid-template-columns:minmax(0,1fr) 2rem minmax(0,1fr) 2rem minmax(0,1fr);align-items:center;gap:.55rem;width:min(100%,48rem);margin-bottom:1rem;display:grid}.demo-route-map span{border:1px solid rgb(var(--border-01));border-radius:var(--dnd-radius-control);background:rgb(var(--elev-01) / .82);text-align:center;overflow-wrap:anywhere;word-break:normal;min-width:0;padding:.75rem}.demo-route-map span.is-active{border-color:var(--c-primary-border-hover);color:var(--c-primary-text);box-shadow:0 0 0 1px #22d3ee24}.demo-route-map i{background:linear-gradient(90deg, transparent, rgb(var(--border-02)), transparent);height:1px}.demo-preview-grid{grid-template-columns:repeat(2,minmax(12rem,1fr));gap:.75rem;display:grid}.demo-preview-grid button{border-radius:var(--dnd-radius-card);border-color:rgb(var(--border-01));background:rgb(var(--elev-01) / .72);text-align:left;min-height:8.5rem;padding:.9rem}.demo-preview-grid span{color:rgb(var(--text-01));font-weight:700}.demo-preview-grid small{color:rgb(var(--text-muted));margin-top:.55rem;line-height:1.45}.demo-detail-list{gap:.75rem;margin:1rem 0;display:grid}.demo-detail-list div{border-bottom:1px solid rgb(var(--border-01));padding-bottom:.75rem}.demo-detail-list dd{color:rgb(var(--text-02));margin:.35rem 0 0;line-height:1.45}.demo-inspector-block{border:1px solid rgb(var(--border-01));border-radius:var(--dnd-radius-card);background:rgb(var(--elev-01) / .5);margin:0 0 1rem;padding:.85rem}.demo-inspector-block span{letter-spacing:.1em;text-transform:uppercase;color:var(--c-primary-text);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;display:block}.demo-tip-row{justify-content:space-between;align-items:center;gap:.65rem;min-width:0;display:flex}.demo-tip-icon{border:1px solid rgb(var(--border-02));border-radius:var(--dnd-radius-control);background:rgb(var(--elev-00) / .42);width:1.45rem;height:1.45rem;color:var(--c-primary-text);cursor:help;flex:none;place-items:center;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;line-height:1;display:inline-grid}.demo-tip-icon:hover,.demo-tip-icon:focus-visible{border-color:var(--c-primary-border-hover);box-shadow:0 0 0 2px var(--c-primary-ring);outline:none}.demo-inspector-block p{color:rgb(var(--text-02));margin:.5rem 0 0;font-size:.88rem;line-height:1.48}.demo-clone-block a{color:var(--c-primary-text);font-size:.78rem;text-decoration:none}.demo-clone-block a:hover,.demo-clone-block a:focus-visible{text-decoration:underline}.demo-clone-block code{border:1px solid rgb(var(--border-01));border-radius:var(--dnd-radius-control);background:rgb(var(--elev-00) / .72);color:rgb(var(--text-02));white-space:nowrap;margin-top:.72rem;padding:.62rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;line-height:1.45;display:block;overflow-x:auto}.demo-primitive-stack{gap:.65rem;margin-bottom:1rem;display:grid}.demo-primitive-card{padding:.82rem}.demo-primitive-card span{letter-spacing:.1em;text-transform:uppercase;color:var(--c-primary-text);font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;display:block}.demo-primitive-card p,.demo-modal-copy{color:rgb(var(--text-02));margin:.48rem 0 0;font-size:.88rem;line-height:1.5}.demo-guide-modal{gap:.8rem;display:grid}.demo-guide-meta{flex-wrap:wrap;gap:.4rem;display:flex}.demo-guide-modal pre{border:1px solid rgb(var(--border-01));background:linear-gradient(#ffffff06 1px, transparent 1px), rgb(var(--elev-00) / .9);max-height:min(52vh,28rem);color:rgb(var(--text-02));white-space:pre-wrap;background-size:100% 1.8rem;margin:0;padding:.9rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.76rem;line-height:1.55;overflow:auto}.demo-button-row{flex-wrap:wrap;gap:.5rem;display:flex}.demo-action{border-radius:var(--dnd-radius-control);border-color:rgb(var(--border-02));width:calc(100% - 4.25rem);min-height:2.65rem;color:var(--c-primary-text);margin-right:4.25rem;padding:0 .9rem}.demo-app .dnd-thia-greeting{display:none}.demo-powered{z-index:70;border:1px solid rgb(var(--border-01));border-radius:var(--dnd-radius-control);background:rgb(var(--elev-01) / .82);color:rgb(var(--text-muted));padding:.32rem .52rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;line-height:1;text-decoration:none;position:fixed;bottom:.55rem;right:5.2rem}.demo-repo-link{z-index:70;border:1px solid rgb(var(--border-01));border-radius:var(--dnd-radius-control);background:rgb(var(--elev-01) / .82);color:rgb(var(--text-muted));padding:.32rem .52rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.66rem;line-height:1;text-decoration:none;position:fixed;bottom:.55rem;right:8.7rem}.demo-powered:hover,.demo-powered:focus-visible,.demo-repo-link:hover,.demo-repo-link:focus-visible{border-color:var(--c-primary-border-hover);color:var(--c-primary-text);outline:none}.demo-segmented button:focus-visible,.demo-surface:focus-visible,.demo-guide-grid button:focus-visible,.demo-preview-grid button:focus-visible,.demo-action:focus-visible{outline:2px solid var(--c-primary-solid);outline-offset:2px}@media (width<=1180px){.demo-panel h1{font-size:1.55rem}}@container (width<=520px){.demo-contract-grid{grid-template-columns:minmax(0,1fr)}}@container (width<=620px){.demo-route-map{grid-template-columns:minmax(0,1fr);width:100%}.demo-route-map span{text-align:left}.demo-route-map i{background:linear-gradient(180deg, transparent, rgb(var(--border-02)), transparent);justify-self:center;width:1px;height:1.35rem}}@container (width<=640px){.demo-preview-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){body{overflow:auto}.demo-preview-grid{grid-template-columns:minmax(0,1fr)}.demo-main-top{grid-template-columns:minmax(0,1fr) auto;padding:.58rem .85rem}.demo-main-copy{grid-template-columns:minmax(0,1fr);align-items:start;row-gap:.24rem}.demo-top-menu{align-self:start}.demo-main-copy .demo-kicker{display:none}.demo-main-top h2{font-size:1.18rem;line-height:1.08}.demo-main-top p{max-width:none;font-size:.9rem;line-height:1.35}.demo-main-release{flex-wrap:wrap;gap:.35rem;margin-top:.15rem;display:flex}.demo-main-release span{border:1px solid rgb(var(--border-01));background:rgb(var(--elev-01) / .72);min-height:1.35rem;color:rgb(var(--text-02));white-space:nowrap;align-items:center;padding:0 .4rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.61rem;line-height:1;display:inline-flex}.demo-main-release span:first-child{color:var(--c-primary-text);border-color:#22d3ee57}.demo-route-map{grid-template-columns:minmax(0,1fr)}.demo-route-map i{background:linear-gradient(transparent, rgb(var(--border-02)), transparent);justify-self:center;width:1px;height:1.25rem}.demo-powered{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100vw - 7rem);bottom:.55rem;right:4.55rem;overflow:hidden}.demo-repo-link{display:none}}