.sbx-shell{--sbx-mono:"JetBrains Mono", ui-monospace, monospace;position:relative}.sbx-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.sbx-seg{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:.6rem;gap:.15rem;padding:.25rem;display:inline-flex}.sbx-seg button{cursor:pointer;color:hsl(var(--muted-foreground));white-space:nowrap;background:0 0;border:0;border-radius:.45rem;align-items:center;gap:.4rem;padding:.45rem .8rem;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .2s;display:inline-flex}.sbx-seg button:hover{color:hsl(var(--foreground))}.sbx-seg button.active{background:hsl(var(--card));color:hsl(var(--foreground));box-shadow:var(--shadow-sm)}.sbx-seg button:disabled{opacity:.4;cursor:not-allowed}.sbx-seg button .ico{width:14px;height:14px}.sbx-seg-modern.active{color:#0c8d4d}.dark .sbx-seg-modern.active{color:#26f285}.sbx-window{border:1px solid hsl(var(--border));border-radius:var(--radius-lg);background:hsl(var(--card));box-shadow:var(--shadow-glass-card);overflow:hidden}.sbx-chrome{border-bottom:1px solid hsl(var(--border));background:var(--glass-bg-token);align-items:center;gap:.5rem;padding:.6rem .85rem;display:flex}.sbx-chrome .dot{border-radius:50%;width:11px;height:11px}.sbx-chrome .path{font-family:var(--sbx-mono);color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;margin-left:.5rem;font-size:.72rem;overflow:hidden}.sbx-chrome .badge{font-family:var(--sbx-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:.35rem;margin-left:auto;padding:.2rem .5rem;font-size:.62rem;font-weight:600}.sbx-badge-legacy{color:#9b5d27;background:#bf7b4024}.dark .sbx-badge-legacy{color:#ecae51}.sbx-badge-modern{background:color-mix(in srgb, hsl(var(--primary)) 15%, transparent);color:#0b8347}.dark .sbx-badge-modern{color:#35f38e}.sbx-badge-code{color:#0b6bcb;background:#0a85ff1f}.dark .sbx-badge-code{color:#66b3ff}.sbx-stage{min-height:460px;position:relative}.sbx-code{color:#d5dbe2;min-height:460px;max-height:520px;font-family:var(--sbx-mono);tab-size:2;background:#11151c;margin:0;padding:1.1rem 1.25rem;font-size:.76rem;line-height:1.65;overflow:auto}.sbx-code .tk-tag{color:#77b8f8}.sbx-code .tk-attr{color:#6cdaa3}.sbx-code .tk-str{color:#f7c06e}.sbx-code .tk-punc{color:#7c8c9c}.sbx-code .tk-decl{color:#c68de2}.sbx-code .tk-comm{color:#699680;font-style:italic}.sbx-fs{min-height:460px;transition:background .7s,color .7s;position:relative}.sbx-fs.is-legacy{color:#1d2630;background:#bcbcbc}.sbx-fs.is-modern{background:hsl(var(--card));color:hsl(var(--foreground))}.sbx-tbar{align-items:center;gap:.55rem;transition:all .7s;display:flex}.sbx-tbar>span:last-child{white-space:nowrap}.is-legacy .sbx-tbar>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.is-legacy .sbx-tbar{color:#fff;background:linear-gradient(90deg,#0a246a,#3a6ea5);margin:0;padding:4px 8px;font-size:11px;font-weight:700}.is-modern .sbx-tbar{color:hsl(var(--foreground));letter-spacing:-.01em;background:0 0;padding:1.4rem 1.6rem .2rem;font-size:1.15rem;font-weight:700}.sbx-tbar .sbx-tbar-ico{display:none}.is-modern .sbx-tbar .sbx-tbar-ico{background:color-mix(in srgb, hsl(var(--primary)) 14%, transparent);width:30px;height:30px;color:hsl(var(--primary));border-radius:.5rem;justify-content:center;align-items:center;display:inline-flex}.is-modern .sbx-tbar .sbx-tbar-ico svg{width:17px;height:17px}.sbx-body{transition:padding .7s}.is-legacy .sbx-body{padding:10px 12px 14px}.is-modern .sbx-body{padding:.4rem 1.6rem 1.6rem}.sbx-tabs{transition:all .5s;display:flex}.is-legacy .sbx-tabs{background:#d4d0c8;border-bottom:1px solid gray;gap:1px;padding:6px 0 0 4px}.is-modern .sbx-tabs{border-bottom:1px solid hsl(var(--border));background:0 0;gap:.25rem;margin-bottom:.4rem;padding:0}.sbx-tab{cursor:pointer;white-space:nowrap;background:0 0;border:0;font-family:inherit;transition:all .5s}.is-legacy .sbx-tab{color:#333;background:linear-gradient(#ece9d8,#d4d0c8);border:1px solid gray;border-bottom:none;border-radius:4px 4px 0 0;margin-top:2px;padding:4px 12px 3px;font-size:11px}.is-legacy .sbx-tab.active{color:#039;background:#fff;margin-top:0;padding-top:6px;font-weight:600}.is-modern .sbx-tab{color:hsl(var(--muted-foreground));border-bottom:2px solid #0000;border-radius:0;margin-bottom:-1px;padding:.7rem 1rem;font-size:.875rem;font-weight:500}.is-modern .sbx-tab:hover{color:hsl(var(--foreground))}.is-modern .sbx-tab.active{color:hsl(var(--primary));border-bottom-color:hsl(var(--primary));font-weight:600}.sbx-grid{grid-template-columns:repeat(2,minmax(0,1fr));transition:gap .7s,padding .7s;display:grid}.is-legacy .sbx-grid{gap:7px 12px;padding:10px 10px 4px}.is-modern .sbx-grid{gap:1.15rem 1.4rem;padding:1.1rem .2rem .3rem}.sbx-span2{grid-column:span 2}.sbx-field{flex-direction:column;min-width:0;transition:all .5s;display:flex}.sbx-label{white-space:nowrap;text-overflow:ellipsis;transition:all .6s;overflow:hidden}.is-legacy .sbx-label{color:#10243e;letter-spacing:0;margin-bottom:2px;font-size:10.5px;font-weight:700}.is-modern .sbx-label{color:hsl(var(--muted-foreground));letter-spacing:.005em;margin-bottom:.4rem;font-size:.8rem;font-weight:500}.sbx-control{width:100%;color:inherit;outline:none;font-family:inherit;transition:height .6s,padding .6s,border-radius .6s,border-color .35s,background .6s,box-shadow .25s,font-size .6s}.is-legacy .sbx-control{color:#1a1a1a;background:#fff;border:1px solid #e6e6e6;border-color:#7f7f7f #e6e6e6 #e6e6e6 #7f7f7f;border-radius:0;height:20px;padding:0 4px;font-size:11px}.is-legacy textarea.sbx-control{resize:none;height:66px;padding:2px 4px;line-height:1.25}.is-legacy .sbx-control:read-only{color:#444;background:#eef0f0}.is-modern .sbx-control{background:var(--glass-bg-token);height:42px;color:hsl(var(--foreground));border:1px solid hsl(var(--border));border-radius:8px;padding:0 .8rem;font-size:.9rem;box-shadow:0 1px #00000003}.is-modern textarea.sbx-control{resize:vertical;height:96px;padding:.6rem .8rem;line-height:1.5}.is-modern select.sbx-control{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .65rem center;background-repeat:no-repeat;padding-right:2rem}.is-modern .sbx-control:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px color-mix(in srgb, hsl(var(--primary)) 22%, transparent);background:hsl(var(--card))}.is-modern .sbx-control:read-only{background:hsl(var(--muted));color:hsl(var(--muted-foreground));cursor:default}.is-modern .sbx-control[aria-invalid=true]{border-color:#dd2c2c;box-shadow:0 0 0 3px #dd2c2c2e}.sbx-err{color:#dd2c2c;align-items:center;gap:.3rem;margin-top:.35rem;font-size:.74rem;display:flex}.sbx-err svg{width:12px;height:12px}.sbx-radios{flex-wrap:wrap;align-items:center;gap:.4rem 1rem;transition:all .5s;display:flex}.is-legacy .sbx-radios{gap:.1rem .9rem;padding-top:2px}.is-modern .sbx-radios{gap:.5rem 1.1rem;padding-top:.35rem}.sbx-radio{cursor:pointer;align-items:center;gap:.45rem;font-size:.85rem;display:inline-flex}.is-legacy .sbx-radio{color:#1a1a1a;gap:.3rem;font-size:11px}.sbx-radio input[type=radio]{cursor:pointer;flex:none;margin:0}.is-legacy .sbx-radio input[type=radio]{accent-color:#1a1a1a;appearance:auto;-webkit-appearance:radio;width:13px;height:13px}.is-modern .sbx-radio input[type=radio]{appearance:none;border:2px solid hsl(var(--border));background:var(--glass-bg-token);border-radius:50%;place-content:center;width:18px;height:18px;transition:border-color .2s,box-shadow .2s;display:grid}.is-modern .sbx-radio input[type=radio]:checked{border-color:hsl(var(--primary))}.is-modern .sbx-radio input[type=radio]:checked:after{content:"";background:hsl(var(--primary));border-radius:50%;width:9px;height:9px}.is-modern .sbx-radio input[type=radio]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, hsl(var(--primary)) 22%, transparent);outline:none}.sbx-check{cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.is-legacy .sbx-check{color:#1a1a1a;gap:.35rem;font-size:11px}.sbx-check input[type=checkbox]{cursor:pointer;flex:none;margin:0}.is-legacy .sbx-check input[type=checkbox]{accent-color:#1a1a1a;appearance:auto;-webkit-appearance:checkbox;width:13px;height:13px}.is-modern .sbx-check input[type=checkbox]{appearance:none;border:1.5px solid hsl(var(--border));background:var(--glass-bg-token);border-radius:5px;place-content:center;width:18px;height:18px;transition:background .2s,border-color .2s,box-shadow .2s;display:grid}.is-modern .sbx-check input[type=checkbox]:checked{background:hsl(var(--primary));border-color:hsl(var(--primary))}.is-modern .sbx-check input[type=checkbox]:checked:after{content:"";clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);background:#fff;width:9px;height:9px}.is-modern .sbx-check input[type=checkbox]:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, hsl(var(--primary)) 22%, transparent);outline:none}.sbx-tablewrap{transition:all .6s}.is-legacy .sbx-tablewrap{padding:0 10px}.is-modern .sbx-tablewrap{padding:.4rem .2rem 0}.sbx-table{border-collapse:collapse;width:100%;transition:all .5s}.sbx-table th,.sbx-table td{text-align:left;transition:all .5s}.is-legacy .sbx-table{background:#fff;border:1px solid #7f7f7f;font-size:11px}.is-legacy .sbx-table th{color:#10243e;background:#c3c7cf;border:1px solid #9aa0aa;padding:2px 5px;font-weight:700}.is-legacy .sbx-table td{color:#1a1a1a;border:1px solid #d6d6d6;padding:2px 5px}.is-modern .sbx-table{border:1px solid hsl(var(--border));border-radius:10px;font-size:.85rem;overflow:hidden}.is-modern .sbx-table th{background:hsl(var(--muted));color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid hsl(var(--border));padding:.7rem .85rem;font-size:.72rem;font-weight:600}.is-modern .sbx-table td{border-bottom:1px solid hsl(var(--border));color:hsl(var(--foreground));padding:.7rem .85rem}.is-modern .sbx-table tbody tr{transition:background .15s}.is-modern .sbx-table tbody tr:hover{background:color-mix(in srgb, hsl(var(--primary)) 6%, transparent)}.is-modern .sbx-table tbody tr:last-child td{border-bottom:0}.sbx-td-num{font-variant-numeric:tabular-nums;text-align:right!important}.sbx-qty{text-align:right;width:54px;color:inherit;outline:none;font-family:inherit;transition:all .5s}.is-legacy .sbx-qty{background:#fff;border:1px solid #e6e6e6;border-color:#7f7f7f #e6e6e6 #e6e6e6 #7f7f7f;border-radius:0;height:18px;padding:0 3px;font-size:11px}.is-modern .sbx-qty{border:1px solid hsl(var(--border));background:var(--glass-bg-token);border-radius:6px;height:32px;padding:0 .5rem;font-size:.85rem}.is-modern .sbx-qty:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px color-mix(in srgb, hsl(var(--primary)) 22%, transparent)}.sbx-total{justify-content:flex-end;align-items:center;gap:.85rem;transition:all .6s;display:flex}.is-legacy .sbx-total{color:#10243e;padding:6px 10px 2px;font-size:11px;font-weight:700}.is-modern .sbx-total{color:hsl(var(--muted-foreground));padding:1rem .4rem .2rem;font-size:.8rem}.sbx-total .amount{font-variant-numeric:tabular-nums;transition:all .6s}.is-legacy .sbx-total .amount{color:#10243e;font-size:12px}.is-modern .sbx-total .amount{color:hsl(var(--primary));letter-spacing:-.01em;font-size:1.45rem;font-weight:700}.sbx-actions{align-items:center;gap:.65rem;transition:opacity .4s,max-height .5s,padding .5s;display:flex;overflow:hidden}.is-legacy .sbx-actions{opacity:0;max-height:0;padding:0}.is-modern .sbx-actions{opacity:1;max-height:80px;padding:1.2rem .2rem .2rem}.sbx-btn-primary{cursor:pointer;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:0;border-radius:8px;align-items:center;gap:.45rem;padding:.6rem 1.2rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:filter .2s,box-shadow .2s;display:inline-flex;box-shadow:0 1px 2px #00000014}.sbx-btn-primary:hover{filter:brightness(1.08);box-shadow:0 4px 14px -4px color-mix(in srgb, hsl(var(--primary)) 70%, transparent)}.sbx-btn-ghost{cursor:pointer;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));background:0 0;border-radius:8px;align-items:center;gap:.45rem;padding:.55rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.sbx-btn-ghost:hover{color:hsl(var(--foreground));border-color:color-mix(in srgb, hsl(var(--primary)) 40%, hsl(var(--border)))}.sbx-caution{color:#9c6911;background:#f59f0a1f;border:1px solid #f59f0a40;border-radius:8px;align-items:center;gap:.5rem;margin:.2rem .2rem 0;padding:.55rem .8rem;font-size:.8rem;display:flex}.dark .sbx-caution{color:#f8ba4f}.sbx-caution svg{flex:none;width:15px;height:15px}.sbx-stage.is-converting .sbx-fs{transform-origin:top;animation:1.45s cubic-bezier(.45,0,.25,1) forwards sbxDissolve}@keyframes sbxDissolve{0%{filter:none;opacity:1;transform:scale(1)}32%{filter:blur(10px)saturate(.35)brightness(1.22);opacity:.55;transform:scale(.978)}50%{filter:blur(11px)saturate(.3)brightness(1.28);opacity:.5;transform:scale(.975)}70%{filter:blur(4px)saturate(.8);opacity:.85;transform:scale(.99)}to{filter:none;opacity:1;transform:scale(1)}}.sbx-stage.is-converting .sbx-fs.is-modern .sbx-field,.sbx-stage.is-converting .sbx-fs.is-modern .sbx-tablewrap,.sbx-stage.is-converting .sbx-fs.is-modern .sbx-total,.sbx-stage.is-converting .sbx-fs.is-modern .sbx-tree,.sbx-stage.is-converting .sbx-fs.is-modern .sbx-detail-head{animation:.55s cubic-bezier(.4,0,.2,1) both sbxRise}@keyframes sbxRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.sbx-stage.is-converting .sbx-fs.is-modern .sbx-field:first-child{animation-delay:20ms}.sbx-stage.is-converting .sbx-fs.is-modern .sbx-field:nth-child(2){animation-delay:70ms}.sbx-stage.is-converting .sbx-fs.is-modern .sbx-field:nth-child(3){animation-delay:.12s}.sbx-stage.is-converting .sbx-fs.is-modern .sbx-field:nth-child(4){animation-delay:.17s}.sbx-stage.is-converting .sbx-fs.is-modern .sbx-field:nth-child(5){animation-delay:.22s}.sbx-stage.is-converting .sbx-fs.is-modern .sbx-field:nth-child(6){animation-delay:.27s}.sbx-stage.is-converting .sbx-fs.is-modern .sbx-field:nth-child(n+7){animation-delay:.3s}.sbx-stage.is-converting .sbx-fs.is-modern .sbx-tablewrap{animation-delay:.34s}.sbx-stage.is-converting .sbx-fs.is-modern .sbx-total{animation-delay:.4s}.sbx-morphlayer{z-index:6;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.sbx-buildcard{color:#e1e6ea;border:1px solid color-mix(in srgb, hsl(var(--primary)) 45%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f131af2;border-radius:14px;width:min(340px,78%);padding:.95rem 1.05rem;animation:.3s both sbxCardIn;box-shadow:0 24px 60px -12px #0009,inset 0 0 0 1px #ffffff08}@keyframes sbxCardIn{0%{opacity:0;transform:translateY(8px)scale(.96)}to{opacity:1;transform:none}}.sbx-buildhead{font-family:var(--sbx-mono);align-items:center;gap:.6rem;font-size:.8rem;display:flex}.sbx-buildhead .spin{border:2px solid #67e4a6;border-top-color:#0000;border-radius:50%;flex:none;width:14px;height:14px;animation:.7s linear infinite sbxSpin}.sbx-buildstep{text-overflow:ellipsis;white-space:nowrap;color:#a5e9c7;flex:1;min-width:0;overflow:hidden}.sbx-buildpct{font-variant-numeric:tabular-nums;color:#8b99a7;flex:none}.sbx-buildbar{background:#2d3843;border-radius:999px;height:5px;margin-top:.7rem;overflow:hidden}.sbx-buildfill{background:var(--brand-gradient-btn);height:100%;box-shadow:0 0 12px color-mix(in srgb, hsl(var(--primary)) 80%, transparent);border-radius:999px;transition:width .25s}.sbx-buildtrace{gap:.3rem;margin-top:.65rem;display:flex}.sbx-tracedot{background:#313d49;border-radius:999px;flex:1;height:3px;transition:background .25s}.sbx-tracedot.done{background:color-mix(in srgb, hsl(var(--primary)) 70%, transparent)}.sbx-tracedot.now{background:#67e4a6}@keyframes sbxSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.sbx-stage.is-converting .sbx-fs{animation-duration:.4s}.sbx-stage.is-converting .sbx-fs.is-modern .sbx-field,.sbx-stage.is-converting .sbx-fs.is-modern .sbx-tablewrap,.sbx-stage.is-converting .sbx-fs.is-modern .sbx-total,.sbx-stage.is-converting .sbx-fs.is-modern .sbx-tree,.sbx-stage.is-converting .sbx-fs.is-modern .sbx-detail-head{animation:none}}.sbx-formchrome{transition:max-height .5s,opacity .4s;overflow:hidden}.is-modern .sbx-formchrome{opacity:0;max-height:0}.is-legacy .sbx-formchrome{opacity:1;max-height:72px}.sbx-menubar{background:#d4d0c8;border-bottom:1px solid #9aa0aa;gap:0;padding:0 2px;display:flex}.sbx-menu{color:#10243e;cursor:default;-webkit-user-select:none;user-select:none;padding:3px 9px;font-size:11px}.sbx-menu:hover{color:#fff;background:#0a246a}.sbx-fmtoolbar{background:linear-gradient(#ece9d8,#d4d0c8);border-bottom:1px solid gray;align-items:center;gap:3px;padding:3px 5px;display:flex}.sbx-tbtn{color:#10243e;cursor:pointer;background:linear-gradient(#fdfdfb,#ece9d8);border:1px solid #b0b0a8;border-radius:3px;align-items:center;gap:4px;padding:2px 7px;font-family:inherit;font-size:11px;transition:none;display:inline-flex}.sbx-tbtn:hover{background:linear-gradient(#fff,#f3f1e6);border-color:#0a246a}.sbx-tbtn:active{background:#d4d0c8;border-color:#7f7f7f}.sbx-tbtn-ico{opacity:.8;width:12px;height:12px}.sbx-tbsep{background:#a8a8a0;align-self:stretch;width:1px;margin:2px 3px;box-shadow:1px 0 #fff}.sbx-cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.sbx-cta-note{color:hsl(var(--muted-foreground));align-items:center;gap:.5rem;font-size:.8rem;display:flex}.sbx-cta-note svg{width:15px;height:15px;color:hsl(var(--primary));flex:none}.sbx-convert{cursor:pointer;background:var(--brand-gradient-btn);color:#fff;border:0;border-radius:.6rem;align-items:center;gap:.6rem;padding:.85rem 1.7rem;font-family:inherit;font-size:1rem;font-weight:600;transition:filter .2s,box-shadow .2s,transform .15s;display:inline-flex}.sbx-convert:hover{filter:brightness(1.12)saturate(1.06);box-shadow:0 0 22px -4px color-mix(in srgb, hsl(var(--primary)) 70%, transparent)}.sbx-convert:active{transform:translateY(1px)}.sbx-convert:disabled{opacity:.55;cursor:not-allowed;filter:none;box-shadow:none}.sbx-convert .ico{width:17px;height:17px}.sbx-convert .spin{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite sbxSpin}.sbx-stats{flex-wrap:wrap;gap:.4rem;display:flex}.sbx-stat{font-family:var(--sbx-mono);color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));background:var(--glass-bg-token);border-radius:.4rem;align-items:baseline;gap:.3rem;padding:.25rem .55rem;font-size:.72rem;display:inline-flex}.sbx-stat b{color:hsl(var(--foreground));font-size:.82rem;font-weight:700}.sbx-rules{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.6rem;margin-top:1rem;display:grid}.sbx-rule{border:1px solid hsl(var(--border));background:var(--glass-bg-token);border-radius:.6rem;gap:.55rem;padding:.7rem .85rem;display:flex}.sbx-rule .ck{background:color-mix(in srgb, hsl(var(--primary)) 14%, transparent);width:20px;height:20px;color:hsl(var(--primary));border-radius:6px;flex:none;place-content:center;display:inline-grid}.sbx-rule .ck svg{width:12px;height:12px}.sbx-rule .trg{font-family:var(--sbx-mono);color:hsl(var(--primary));letter-spacing:.02em;font-size:.62rem}.sbx-rule .rtx{color:hsl(var(--foreground));margin-top:.15rem;font-size:.8rem;line-height:1.4}.sbx-fade-enter{animation:.35s sbx-fade}@keyframes sbx-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sbx-nav .sbx-navbody{min-height:400px;transition:gap .6s,padding .6s;display:flex}.is-legacy.sbx-nav .sbx-navbody{gap:0;padding:8px 10px 12px}.is-modern.sbx-nav .sbx-navbody{gap:1.25rem;padding:.4rem 1.6rem 1.6rem}.sbx-tree{flex-direction:column;flex:0 0 232px;min-width:0;transition:all .6s;display:flex}.is-legacy .sbx-tree{background:#fff;border:1px solid #e6e6e6;border-color:#7f7f7f #e6e6e6 #e6e6e6 #7f7f7f}.is-modern .sbx-tree{border:1px solid hsl(var(--border));background:var(--glass-bg-token);border-radius:12px;overflow:hidden}.sbx-tree-head{align-items:center;gap:.5rem;transition:all .5s;display:flex}.is-legacy .sbx-tree-head{background:#d4d0c8;border-bottom:1px solid gray;padding:5px 6px}.is-modern .sbx-tree-head{background:hsl(var(--muted));border-bottom:1px solid hsl(var(--border));padding:.7rem .8rem}.sbx-viewlabel{flex:none;font-weight:700;transition:all .5s}.is-legacy .sbx-viewlabel{color:#10243e;font-size:10.5px}.is-modern .sbx-viewlabel{color:hsl(var(--muted-foreground));font-size:.78rem;font-weight:500}.sbx-viewsel{min-width:0;color:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;outline:none;flex:1;font-family:inherit;transition:all .5s}.is-legacy .sbx-viewsel{background-color:#fff;background-position:right 3px center;border:1px solid #e6e6e6;border-color:#7f7f7f #e6e6e6 #e6e6e6 #7f7f7f;border-radius:0;height:19px;padding:0 16px 0 4px;font-size:11px}.is-modern .sbx-viewsel{border:1px solid hsl(var(--border));background-color:hsl(var(--card));background-position:right .55rem center;border-radius:7px;height:34px;padding:0 1.8rem 0 .7rem;font-size:.82rem;font-weight:500}.is-modern .sbx-viewsel:focus{border-color:hsl(var(--primary));box-shadow:0 0 0 3px color-mix(in srgb, hsl(var(--primary)) 20%, transparent)}.sbx-treebody{flex:1;transition:padding .5s;overflow:auto}.is-legacy .sbx-treebody{padding:4px 2px}.is-modern .sbx-treebody{padding:.5rem .45rem}.sbx-tnode{text-align:left;cursor:pointer;width:100%;color:inherit;white-space:nowrap;background:0 0;border:0;align-items:center;gap:.4rem;font-family:inherit;transition:background .15s,color .15s;display:flex}.sbx-tnode svg{flex:none}.sbx-tlabel{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.is-legacy .sbx-tnode{color:#1a1a1a;padding:2px 4px;font-size:11px}.is-modern .sbx-tnode{color:hsl(var(--foreground));border-radius:7px;margin-bottom:1px;padding:.4rem .5rem;font-size:.84rem}.sbx-troot{cursor:default;font-weight:700}.is-legacy .sbx-troot{color:#10243e;padding-bottom:3px}.is-modern .sbx-troot{color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.sbx-troot svg{opacity:.7;width:14px;height:14px}.is-modern .sbx-troot svg{color:hsl(var(--primary))}.sbx-tgroup{font-weight:600}.is-legacy .sbx-tgroup{padding-left:6px}.is-modern .sbx-tgroup:hover{background:hsl(var(--muted))}.sbx-tgico{opacity:.85;width:15px;height:15px}.is-modern .sbx-tgroup .sbx-tgico{color:hsl(var(--primary))}.sbx-tchev{opacity:.6;width:13px;height:13px;transition:transform .2s}.sbx-tchev.open{transform:rotate(90deg)}.sbx-tcount{font-family:var(--sbx-mono);background:color-mix(in srgb, hsl(var(--primary)) 14%, transparent);color:hsl(var(--primary));border-radius:999px;flex:none;padding:.05rem .35rem;font-size:.62rem}.is-legacy .sbx-tcount{color:#444;background:#e6e6e6;border:1px solid silver;border-radius:0}.sbx-tleaf{padding-left:1.5rem}.is-legacy .sbx-tleaf{padding-left:22px}.is-modern .sbx-tleaf{padding-left:1.7rem}.is-modern .sbx-tleaf:hover{background:hsl(var(--muted))}.sbx-tleaf .sbx-tgico{opacity:.55;width:13px;height:13px}.sbx-tleaf.sel{font-weight:600}.is-legacy .sbx-tleaf.sel{color:#fff;background:#0a246a}.is-legacy .sbx-tleaf.sel .sbx-tgico{opacity:.9}.is-modern .sbx-tleaf.sel{background:color-mix(in srgb, hsl(var(--primary)) 14%, transparent);color:hsl(var(--primary))}.is-modern .sbx-tleaf.sel .sbx-tgico{opacity:1;color:hsl(var(--primary))}.sbx-tgo{opacity:0;border-radius:4px;flex:none;padding:2px;transition:opacity .15s;display:inline-flex}.sbx-tgo svg{width:13px;height:13px}.sbx-tleaf:hover .sbx-tgo,.sbx-tleaf.sel .sbx-tgo{opacity:.75}.sbx-tgo:hover{background:color-mix(in srgb, hsl(var(--primary)) 20%, transparent);opacity:1!important}.is-legacy .sbx-tgo{display:none}.sbx-detail{flex-direction:column;flex:1;min-width:0;display:flex}.sbx-detail-head{justify-content:space-between;align-items:center;gap:1rem;transition:all .5s;display:flex}.is-legacy .sbx-detail-head{padding:0 0 6px}.is-modern .sbx-detail-head{padding:.2rem 0 .9rem}.sbx-detail-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;transition:all .5s;overflow:hidden}.is-legacy .sbx-detail-name{color:#10243e;font-size:12px}.is-modern .sbx-detail-name{color:hsl(var(--foreground));letter-spacing:-.01em;font-size:1.05rem}.sbx-detail-id{min-width:0}.sbx-detail-sub{white-space:nowrap;transition:all .5s}.is-legacy .sbx-detail-sub{color:#555;font-size:10px}.is-modern .sbx-detail-sub{color:hsl(var(--muted-foreground));margin-top:.1rem;font-size:.78rem}.sbx-openorders{white-space:nowrap;flex:none}.is-legacy .sbx-openorders svg:last-child{display:none}.is-legacy .sbx-openorders{color:#10243e!important;box-shadow:none!important;background:linear-gradient(#ece9d8,#d4d0c8)!important;border:1px solid gray!important;border-radius:3px!important;padding:2px 8px!important;font-size:11px!important;font-weight:600!important}.is-legacy .sbx-openorders:hover{filter:none!important;background:linear-gradient(#fff,#ece9d8)!important}.sbx-detail-body{flex-direction:column;display:flex}.sbx-fromchip{background:color-mix(in srgb, hsl(var(--primary)) 12%, transparent);color:#0b8347;border:1px solid color-mix(in srgb, hsl(var(--primary)) 30%, transparent);border-radius:999px;align-self:flex-start;align-items:center;gap:.45rem;margin:0 .2rem 1rem;padding:.45rem .8rem;font-size:.8rem;font-weight:500;transition:all .5s;display:inline-flex}.dark .sbx-fromchip{color:#3ef493}.sbx-fromchip svg{width:14px;height:14px}.is-legacy .sbx-fromchip{color:#5a4a00;font-family:var(--sbx-mono);background:#fffae0;border:1px solid #d8c870;border-radius:0;margin:0 0 8px;font-size:11px}@media (max-width:760px){.sbx-grid{grid-template-columns:1fr}.is-modern .sbx-grid{gap:.9rem}.sbx-span2{grid-column:span 1}.sbx-stage,.sbx-fs,.sbx-code{min-height:380px}.sbx-nav .sbx-navbody{flex-direction:column}.sbx-tree{flex:none;max-height:220px}.sbx-detail-head{flex-wrap:wrap}}