/* App replica kit: a DOM copy of the Tyrn window. Every length is the app's logical pixel;
   the whole window is scaled to fit its frame, so text stays vector-crisp at any DPI. */
@font-face{font-family:"AR Sans";font-weight:400;font-display:swap;src:url(assets/fonts/app-IBMPlexSans-Regular.woff2) format("woff2")}
@font-face{font-family:"AR Sans";font-weight:600;font-display:swap;src:url(assets/fonts/app-IBMPlexSans-SemiBold.woff2) format("woff2")}
@font-face{font-family:"AR Mono";font-weight:400;font-display:swap;src:url(assets/fonts/app-Lilex-Regular.woff2) format("woff2")}
@font-face{font-family:"AR Mono";font-weight:700;font-display:swap;src:url(assets/fonts/app-Lilex-Bold.woff2) format("woff2")}
.arf{opacity:0;transition:opacity .5s;position:relative;width:100%;overflow:hidden;border-radius:10px;background:#3b414d;box-shadow:0 0 0 1px rgba(255,255,255,.07),0 30px 80px -20px rgba(0,0,0,.7);contain:layout paint}
.arf>.arx{position:absolute;left:0;top:0;transform-origin:0 0}
.arx{
  text-align:left;--b:#464b57;--bv:#363c46;--bf:#47679e;--panel:#2f343e;--bar:#3b414d;--ed:#282c33;--term:#282c34;--surf:#2f343e;--elem:#2e343e;
  --tx:#dce0e5;--mu:#a9afbc;--ph:#878a98;--ac:#74ade8;--hov:#363c46;--act:#454a56;--ok:#a1c181;--bad:#d07277;--warn:#dec184;
  --tfg:#abb2bf;--tdim:#848a95;--tok:#98c379;--tbad:#e06c75;--tblue:#61afef;
  --mono:"AR Mono","IBM Plex Mono",ui-monospace,monospace;
  font:400 14px/20px "AR Sans","IBM Plex Sans",system-ui,sans-serif;color:var(--tx);background:var(--bar);
  -webkit-font-smoothing:antialiased;text-rendering:geometricPrecision;-webkit-text-stroke:.28px;user-select:none;cursor:default;overflow:hidden;
  display:flex;flex-direction:column;letter-spacing:0;font-synthesis:none}
.arx *{box-sizing:border-box;margin:0;padding:0}
.arx svg{display:block;flex:none}
.arx .ari{fill:none;color:inherit}
.ar-fill{flex:1;min-height:0;min-width:0}
.ar-body{flex:1;min-height:0;display:flex}
.ar-mu{color:var(--mu)}.ar-ph{color:var(--ph)}.ar-ok{color:var(--ok)}.ar-bad{color:var(--bad)}
.ar-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
/* sidebar */
.ar-side{flex:none;display:flex;flex-direction:column;background:var(--panel);border-right:1px solid var(--b);position:relative}
.ar-sh{height:33px;flex:none;display:flex;align-items:center;padding:0 12px 0 8px;border-top:1px solid var(--b);border-bottom:1px solid var(--b)}
.ar-sh .st{display:flex;align-items:center;gap:4px;font-size:12px}
.ar-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);flex:none}
.ar-dot.off{background:var(--ph)}
.ar-sh .ics{margin-left:auto;display:flex;align-items:center;gap:10px;color:var(--tx)}.ar-sh .ar-ib{width:14px;height:14px}
.ar-ib{width:24px;height:24px;display:grid;place-items:center;border-radius:4px;color:var(--tx)}
.ar-sec{display:flex;align-items:center;gap:4px;height:27px;padding:0 8px;color:var(--mu);font-size:12px}
.ar-rows{padding:0 4px}
.ar-li{position:relative;display:flex;align-items:center;height:28px;border-radius:6px;color:var(--tx);white-space:nowrap}
.ar-li:before{content:"";position:absolute;left:0;right:0;top:2.75px;bottom:2.75px;border-radius:3.5px;pointer-events:none}
.ar-li.sel:before{background:var(--act)}
.ar-li.hov:before{background:var(--hov)}
.ar-li>*{position:relative}
/* tab bar */
.ar-main{flex:1;min-width:0;display:flex;flex-direction:column}
.ar-tb{height:33px;flex:none;display:flex;background:var(--panel);border-top:1px solid var(--b);border-bottom:1px solid var(--b)}
.ar-nav{display:flex;align-items:center;gap:8px;padding:0 12px 0 16px;border-right:1px solid var(--b);color:var(--ph)}
.ar-tab{position:relative;display:flex;align-items:center;gap:6px;padding:0 12px;border-right:1px solid var(--b);color:var(--mu);white-space:nowrap}
.ar-tab.on{background:var(--ed);color:var(--tx);margin-bottom:-1px;height:32px}
.ar-tabs{display:flex;flex:1;min-width:0}
.ar-tbr{margin-left:auto;display:flex;align-items:center;gap:0;padding:0 8px;border-left:1px solid var(--b);color:var(--tx)}
/* bottom status bar */
.ar-bar{height:31px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 8px;background:var(--bar);border-top:1px solid var(--b)}
.ar-bar .bl,.ar-bar .br{display:flex;align-items:center;gap:4px}
.ar-pb{width:24px;height:24px;display:grid;place-items:center;border-radius:4px;color:var(--mu)}
.ar-pb.on{color:var(--ac)}
.ar-bt{height:24px;line-height:24px;padding:0 6px;border-radius:4px;font-size:12px;color:var(--mu)}
.ar-bar .ar-pb:first-child{width:24px}
.ar-rd{width:240px;flex:none;background:var(--panel);border-left:1px solid var(--b);position:relative;overflow:hidden}
.pt-list{padding:0}
.pt-r{position:relative;height:26px;display:flex;align-items:center;border:1px solid transparent;border-right-width:2px;color:var(--tx);font-size:14px;white-space:nowrap}
.pt-r.sel{background:var(--act)}.pt-r.hov{background:var(--hov)}.pt-r.sel.hov{background:var(--act)}
.pt-r.gM{color:#dec184}.pt-r.gA{color:#a1c181}
.pt-i{display:flex;margin-right:6px;flex:none}
.pt-n{flex:0 1 auto}
.pg{position:absolute;top:0;bottom:0;width:1px;background:var(--bv)}
.ar-pane{flex:1;min-height:0;position:relative;overflow:hidden;background:var(--term)}
.ar-sess{overflow:hidden;height:32px;flex:none;display:flex;align-items:center;gap:0;padding:0 12px;background:var(--bar);border-top:1px solid var(--b);font-size:12px;white-space:nowrap}
/* mouse pointer */
.ar-ptr{position:absolute;left:0;top:0;width:22px;height:26px;pointer-events:none;z-index:50;will-change:transform;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.45))}
.ar-ring{position:absolute;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:2px solid rgba(116,173,232,.9);background:rgba(116,173,232,.22);pointer-events:none;z-index:49;opacity:0}
/* sidebar rows */
.ar-sec{margin-top:21px}
.ar-sh+.ar-sec{margin-top:2.5px}
.ar-wt{padding:0 7px 0 41px;gap:0}.ar-wt .wi{margin-right:7px;display:flex}
.ar-wt .wn{flex:0 1 auto;color:var(--tx)}
.ar-wt .wb{flex:0 100 auto;min-width:56px;white-space:pre}
.ar-wt .ws{margin-left:auto;display:flex;align-items:center;gap:4px;font-size:10px;padding-left:7px;flex:none}.ar-wt .ws>span{display:flex}.ar-wt .ar-dirty{margin-right:5px}
.ar-dirty{display:flex;align-items:center;gap:4px;color:var(--mu);font-size:10px}.ar-dirty i{width:4px;height:4px;border-radius:50%;background:var(--mu)}
.ar-pj{padding-left:5px}
.ar-pj .pc{width:14px;height:14px;margin-right:0}.ar-pj .pf{width:14px;margin-right:6.5px;margin-left:0}
.ar-pjb{margin-left:auto;display:flex}
.ar-ag{padding:0 6.5px 0 23px;gap:0}.ar-ag .an{margin-left:10.5px}.ar-ag .as{margin-left:6px}
.ar-ag .ar-dot{margin:0 0 0 0}
.ar-ag .an{flex:0 1 auto}
.ar-ag .as{flex:0 100 auto;min-width:16px;font-size:10px}.ar-ag .ah{margin-left:auto}
.ar-ag .ah{font-size:10px;flex:none;white-space:nowrap;margin-left:auto;padding-left:8px}.ar-ag .ah b{font-weight:400;margin:0 4px}
.ar-tile{display:inline-grid;place-items:center;flex:none;overflow:hidden}
.ar-nav{padding:0 10px;gap:11.5px}
.ar-tab{padding:0 22px 0 21px;gap:5px}
.ar-tbr{padding:0 4px}
.ar-sess .lb{color:var(--mu);margin:0 7px 0 14px}.ar-sess .sep+.lb{margin-left:0}.ar-sess>.ar-dot+span+.lb{margin-left:13px}
.ar-hv{display:flex;align-items:center;gap:6px}.ar-hv b{font-weight:400}
.ar-sess .sep{width:1px;height:16px;background:var(--b);margin:0 8px 0 7.5px;flex:none}.ar-bar .sep{width:1px;height:16px;background:var(--b);margin:0 4px;flex:none}
.ar-sess .ar-hv .hn{margin-left:0}
.ar-rest{color:var(--tx);display:grid;place-items:center;width:24px;height:24px}
.ar-caret{display:inline-block;width:1.5px;height:18px;background:var(--ac);margin-left:0}
.ar-seltxt{background:rgba(116,173,232,.24)}
/* terminal */
.ar-term{position:absolute;inset:0;padding:0 14px 0 9px;font:400 15px/19.5px var(--mono);color:var(--tfg);white-space:pre-wrap;overflow:hidden;font-variant-ligatures:none}
.ar-term .l{min-height:19.5px}
.ar-term .d{color:var(--tdim)}.ar-term .g{color:var(--tok)}.ar-term .r{color:var(--tbad)}.ar-term .b{font-weight:700}.ar-term .w{color:var(--tx)}
.ar-term .cur{display:inline-block;width:9px;height:19.5px;background:var(--ac);vertical-align:top}
.ar-ov{position:absolute;inset:0;pointer-events:none;z-index:10}
.ar-sb{position:absolute;right:6px;top:2px;bottom:6px;width:6px;border-radius:3px;background:rgba(200,204,212,.1)}
/* dialogs */
.ar-dlg{position:absolute;background:var(--panel);border:1px solid var(--bv);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.35),0 0 0 .5px rgba(0,0,0,.2);display:flex;flex-direction:column;pointer-events:auto;overflow:hidden}
.ar-dh{height:51px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid var(--bv);font-size:16px}
.ar-dx{width:14px;height:14px;margin-right:3px;display:grid;place-items:center}
.ar-db{padding:16px 16px 0;flex:1;min-height:0;overflow:hidden}
.ar-dfrom{color:var(--mu);font-size:12px;height:20px;line-height:20px;margin:0 0 12px 1px}
.ar-fr{height:67.3px}.ar-fl{font-size:12px;line-height:20px;height:20px;margin:0 0 4px 0;color:var(--tx)}
.ar-two{display:flex;gap:9px}
.ar-r{display:flex;align-items:center}
.ar-sel{height:32px;border:1px solid var(--bv);border-radius:6px;background:var(--elem);display:flex;align-items:center;justify-content:space-between;padding:0 7.5px 0 8px;font-size:12px;position:relative}
.ar-sel.on{border-color:var(--bf)}
.ar-sel.ph .ar-selt{color:var(--tx)}
.ar-selt{display:flex;align-items:center;min-width:0;white-space:nowrap;overflow:hidden}
.ar-hsel{display:flex;align-items:center;gap:6px;margin-left:0}.ar-hsel>span:last-child{font-size:12px}
.ar-in{height:32px;border:1px solid var(--bv);border-radius:6px;background:#282c33;display:flex;align-items:center;padding:0 9px;font-size:14px;gap:0}
.ar-in.on{border-color:var(--bf)}
.ar-ghost{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 8px 0 4px;border-radius:4px;font-size:12px;color:var(--mu);margin-left:8px;white-space:nowrap;position:relative;top:-2px}
.ar-addp{color:var(--tx);margin-left:0;top:0}.ar-addp.ac{color:var(--ac)}
.ar-pl{height:auto;margin-top:0;font-size:12px}
.ar-chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 4px 0 3px;border:1px solid var(--bv);border-radius:6px;background:var(--elem);font-size:12px;white-space:nowrap}
.ar-chip .cx{display:grid;place-items:center;width:12px;margin-left:0}
.ar-ptile{display:inline-grid;place-items:center;border-radius:50%;flex:none}
.ar-note{font-size:12px;color:var(--mu);height:23.5px;line-height:23.5px;white-space:nowrap}.ar-pl+.ar-note{margin-top:1px}
.ar-more{display:flex;align-items:center;gap:8px;font-size:12px;height:30px;margin-top:6px;padding-left:4px}
.ar-more>span:nth-child(3){margin-left:-4px}
.ar-df{height:47.5px;flex:none;border-top:1px solid var(--bv);display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0 16px}
.ar-btn0,.ar-btn1{font-size:14px;line-height:22px;height:22px;padding:0 6px;border-radius:4px}
.ar-btn1{background:var(--hov)}
.ar-btn1.hov,.ar-btn0.hov{background:var(--act)}
/* popups and menus */
.ar-pop{position:absolute;background:var(--panel);border:1px solid var(--bv);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.4);padding:4px;pointer-events:auto}
.ar-pop.srch{padding:0}
.ar-ps{height:37px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--bv);font-size:14px}
.ar-pl2{padding:4px}
.ar-pop:not(.srch) .ar-pl2{padding:0}
.ar-pi{display:flex;align-items:center;gap:8px;height:22px;padding:0 6px;border-radius:4px;font-size:14px;white-space:nowrap}
.ar-pi.tall{height:30px;padding:0 8px;margin-bottom:0}
.ar-pi.hi{background:var(--act)}
.ar-pi .ps{font-size:12px}.ar-pi .ps2{font-size:12px}.ar-pi .pck{margin-left:auto}
.ar-menu{position:absolute;background:var(--panel);border:1px solid var(--bv);border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.4);padding:4px;pointer-events:auto;font-size:14px}
.ar-mi{display:flex;align-items:center;gap:8px;height:22px;padding:0 8px;border-radius:4px;white-space:nowrap}
.ar-mi.hi{background:var(--act)}
.ar-msep{height:1px;background:var(--bv);margin:4px -4px}
.ar-ne{margin:0}
.ar-ne .ne1{height:36px;display:flex;align-items:center;padding-left:41px}
.ar-ne .wi{display:flex;margin-right:5.5px;color:var(--tx)}
.ar-ni{flex:1;height:30px;border:1px solid transparent;border-radius:6px;background:#282c33;display:flex;align-items:center;padding:0 7px;font-size:14px;min-width:0}
.ar-ni.on{border-color:var(--bf)}
.ar-ne .nx{width:28px;display:grid;place-items:center;margin-left:4px;margin-right:0}
.ar-ne .ne2{height:30px;margin-top:1px;display:flex;align-items:center;padding:0 5px 0 62px}
.ar-ne .nl{width:38.5px;font-size:10px;color:var(--mu);margin-right:0}
.ar-ne .ne2 .ar-ni{padding-left:8px;font-size:14px}
.ar-ne .ne3{height:20px;margin-top:4px;padding-left:66px;display:flex;align-items:center;font-size:10px;color:var(--mu)}
/* editor */
.ar-ed{position:absolute;left:0;right:15px;top:0;bottom:0;font:400 15px/24px var(--mono);color:#acb2be;white-space:pre;overflow:hidden;font-variant-ligatures:none}
.ar-ed .ln{height:24px;display:flex;position:relative}
.ar-ed .no{flex:none;width:58.5px;text-align:right;color:#4e5a5f}
.ar-ed .fo{flex:none;width:33px;display:flex;align-items:center;justify-content:center;padding-left:0}
.ar-ed .ln.hot .no{color:#d0d4da}
.ar-ed .ln.actl{background:rgba(47,52,62,.75)}
.ar-ed .tx{flex:1;position:relative;margin-left:0}
.ar-ed i{font-style:normal}.ar-ed .tk{color:#b477cf}.ar-ed .tf{color:#73ade9}.ar-ed .ts{color:#a1c181}.ar-ed .tt{color:#6eb4bf}.ar-ed .tn{color:#bf956a}.ar-ed .tc{color:#5d636f}.ar-ed .tp{color:#d07277}.ar-ed .tr{color:#bf956a}
.ar-vsb{position:absolute;right:0;top:0;bottom:0;width:15px;border-left:1px solid var(--bv);background:var(--ed)}
.ar-vsb i{position:absolute;left:0;right:0;background:#585c63}
.ar-vsb u{position:absolute;left:0;right:0;height:2px;background:#8db6e2;text-decoration:none}
.ar-blk{position:relative;height:0}
.ar-blkb{position:absolute;top:0;right:30px}
.ar-ed b.inv{font-weight:400;color:#4e5a5f}
.ar-esel.nl{padding-right:.2em}
.ar-bar2{display:inline-block;width:2px;height:19px;margin:0 -1px;vertical-align:-4px;background:#74ade8}
.ar-esel{background:rgba(116,173,232,.24)}
.ar-wt.foc:after{content:"";position:absolute;left:0;right:0;top:3px;bottom:3px;border:1px solid var(--bf);border-radius:6px;pointer-events:none}
.ar-wt.foc .ws{padding-left:0}.ar-wt.foc .ws .ar-ib{width:20px;height:20px}
.ar-pane.empty{background:var(--bar)}
.ar-spin svg{animation:arspin 1s linear infinite}@keyframes arspin{to{transform:rotate(360deg)}}
.ar-ib{position:relative}
.ar-rolechip{display:inline-flex;align-items:center;gap:6px;height:26px;width:222px;padding:0 6px 0 4px;border:1px solid var(--bv);border-radius:6px;background:var(--elem);font-size:12px}
.ar-rolechip .cx{margin-left:6px;display:grid;place-items:center}
.ar-term .mu2{color:var(--tdim)}
.ar-pjb{margin-left:auto;display:flex;gap:2px;padding-right:2px}
.ar-tab.nf{padding-left:21px}
/* controls page */
.ar-ctl{position:absolute;inset:0;background:var(--ed);font-size:14px}
.ar-ctl .ct{position:absolute;left:16px;top:20px;font-size:16px;line-height:20px}
.ar-ns{position:absolute;right:16px;top:18px;height:22px;display:flex;align-items:center;gap:5px;padding:0 4px 0 4px;border-radius:4px;background:var(--hov);font-size:14px}
.ar-ns.hov{background:var(--act)}
.ar-ctl .cl{position:absolute;left:16px;top:54px;font-size:12px;line-height:20px;color:var(--mu)}
.ar-ctl .cards{position:absolute;left:16px;right:37px;top:86px;display:grid;grid-template-columns:repeat(3,1fr);gap:12.8px}
.ar-ctl .card{height:97px;border:1px solid var(--bv);border-radius:6px;position:relative}
.ar-ctl .cn{position:absolute;left:12px;right:12px;top:12px;height:24px;display:flex;align-items:center;font-size:14px}
.ar-ctl .cn .ar-t{flex:1}
.ar-ctl .ob{height:22px;line-height:22px;padding:0 5px;border-radius:4px;background:var(--elem);margin-right:10px;font-size:14px}
.ar-ctl .cm{position:absolute;left:13px;top:42px;height:20px;display:flex;align-items:center;gap:6px;font-size:10px}
.ar-ctl .tag{background:var(--hov);border-radius:3px;height:17px;line-height:17px;padding:0 6px;font-size:10px}
.ar-ctl .sm{position:absolute;left:16px;top:67px;display:flex;align-items:center;gap:4px;font-size:12px}
/* explain block */
.ar-xp{position:relative;width:100%;max-width:639px;height:287px;border:1px solid var(--bf);border-radius:3px;background:var(--ed);font:400 12.5px/16px "AR Sans","IBM Plex Sans",sans-serif;-webkit-text-stroke:.28px}
.ar-xp .xh{height:31px;border-bottom:1px solid var(--bv);display:flex;align-items:center;padding:0 14px 0 9px}
.ar-xp .xo{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:14.4px;margin-right:0}
.ar-xp .xx{margin-left:12px;display:grid;place-items:center}
.ar-xp .xq{position:absolute;left:12px;top:36px;height:20px;display:flex;align-items:center;color:var(--mu)}
.ar-xp .xq i{width:2px;height:19px;background:var(--b);margin-right:9px}
.ar-xp .xl{position:absolute;left:13px;right:12px;font:400 16.9px/24px "AR Sans","IBM Plex Sans",sans-serif;white-space:pre-wrap;color:#e6e9ee;-webkit-text-stroke:.3px}
.ar-xp .xl code{font:400 15px var(--mono);background:var(--panel);border-radius:3px;padding:1px 4px}
.ar-xp .xg{position:absolute;left:50%;bottom:2px;width:24px;height:2px;margin-left:-12px;background:var(--b);border-radius:1px}
/* settings overlay */
.st-scrim{position:absolute;inset:0;background:rgba(47,52,62,.9);pointer-events:auto}
.st-dlg{position:absolute;display:flex;background:var(--ed);border:1px solid var(--bv);border-radius:8px;box-shadow:0 12px 40px rgba(0,0,0,.45);overflow:hidden;pointer-events:auto;font-size:14px}
.st-nav{position:relative;width:240px;flex:none;background:var(--panel);border-right:1px solid var(--b)}
.st-t{position:absolute;left:8.4px;top:11px;font-size:16px;line-height:20px}
.st-g{position:absolute;left:16px;font-size:10px;line-height:14px;color:var(--mu)}
.st-i{position:absolute;left:8.4px;width:223px;height:28px;border-radius:6px;display:flex;align-items:center;gap:9px;padding-left:8px;font-size:14px}
.st-i.on{background:var(--act)}
.st-ex{margin-left:auto;margin-right:9px;display:grid}
.st-main{position:relative;flex:1;min-width:0}
.st-hd{position:absolute;left:0;right:0;top:0;height:48px;border-bottom:1px solid var(--bv);display:flex;align-items:center;padding:0 0 2px 24px;font-size:16px;z-index:2;background:var(--ed)}
.st-x{position:absolute;right:30px;top:16px;display:grid;place-items:center;width:14px;height:14px}
.st-back{display:grid;margin-right:10px}.st-cr{margin-right:4px}
.st-body{position:absolute;left:0;top:0;right:0;bottom:0}
.st-body>div,.st-body>span,.st-body>i{position:absolute}
.st-d{font-size:12px;line-height:16px;color:var(--tx);white-space:nowrap;opacity:.94}
.st-in{height:31px;border:1px solid var(--bv);border-radius:6px;background:transparent;display:flex;align-items:center;padding:0 8px;font-size:14px;color:var(--tx)}
.st-in.wide{font-size:12px;padding:0 8px}.st-in.on{border-color:var(--bf)}
.st-card{position:absolute;border:1px solid var(--bv);border-radius:6px;background:#2c3039}
.st-card>*{position:absolute}
.st-card.g{background:#2e343e}.st-card.hov{background:#363c46}
.st-ct{font-size:16px;line-height:24px}
.st-ci{display:grid;place-items:center}
.st-b,.st-b0{height:22.4px;line-height:22.4px;padding:0 7px;border-radius:4px;font-size:14px;background:var(--elem);white-space:nowrap}
.st-b.hov{background:var(--act)}
.st-b0{background:none}
.st-b.top{position:absolute;display:flex;align-items:center;gap:6px;padding:0 5px 0 4px;background:var(--hov)}
.st-body>.st-b0{position:absolute}
.st-cd,.st-cs{font-size:12px;line-height:16px}.st-cs{color:var(--mu)}.st-cs.ok,.st-gs.ok{color:var(--ok)}
.st-av{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mu)}.st-inf{color:var(--tx);display:grid}
.st-dot{position:absolute;left:13px;top:19px;width:6px;height:6px;border-radius:50%;background:var(--mu)}.st-dot.on{background:var(--ok)}
.st-gt{left:27px;top:13px;font-size:14px;line-height:22px;white-space:nowrap}
.st-gs{left:13px;font-size:12px;line-height:16px;color:var(--tx)}
.st-gd{left:13px;font-size:12px;line-height:16px;color:var(--tx);white-space:nowrap}
.st-fl{font-size:12px;line-height:16px}
.st-h2{font-size:14px;line-height:20px}
.st-chips{display:flex;flex-wrap:wrap;gap:0 7px;font-size:12.4px;line-height:20px;position:absolute}
.st-chips span{padding:0 5px}
.st-sel{position:absolute;border:1px solid var(--bv);border-radius:6px;background:var(--elem);display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 8px;font-size:12px}
.st-tog{position:absolute;width:44px;height:26px;border-radius:13px;background:#3d5a85}.st-tog i{position:absolute;right:3px;top:3px;width:20px;height:20px;border-radius:50%;background:#dce0e5}
.st-rule{position:absolute;height:1px;background:var(--bv)}
.st-mono{font:400 14px/20px var(--mono);color:var(--mu)}
.ar-hi{padding:0 8px 0 19px;gap:0}
.ar-hi .hc{display:flex;margin-right:6px}.ar-hi .ht{flex:1 1 auto;font-size:14px;margin-left:0}
.ar-hi .hm{display:flex;gap:8px;font-size:10px;flex:none;padding-left:8px}.ar-hi .ha{min-width:16px;text-align:right}
.ar-ghost2{color:#5a6a87;font-style:italic}
.ar-edi{will-change:transform}

.arf.ready{opacity:1}

/* inline rewrite panel */
.ar-xp.rw{height:auto;padding:12px}
.rwr{display:flex;align-items:center;gap:8px;min-height:30px}.rwr.end{justify-content:flex-end;margin-top:8px}
.rwin{flex:1;height:30px;border:1px solid var(--b);border-radius:4px;display:flex;align-items:center;padding:0 8px;font-size:14px}
.rwb{height:24px;line-height:24px;padding:0 8px;border-radius:4px;font-size:14px;display:inline-flex;align-items:center;gap:4px}
.rwb.f{background:var(--elem)}.rwb.f.hov{background:var(--act)}
.rwb.stop{background:rgba(208,114,119,.12);color:var(--tx)}
.rwsp svg{animation:arspin 1s linear infinite}
.rwd{font:400 15px/24.27px var(--mono);white-space:pre;color:#acb2be}
.rwd del{text-decoration:none;background:rgba(208,114,119,.16)}.rwd ins{text-decoration:none;background:rgba(161,193,129,.16)}
/* bottom dock terminal */
.ar-dk{flex:none;border-top:1px solid var(--b);display:flex;flex-direction:column;background:var(--term)}
.dk-tb{height:33px;flex:none;display:flex;align-items:center;background:var(--panel);border-bottom:1px solid var(--b)}
.dk-tab{height:100%;display:flex;align-items:center;gap:6px;padding:0 20px 0 16px;border-right:1px solid var(--b);font-size:14px;color:var(--tx)}
.dk-tab.on{background:var(--term);margin-bottom:-1px;height:33px}
.dk-r{margin-left:auto;display:flex;padding-right:8px}
.dk-body{flex:1;padding:4px 0 0 9px;font:400 15px/19.5px var(--mono);color:var(--tfg);white-space:pre;overflow:hidden}
.dk-body .l{min-height:19.5px}.dk-body .d{color:var(--tdim)}.dk-body .g{color:var(--tok)}
.dk-body .cur{display:inline-block;width:9px;height:19.5px;background:var(--ac);vertical-align:top}
/* git panel */
.gt-tb{height:33px;display:flex;align-items:center;gap:4px;padding:0 8px;border-bottom:1px solid var(--b);font-size:14px;color:var(--mu)}
.gt-tb span{padding:0 8px;height:24px;line-height:24px;border-radius:4px}.gt-tb .on{color:var(--tx);background:var(--hov)}
.gt-hd{height:32px;display:flex;align-items:center;gap:8px;padding:0 8px;font-size:12px;color:var(--mu)}
.gt-ck{width:16px;height:16px;border:1px solid var(--b);border-radius:3px;display:grid;place-items:center;flex:none}.gt-ck.on{background:rgba(116,173,232,.25);border-color:var(--bf);color:var(--tx)}
.gt-list{position:absolute;left:0;right:0;top:65px}
.gt-r{height:26px;display:flex;align-items:center;gap:6px;padding:0 10px 0 8px;font-size:14px}
.gt-n{flex:0 1 auto}.gt-p{flex:1 1 0;font-size:12px;min-width:0}
.gt-s{font-size:12px;font-weight:600}.gt-s.gM{color:#dec184}.gt-s.gA{color:#a1c181}
.gt-ft{position:absolute;left:0;right:0;bottom:0;padding:8px;border-top:1px solid var(--b)}
.gt-ed{position:relative;height:112px;border:1px solid var(--b);border-radius:6px;background:var(--ed);padding:8px;font-size:14px;overflow:hidden}.gt-ed.on{border-color:var(--bf)}
.gt-m{line-height:20px}
.gt-ai{position:absolute;right:6px;bottom:4px;height:24px;display:flex;align-items:center;gap:6px}
.gt-gen{display:flex;align-items:center;gap:6px;font-size:12px}
.gt-cm{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.gt-br{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mu)}
.gt-btn{height:24px;line-height:24px;padding:0 12px;border-radius:4px;background:var(--elem);font-size:12px}.gt-btn.hov{background:var(--act)}

.st-mrow{position:absolute;display:flex;align-items:center;gap:8px;height:30px}
.st-mc{display:inline-flex;align-items:center;gap:8px;height:27px;padding:0 8px;border:1px solid var(--bv);border-radius:4px;background:var(--elem);font-size:12px}
.st-ma{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--bv);background:var(--elem);font-size:12px}.st-ma.hov{background:var(--act)}
.st-rf{color:var(--mu);display:grid}
.st-hv{position:absolute;display:flex;align-items:center;gap:8px;font-size:14px}
.st-au{position:absolute;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mu)}
.st-cb{width:16px;height:16px;border:1px solid var(--b);border-radius:3px;position:relative;display:block}.st-cb:after{content:"";position:absolute;left:3px;right:3px;top:6.5px;height:1.2px;background:var(--mu)}
.st-tab{font-size:14px;line-height:20px}.st-tab.on{color:var(--ac)}
.st-gh{position:absolute;display:flex;align-items:center;gap:8px}
.st-mono2{font:400 12.5px/20px var(--mono);color:var(--mu)}
.st-rn{display:flex;align-items:center;gap:8px;line-height:22px;border-radius:4px}.st-rn.hov{background:var(--hov)}.st-ri{color:var(--mu);display:grid}

.st-trash{position:absolute;display:grid}
.st-inst{display:inline-flex;align-items:center;gap:6px;padding:0 6px}