.st-ide{--i-bg:#0d1220;--i-panel:#121a2c;--i-panel2:#172036;--i-line:#ffffff12;--i-tx:#e6e9f0;--i-mu:#8e97ab;--i-dim:#5f6880;--i-blue:#4f8ff7;--i-blue2:#60a5fa;transform-origin:0 0;width:1280px;height:720px;transform:scale(var(--s,1));color:var(--i-tx);background:var(--i-bg);text-align:left;flex-direction:column;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.4;display:flex;position:absolute;top:0;left:0;overflow:hidden}.st-ide i.fa-solid,.st-ide i.fa-regular{text-align:center;width:14px}.st-ide .i-top{border-bottom:1px solid var(--i-line);flex:none;align-items:center;gap:10px;height:44px;padding:0 12px;display:flex}.st-ide .i-top .logo{align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.st-ide .pill{border:1px solid var(--i-line);color:#c9cfdc;background:var(--i-panel);border-radius:7px;padding:3px 10px;font-size:12.5px}.st-ide .sp{flex:1}.st-ide .ibtn{border:1px solid var(--i-line);color:#c9cfdc;background:var(--i-panel);border-radius:7px;align-items:center;gap:6px;padding:4px 10px;font-size:12.5px;display:inline-flex}.st-ide .out{color:#f87171;border-color:#f8717173}.st-ide .i-tool{border-bottom:1px solid var(--i-line);flex:none;align-items:center;gap:4px;height:42px;padding:0 10px;display:flex}.st-ide .ti{color:#9aa3b8;border-radius:6px;place-items:center;width:30px;height:28px;font-size:13px;display:grid}.st-ide .ti.dim{color:#4c5468}.st-ide .sep{background:var(--i-line);width:1px;height:20px;margin:0 6px}.st-ide .dk{border:1px solid var(--i-line);color:#c9cfdc;background:var(--i-panel);border-radius:7px;align-items:center;gap:7px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:all .3s;display:inline-flex}.st-ide .dk.is-code{border-color:var(--i-blue);color:#fff;background:#4f8ff72e}.st-ide .lang{border:1px solid var(--i-line);border-radius:7px;margin:0 4px;display:flex;overflow:hidden}.st-ide .lang b{color:#9aa3b8;place-items:center;width:28px;height:26px;font-size:12px;display:grid}.st-ide .lang b.on{background:var(--i-blue2);color:#fff}.st-ide .ai{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:7px;align-items:center;gap:6px;padding:5px 14px;font-size:12.5px;font-weight:700;transition:box-shadow .3s;display:inline-flex}.st-ide .ai.is-on{box-shadow:0 0 0 3px #8b5cf659}.st-ide .pv{color:#c9cfdc;border-radius:7px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:600;transition:all .3s;display:inline-flex}.st-ide .pv.is-on{color:#fff;background:#34d3992e}.st-ide .i-body{flex:1;min-height:0;display:flex;position:relative}.st-ide .rail{color:#7f889d;border-right:1px solid var(--i-line);flex:none;justify-content:center;align-items:flex-start;width:22px;padding-top:12px;font-size:11.5px;display:flex}.st-ide .rail span{writing-mode:vertical-rl;transform:rotate(180deg)}.st-ide .rail.r{border-right:0;border-left:1px solid var(--i-line)}.st-ide .rail.r span{transform:none}.st-ide .i-left{background:var(--i-panel);border-right:1px solid var(--i-line);flex-direction:column;flex:none;gap:8px;width:258px;padding:10px;display:flex}.st-ide .tabs2{grid-template-columns:1fr 1fr;gap:4px;display:grid}.st-ide .tabs2 b{text-align:center;color:#7f889d;border-radius:7px;padding:6px 0;font-size:12.5px;font-weight:600;transition:all .3s}.st-ide .tabs2 b.on{background:var(--i-panel2);color:#fff;border:1px solid var(--i-line)}.st-ide .srch{border:1px solid var(--i-line);color:#6f788d;background:var(--i-bg);border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:flex}.st-ide .tree,.st-ide .comps{flex:1;margin:0;padding:0;list-style:none;overflow:hidden}.st-ide .tree li{color:#c9cfdc;white-space:nowrap;border-radius:6px;align-items:center;gap:7px;padding:4px 6px;font-size:12.5px;display:flex}.st-ide .tree li .ch{color:#6f788d;width:10px;font-size:9px}.st-ide .tree li.obj{color:#e6e9f0;font-weight:600}.st-ide .tree li.sub{padding-left:22px}.st-ide .tree li i.m{color:#8e97ab;font-size:11px}.st-ide .tree li.sel{color:#fff;background:#4f8ff729}.st-ide .tree li.hot{color:#fff;background:#8b5cf62e}.st-ide .comps{display:none}.st-ide .comps .grp{letter-spacing:.08em;color:#6f788d;margin:8px 4px 4px;font-size:10.5px}.st-ide .comps li{color:#c9cfdc;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;padding:6px 8px;font-size:12.5px;display:flex}.st-ide .comps li i{color:#8e97ab}.st-ide .comps li.hot{border-color:var(--i-blue);color:#fff;background:#4f8ff71f}.st-ide.lt-comps .tree{display:none}.st-ide.lt-comps .comps{display:block}.st-ide .empty-tree{color:#5f6880;padding:6px;font-size:12px}.st-ide:not(.has-obj) .tree,.st-ide.has-obj .empty-tree,.st-ide.lt-comps .empty-tree{display:none}.st-ide .i-center{background:var(--i-bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.st-ide .doctabs{border-bottom:1px solid var(--i-line);flex:none;align-items:flex-end;gap:4px;height:36px;padding:0 10px;display:flex}.st-ide .dt{color:#8e97ab;border-radius:7px 7px 0 0;padding:7px 18px;font-size:12.5px;display:none}.st-ide .dt.on{background:var(--i-panel2);color:#fff}.st-ide.has-obj .dt{display:block}.st-ide .views{flex:1;min-height:0;position:relative;overflow:hidden}.st-ide .view{opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s;position:absolute;inset:0}.st-ide[data-view=welcome] .v-welcome,.st-ide[data-view=design] .v-design,.st-ide[data-view=preview] .v-design,.st-ide[data-view=code] .v-code{opacity:1;visibility:visible;transition:opacity .4s}.st-ide .statusbar{border-top:1px solid var(--i-line);background:var(--i-panel);color:#8e97ab;flex:none;align-items:center;gap:14px;height:28px;padding:0 14px;font-size:12px;display:flex}.st-ide .statusbar .st{color:#e6e9f0;align-items:center;gap:7px;font-weight:600;display:flex}.st-ide .statusbar .st i{color:#34d399}.st-ide.has-err .statusbar .st i,.st-ide.has-err .statusbar .er{color:#f87171}.st-ide .v-welcome{padding:54px 56px;overflow:hidden}.st-ide .v-welcome small{letter-spacing:.18em;color:var(--i-blue2);font-size:11.5px;font-weight:700}.st-ide .v-welcome h3{letter-spacing:-.01em;margin:12px 0 0;font-size:27px;font-weight:700}.st-ide .v-welcome p{color:#8e97ab;margin:10px 0 0}.st-ide .wb{gap:10px;margin-top:22px;display:flex}.st-ide .wbtn{border:1px solid var(--i-line);background:var(--i-panel);border-radius:9px;align-items:center;gap:10px;padding:11px 16px;font-size:13px;font-weight:600;display:inline-flex}.st-ide .wbtn.pri{background:var(--i-blue2);border-color:var(--i-blue2);color:#0b1220}.st-ide .kbd{font-family:var(--mono);opacity:.85;border:1px solid #fff3;border-radius:4px;padding:1px 6px;font-size:10.5px}.st-ide .wbtn.pri .kbd{border-color:#0b12204d}.st-ide .wgrid{grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;display:grid}.st-ide .wcard{border:1px solid var(--i-line);background:var(--i-panel);border-radius:10px;min-height:200px}.st-ide .wcard .h{border-bottom:1px solid var(--i-line);align-items:center;gap:8px;padding:12px 14px;font-weight:700;display:flex}.st-ide .wcard .h .f{color:#8e97ab;gap:4px;margin-left:auto;font-size:11.5px;font-weight:500;display:flex}.st-ide .wcard .h .f span{border-radius:999px;padding:2px 8px}.st-ide .wcard .h .f span.on{background:var(--i-panel2);color:#fff}.st-ide .wcard .emp{color:#5f6880;text-align:center;place-items:center;height:140px;display:grid}.st-ide .wcard .emp i{margin-bottom:8px;font-size:22px;display:block}.st-ide .recent{margin:0;padding:6px 10px;list-style:none}.st-ide .recent li{align-items:center;gap:12px;padding:9px 6px;font-weight:600;display:flex}.st-ide .recent li i.sq{color:#34d399;font-size:11px}.st-ide .recent li i.md{color:#8e97ab;font-size:10px}.st-ide .recent li time{color:#8e97ab;margin-left:auto;font-size:12px;font-weight:400}.st-ide .v-design{padding:14px 16px;overflow:hidden}.st-ide .erp{color:#1f2937;background:#eef1f6;border-left:3px solid #2dd4bf;border-radius:6px;height:100%;padding:12px;font-size:12.5px;transition:border-color .3s;overflow:hidden}.st-ide[data-view=preview] .erp{border-left-color:#0000}.st-ide .ecard{background:#fff;border-radius:8px;padding:12px 14px;box-shadow:0 1px 2px #1018280f}.st-ide .ecard+.ecard{margin-top:10px}.st-ide .fgrid{grid-template-columns:repeat(3,1fr);gap:10px 14px;display:grid}.st-ide .fl small{color:#374151;margin-bottom:4px;font-size:11.5px;font-weight:600;display:block}.st-ide .fin{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;height:32px;padding:0 10px;font-size:12.5px;display:flex}.st-ide .fin i{color:#9ca3af;font-size:10px}.st-ide .fl.new{border-radius:8px;display:none;position:relative}.st-ide.has-field .fl.new{display:block}.st-ide.field-sel .fl.new{outline:2px solid var(--i-blue);outline-offset:4px}.st-ide.field-pop .fl.new{animation:st-popin .5s var(--ease) both}@keyframes st-popin{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.st-ide[data-view=preview].pv-filter .fl.new .fin span{color:#111827;font-weight:600}.st-ide .eb{white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.st-ide .eb.gray{color:#fff;background:#6b7280}.st-ide .eb.green{color:#fff;background:#16a34a}.st-ide .eb.out{color:#374151;border:1px solid #9ca3af}.st-ide .eb.yel{color:#1f2937;background:#eab308}.st-ide .eb.red{color:#ef4444;border:1px solid #ef4444}.st-ide .eb.press{animation:.5s both st-press}@keyframes st-press{50%{transform:scale(.92);box-shadow:0 0 0 5px #6b728040}}.st-ide .ghead{align-items:center;gap:6px;margin-bottom:10px;display:flex}.st-ide .ghead b{white-space:nowrap;align-items:center;gap:8px;margin-right:auto;font-size:14px;display:flex}.st-ide .gtool{color:#9ca3af;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:6px;margin-bottom:6px;padding:5px 8px;font-size:12px;display:flex}.st-ide .gtool .s{flex:1;align-items:center;gap:6px;display:flex}.st-ide .gt{border-collapse:collapse;width:100%;font-size:12px}.st-ide .gt th{text-align:left;color:#374151;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:7px 8px;font-weight:600}.st-ide .gt td{color:#374151;border-bottom:1px solid #f1f5f9;padding:6px 8px}.st-ide .gt tbody tr{display:none}.st-ide[data-view=preview].pv-rows .gt tbody tr{animation:st-rowin .35s var(--ease) both;display:table-row}@keyframes st-rowin{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.st-ide .gt .empty td{color:#9ca3af;text-align:center;padding:14px}.st-ide[data-view=preview].pv-rows .gt tbody tr.empty{display:none}.st-ide:not(.pv-rows) .gt tbody tr.empty,.st-ide[data-view=design] .gt tbody tr.empty{display:table-row}.st-ide .tagE{color:#15803d;background:#dcfce7;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.st-ide .pager{gap:6px;margin-top:8px;display:flex}.st-ide .pager span{color:#6b7280;border:1px solid #e5e7eb;border-radius:6px;place-items:center;width:28px;height:26px;font-size:11px;display:grid}.st-ide .pager span.on{color:#fff;background:#ff5a17;border-color:#ff5a17;font-weight:700}.st-ide .pvbadge{color:#fff;z-index:2;background:#16a34a;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;display:none;position:absolute;top:22px;right:28px}.st-ide[data-view=preview] .pvbadge{display:inline-flex}.st-ide .v-code{background:#0b1020;flex-direction:column;display:flex}.st-ide .ed-h{border-bottom:1px solid var(--i-line);color:#8e97ab;align-items:center;gap:10px;padding:8px 14px;font-size:12px;display:flex}.st-ide .ed-h b{color:#e6e9f0}.st-ide .ed{font-family:var(--mono);flex:1;padding:14px 0;font-size:13.5px;line-height:24px;position:relative;overflow:hidden}.st-ide .ln{white-space:pre;opacity:0;transition:opacity .25s;display:flex}.st-ide .ln.v{opacity:1}.st-ide .ln .no{text-align:right;color:#4c5468;flex:none;width:46px;padding-right:16px}.st-ide .k{color:#c084fc}.st-ide .c{color:#6b7a99;font-style:italic}.st-ide .s{color:#fbbf24}.st-ide .f{color:#7dd3fc}.st-ide .o{color:#e6e9f0}.st-ide .ln.err .code{text-underline-offset:5px;text-decoration:underline wavy #f87171}.st-ide .ac{border:1px solid var(--i-line);background:#141c30;border-radius:8px;width:270px;font-family:Segoe UI,system-ui,sans-serif;font-size:12.5px;display:none;position:absolute;top:110px;left:250px;overflow:hidden;box-shadow:0 18px 40px -12px #000000b3}.st-ide.show-ac .ac{animation:st-popin .25s var(--ease) both;display:block}.st-ide .ac div{align-items:center;gap:9px;padding:6px 10px;display:flex}.st-ide .ac div.on{background:#4f8ff733}.st-ide .ac div b{font-family:var(--mono);font-weight:500}.st-ide .ac div span{color:#8e97ab;margin-left:auto;font-size:11.5px}.st-ide .ac div i{color:#7dd3fc;font-size:11px}.st-ide .errtip{color:#fecaca;background:#3b1820;border:1px solid #f8717180;border-radius:7px;align-items:center;gap:8px;padding:7px 11px;font-family:Segoe UI,system-ui,sans-serif;font-size:12px;display:none;position:absolute;top:170px;left:200px}.st-ide.has-err .errtip{animation:st-popin .25s var(--ease) both;display:flex}.st-ide .fixbtn{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:5px;margin-left:6px;padding:2px 8px;font-size:11px;font-weight:700}.st-ide .i-right{background:var(--i-panel);border-left:1px solid var(--i-line);flex-direction:column;flex:none;gap:10px;width:250px;padding:10px;display:flex}.st-ide .tabs3{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.st-ide .tabs3 b{text-align:center;color:#7f889d;border-radius:7px;padding:6px 0;font-size:12.5px;font-weight:600}.st-ide .tabs3 b.on{background:var(--i-panel2);color:#fff;border:1px solid var(--i-line)}.st-ide .props{display:none}.st-ide.field-sel .props,.st-ide.obj-props .props{display:block}.st-ide.field-sel .rp-empty,.st-ide.obj-props .rp-empty{display:none}.st-ide .rp-empty{color:#7f889d;text-align:center;margin-top:60px;padding:0 8px;font-size:12.5px}.st-ide .props .ph{letter-spacing:.12em;color:#7f889d;border-bottom:1px solid var(--i-line);margin-bottom:8px;padding:6px 0;font-size:11px;font-weight:700}.st-ide .prow{color:#9aa3b8;grid-template-columns:70px 1fr;align-items:center;gap:8px;margin-bottom:8px;font-size:12.5px;display:grid}.st-ide .prow .pv2{border:1px solid var(--i-line);background:var(--i-bg);color:#e6e9f0;white-space:nowrap;border-radius:6px;align-items:center;height:28px;padding:0 8px;font-size:12px;display:flex;overflow:hidden}.st-ide .prow .pv2.typed{border-color:var(--i-blue)}.st-ide .sonia{width:340px;transition:transform .5s var(--ease);z-index:5;background:#11182b;border-left:1px solid #8b5cf666;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:22px;transform:translate(110%);box-shadow:-20px 0 40px -20px #000000b3}.st-ide.sonia-open .sonia{transform:none}.st-ide .so-h{border-bottom:1px solid var(--i-line);align-items:center;gap:9px;padding:12px 14px;font-weight:700;display:flex}.st-ide .so-h small{color:#34d399;font-size:11.5px;font-weight:500}.st-ide .so-b{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow:hidden}.st-ide .so-b>*{flex-shrink:0}.st-ide .msg{border-radius:10px;max-width:92%;padding:9px 12px;font-size:12.5px;line-height:1.5}.st-ide .msg.me{color:#e6e9f0;background:#25304a;align-self:flex-end;min-height:20px}.st-ide .msg.ai{color:#e9e5ff;background:#8b5cf624;border:1px solid #8b5cf659}.st-ide .so-plan{flex-direction:column;gap:6px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.st-ide .so-plan li{color:#5f6880;align-items:center;gap:8px;transition:color .3s;display:flex}.st-ide .so-plan li i{color:#3b4258;width:14px}.st-ide .so-plan li.d{color:#e6e9f0}.st-ide .so-plan li.d i{color:#34d399}.st-ide .diff{border:1px solid var(--i-line);font-family:var(--mono);background:#0b1020;border-radius:8px;padding:8px 0;font-size:11.5px;line-height:19px}.st-ide .diff div{white-space:pre;padding:0 10px}.st-ide .diff .add{color:#a7f3d0;background:#34d3991a}.st-ide .diff .add:before{content:"+ ";color:#34d399}.st-ide .so-act{justify-content:flex-end;gap:8px;display:flex}.st-ide .so-act span{border:1px solid var(--i-line);color:#c9cfdc;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:700}.st-ide .so-act span.pri{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000}.st-ide .so-in{border:1px solid var(--i-line);color:#6f788d;border-radius:9px;margin:10px 14px 14px;padding:9px 12px;font-size:12px}.st-ide .sonia .x{display:none}.st-ide.so-r1 .sonia .r1,.st-ide.so-r2 .sonia .r2,.st-ide.so-r3 .sonia .r3,.st-ide.so-r4 .sonia .r4{display:flex}.st-ide.so-r1 .sonia .r1.msg,.st-ide.so-r2 .sonia .r2.msg,.st-ide.so-r3 .sonia .diff.r3{display:block}.st-ide .sonia .x{animation:st-popin .35s var(--ease) both}.st-ide .dim-bg{opacity:0;visibility:hidden;z-index:8;background:#0508108c;transition:opacity .3s,visibility 0s .3s;position:absolute;inset:0}.st-ide.show-pal .dim-bg,.st-ide.show-pub .dim-bg{opacity:1;visibility:visible;transition:opacity .3s}.st-ide .pal{border:1px solid var(--i-line);z-index:9;background:#141c30;border-radius:12px;width:520px;margin-left:-260px;display:none;position:absolute;top:92px;left:50%;overflow:hidden;box-shadow:0 30px 70px -20px #000c}.st-ide.show-pal .pal{animation:st-popin .3s var(--ease) both;display:block}.st-ide .pal .in{border-bottom:1px solid var(--i-line);align-items:center;gap:10px;padding:13px 16px;font-size:15px;display:flex}.st-ide .pal .in i{color:#8e97ab}.st-ide .pal .in .typed{min-width:2px}.st-ide .pal .in .typed:after{content:"";vertical-align:-3px;background:#fff;width:2px;height:16px;margin-left:1px;animation:1s step-end infinite st-blink;display:inline-block}@keyframes st-blink{50%{opacity:0}}.st-ide .pal .res div{align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:none}.st-ide.pal-res .pal .res div{display:flex}.st-ide .pal .res div.on{background:#4f8ff72e}.st-ide .pal .res i{color:#34d399;font-size:11px}.st-ide .pal .res span{color:#8e97ab;margin-left:auto;font-size:12px}.st-ide .pub{border:1px solid var(--i-line);z-index:9;background:#141c30;border-radius:12px;width:440px;margin-left:-220px;display:none;position:absolute;top:150px;left:50%;overflow:hidden;box-shadow:0 30px 70px -20px #000c}.st-ide.show-pub .pub{animation:st-popin .3s var(--ease) both;display:block}.st-ide .pub .ph2{border-bottom:1px solid var(--i-line);align-items:center;gap:10px;padding:14px 16px;font-size:14px;font-weight:700;display:flex}.st-ide .pub .ph2 i{color:var(--i-blue2)}.st-ide .pub .pb{color:#c9cfdc;gap:9px;padding:14px 16px;font-size:12.5px;display:grid}.st-ide .pub .pb div{align-items:center;gap:9px;display:flex}.st-ide .pub .pb i{color:#34d399}.st-ide .pub .pb .ver{font-family:var(--mono);color:#e6e9f0;align-items:center;gap:8px;font-size:12px;display:flex}.st-ide .pub .pb .ver span{border:1px solid var(--i-line);border-radius:5px;padding:2px 8px}.st-ide .pub .pb .ver span.live{color:#34d399;border-color:#34d39980}.st-ide .pub .pa{border-top:1px solid var(--i-line);justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.st-ide .pub .pa span{border:1px solid var(--i-line);color:#c9cfdc;border-radius:7px;padding:7px 14px;font-size:12.5px;font-weight:700}.st-ide .pub .pa span.pri{background:var(--i-blue2);border-color:var(--i-blue2);color:#0b1220}.st-ide .toast{color:#d1fae5;z-index:12;opacity:0;transition:opacity .3s, transform .3s var(--ease);background:#163327;border:1px solid #34d39980;border-radius:9px;align-items:center;gap:9px;padding:10px 14px;font-size:12.5px;font-weight:600;display:flex;position:absolute;bottom:42px;right:300px;transform:translateY(8px)}.st-ide .toast.on{opacity:1;transform:none}.st-ide .toast i{color:#34d399}.st-ide .cursor{z-index:20;pointer-events:none;width:22px;height:22px;transition:transform .8s var(--ease), opacity .3s;opacity:0;position:absolute;top:0;left:0}.st-ide .cursor.on{opacity:1}.st-ide .cursor svg{filter:drop-shadow(0 2px 4px #00000080)}.st-ide .cursor.click:after{content:"";border:2px solid #fff;border-radius:50%;width:22px;height:22px;animation:.5s ease-out both st-ripple;position:absolute;top:-8px;left:-8px}@keyframes st-ripple{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}.st-ide .ghost{z-index:19;color:#fff;transition:transform .9s var(--ease);background:#4f8ff7e6;border-radius:7px;align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;font-weight:600;display:none;position:absolute;box-shadow:0 10px 24px -8px #0009}.st-ide .ghost.on{display:flex}.st-ide .drop-hint{border:2px dashed var(--i-blue);z-index:3;background:#4f8ff714;border-radius:8px;display:none;position:absolute}.st-ide.show-drop .drop-hint{display:block}.st-stage.compact{aspect-ratio:auto;height:600px}.st-stage.compact .st-ide{width:100%;height:100%;transform:none}.st-stage.compact .rail,.st-stage.compact .i-tool .ti,.st-stage.compact .i-tool .sep,.st-stage.compact .lang,.st-stage.compact .pill,.st-stage.compact .ibtn,.st-stage.compact .i-tool .hm{display:none}.st-stage.compact .i-left,.st-stage.compact .i-right{z-index:6;border:0;border-top:1px solid var(--i-line);width:auto;height:58%;transition:transform .45s var(--ease);border-radius:14px 14px 0 0;position:absolute;bottom:28px;left:0;right:0;transform:translateY(105%);box-shadow:0 -20px 40px -16px #000000b3}.st-stage.compact .st-ide.sheet-left .i-left,.st-stage.compact .st-ide.sheet-right .i-right{transform:none}.st-stage.compact .sonia{border-top:1px solid #8b5cf680;border-left:0;border-radius:14px 14px 0 0;width:auto;height:72%;top:auto;left:0;right:0;transform:translateY(110%)}.st-stage.compact .st-ide.sonia-open .sonia{transform:none}.st-stage.compact .pal,.st-stage.compact .pub{width:auto;margin-left:0;left:12px;right:12px}.st-stage.compact .v-welcome{padding:26px 18px}.st-stage.compact .v-welcome h3{font-size:21px}.st-stage.compact .wb{flex-wrap:wrap}.st-stage.compact .wgrid{grid-template-columns:1fr}.st-stage.compact .wcard:first-child{display:none}.st-stage.compact .fgrid{grid-template-columns:1fr 1fr}.st-stage.compact .gt th:nth-child(n+4),.st-stage.compact .gt td:nth-child(n+4){display:none}.st-stage.compact .ghead{flex-wrap:wrap}.st-stage.compact .ghead b{width:100%}.st-stage.compact .eb.out,.st-stage.compact .eb.yel,.st-stage.compact .eb.red{display:none}.st-stage.compact .v-design{padding:10px}.st-stage.compact .toast{inset:52px 12px auto}.st-stage.compact .sonia{height:86%}.st-stage.compact .so-in{display:none}.st-stage.compact .diff{font-size:10.5px}.st-stage.compact .so-b{gap:8px;padding:12px}.st-stage.compact .cursor,.st-stage.compact .ghost,.st-stage.compact .drop-hint{display:none!important}.st-stage.compact .ed{font-size:12px}.st-stage.compact .ac{width:240px;left:60px}.st-stage.compact .errtip{left:24px;right:24px}.st-stage.compact .i-top{gap:6px}.st-stage.compact .out,.st-stage.compact .doctabs .dt:first-child{display:none}.st-ide{--grad:linear-gradient(135deg, #d94d13 0%, #6f5bff 100%);--mono:var(--fs-mono)}.st-ide .i-top .logo img{width:22px;height:22px;display:block}.st-ide .so-h .lgo{background:var(--grad);border-radius:7px;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.st-ide .erow{margin-top:12px}.st-ide .gi{color:#6b7280}.st-ide .pv2.lg{justify-content:center;width:32px}.st-ide .pub .pb .ver i{color:#8e97ab}.st-ide .pal .res i.fa-chart-column{color:#60a5fa}.st-page{--st-tx:var(--text);--st-mu:var(--text-muted);--st-dim:color-mix(in oklab, var(--text) 46%, transparent);--st-line:color-mix(in oklab, var(--text) 11%, transparent);--st-line2:color-mix(in oklab, var(--text) 20%, transparent);--st-surf:color-mix(in oklab, var(--bg-elevated) 62%, transparent);--st-blue:#60a5fa;--st-ok:#34d399;color:var(--st-tx)}[data-theme=light] .st-page{--st-blue:#2563eb;--st-ok:#047857;--st-surf:oklab(100% 0 5.96046e-8/.8)}.st-wrap{width:min(1240px,100% - 32px);margin-inline:auto}.st-eyebrow{font-family:var(--fs-mono);letter-spacing:.16em;color:var(--ans-brand);margin:0;font-size:11.5px}.st-hero{isolation:isolate;text-align:center;padding:clamp(56px,8vw,104px) 0 clamp(48px,6vw,80px);position:relative;overflow:hidden}.st-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(40% 36% at 50% 8%,#3b82f626,#0000 70%),radial-gradient(28% 28% at 30% 18%,#d94d131c,#0000 70%);position:absolute;inset:0}[data-theme=light] .st-hero:before{opacity:.6}.st-hero h1{max-width:920px;font-family:var(--fs-display);letter-spacing:-.035em;text-wrap:balance;margin:14px auto 0;font-size:clamp(38px,6vw,68px);font-weight:800;line-height:1.02}.st-hero h1 em{background:linear-gradient(135deg,#ff5a17,#60a5fa);color:#0000;background-clip:text;font-style:normal}.st-lead{max-width:680px;color:var(--st-mu);margin:18px auto 0;font-size:18px}.st-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.st-chips li{border:1px solid var(--st-line2);border-radius:999px;align-items:center;gap:7px;padding:5px 12px;font-size:13px;display:inline-flex}.st-chips i{color:var(--ans-brand);font-size:11px}.st-player{text-align:left;margin-top:34px}.st-stage{aspect-ratio:1280/720;width:100%;box-shadow:0 40px 90px -40px #000000b3, 0 0 0 1px color-mix(in oklab, var(--text) 10%, transparent);border-radius:10px;position:relative;overflow:hidden}.st-cap{flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:18px 2px 0;display:flex}.st-cap .n{font-family:var(--fs-mono);color:var(--ans-brand);font-size:13px}.st-cap b{font-family:var(--fs-display);font-size:19px}.st-cap .t{color:var(--st-mu);font-size:14.5px}.st-strip{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px;padding:12px 2px 0;display:grid}.st-strip button{cursor:pointer;text-align:left;font-family:var(--fs-mono);letter-spacing:.04em;color:var(--st-dim);background:0 0;border:0;padding:0;font-size:11px}.st-strip button i{background:var(--st-line);border-radius:2px;height:2px;margin-bottom:7px;display:block;position:relative;overflow:hidden}.st-strip button i:after{content:"";background:var(--st-line2);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.st-strip button.done i:after{transform:scaleX(1)}.st-strip button.cur{color:var(--st-tx)}.st-strip button.cur i:after{background:var(--ans-brand);transform:scaleX(1)}.st-page.is-live .st-strip button.cur i:after{animation:st-fill var(--dur,6s) linear both}.st-strip button:hover{color:var(--st-tx)}.st-strip button:focus-visible{outline:2px solid var(--ans-brand);outline-offset:3px}@keyframes st-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.st-note{color:var(--st-dim);margin:10px 2px 0;font-size:12px}.st-sec{border-top:1px solid var(--st-line);padding:clamp(64px,8vw,104px) 0}.st-sec-h{max-width:720px;margin-bottom:clamp(28px,4vw,40px)}.st-sec-h h2{font-family:var(--fs-display);letter-spacing:-.03em;margin:10px 0 0;font-size:clamp(30px,4vw,44px);line-height:1.08}.st-sec-h p:not(.st-eyebrow){color:var(--st-mu);margin:12px 0 0;font-size:17px}.st-anat{grid-template-columns:1.25fr 1fr;align-items:start;gap:28px;display:grid}.st-wire{border:1px solid var(--st-line2);font-family:var(--fs-mono);color:#8e97ab;background:#0d1220;border-radius:10px;grid-template-rows:30px 30px 250px 24px;grid-template-columns:30px 1.1fr 2.6fr 1.1fr;gap:6px;padding:10px;font-size:10.5px;display:grid}.st-wire>div{text-align:center;background:#141c30;border:1px solid #ffffff12;border-radius:6px;place-items:center;padding:2px 6px;display:grid;position:relative}.st-wire .w-full{grid-column:1/-1}.st-wire .w-cv{color:#374151;background:#eef1f6}.st-wire .w-st{grid-column:3}.st-wire .w-gap{visibility:hidden;grid-column:1/3}.st-wire .num{width:20px;height:20px;font-family:var(--fs-body);color:#fff;background:var(--ans-brand);border-radius:50%;place-items:center;font-size:10.5px;font-weight:700;display:grid;position:absolute;top:-8px;left:-8px}.st-alist{gap:8px;margin:0;padding:0;list-style:none;display:grid}.st-alist li{border:1px solid var(--st-line);background:var(--st-surf);border-radius:10px;grid-template-columns:24px 1fr;gap:4px 10px;padding:11px 13px;display:grid}.st-alist .n{color:#fff;background:var(--ans-brand);border-radius:50%;grid-row:span 2;place-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:grid}.st-alist b{font-size:14.5px}.st-alist span:last-child{color:var(--st-mu);font-size:13.5px}.st-flow{grid-template-columns:repeat(5,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid;position:relative}.st-flow:before{content:"";background:linear-gradient(90deg, transparent, var(--st-line2) 10%, var(--st-line2) 90%, transparent);height:1px;position:absolute;top:37px;left:30px;right:30px}.st-flow li{border:1px solid var(--st-line);background:var(--st-surf);border-radius:10px;padding:18px;position:relative}.st-flow .ic{width:38px;height:38px;color:var(--st-blue);background:var(--bg-elevated);border:1px solid var(--st-line2);border-radius:10px;place-items:center;display:grid;position:relative}.st-flow li:last-child .ic{color:#fff;background:var(--ans-brand);border-color:var(--ans-brand)}.st-flow b{font-family:var(--fs-display);margin-top:14px;font-size:18px;display:block}.st-flow p{color:var(--st-mu);margin:6px 0 0;font-size:13.5px;line-height:1.5}.st-flow small{font-family:var(--fs-mono);letter-spacing:.08em;color:var(--st-dim);margin-top:10px;font-size:10.5px;display:inline-block}.st-envs{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.st-envs span{border:1px solid var(--st-line2);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.st-envs i{font-size:9px}@media (width<=1024px){.st-anat{grid-template-columns:1fr}.st-flow{grid-template-columns:repeat(2,1fr)}.st-flow:before{display:none}}@media (width<=640px){.st-flow{grid-template-columns:1fr}.st-strip{grid-template-columns:repeat(3,1fr);grid-auto-flow:row;row-gap:10px}.st-wire{grid-template-rows:30px 30px 200px 24px;grid-template-columns:22px 1fr 2fr 1fr;font-size:9px}}@media (prefers-reduced-motion:reduce){.st-ide *,.st-ide :before,.st-ide :after,.st-page *{transition-duration:.01ms!important;animation:none!important}}