.tc{--tc-ed:#090b12;--tc-chrome:#0c0f18;--tc-line:#ffffff14;--tc-faint:#4b5062;--tc-dim:#6b7080;--tc-amber:#ffd9a0}.tc .ss-stage{font-family:var(--ss-font);border-radius:14px;overflow:hidden}.tc svg{flex:none;display:block}.tc-zoom{transform-origin:0 0;position:absolute;top:36px;left:36px}.tc-win{background:var(--tc-ed);width:577px;height:420px;box-shadow:var(--ss-shadow-hero)}.tc-win .ss-window__title{color:#9da1ad}.tc-win .ss-window__bar{background:var(--tc-chrome);border-bottom:1px solid var(--tc-line);color:var(--tc-dim)}.tc-win .ss-window__body,.tc-body{flex:1;min-height:0;display:flex}.tc-activity{border-right:1px solid var(--tc-line);background:var(--tc-chrome);flex-direction:column;flex:none;align-items:center;gap:4px;width:44px;padding-top:6px;display:flex}.tc-activity__item{width:44px;height:40px;color:var(--tc-faint);place-items:center;display:grid;position:relative}.tc-activity__item[data-active]{color:#c9ccd6}.tc-activity__item[data-active]:before{content:"";background:#c9ccd6;border-radius:0 2px 2px 0;width:2px;position:absolute;top:8px;bottom:8px;left:0}.tc-editor{flex-direction:column;flex:1;min-width:0;display:flex}.tc-tabs{border-bottom:1px solid var(--tc-line);background:var(--tc-chrome);flex:none;height:34px;display:flex}.tc-tab{border-right:1px solid var(--tc-line);background:var(--tc-ed);height:34px;color:var(--tc-amber);font-family:var(--ss-mono);letter-spacing:.08em;align-items:center;margin-bottom:-1px;padding:0 16px;font-size:11px;display:flex}.tc-code{font-family:var(--ss-mono);font-variant-ligatures:none;flex:1;padding:12px 0;font-size:12px;line-height:18px;position:relative}.tc-row{grid-template-columns:44px 1fr;column-gap:18px;display:grid}.tc-row[data-active]{background:#ffffff09}.tc-ln{color:var(--tc-faint);text-align:right;-webkit-user-select:none;user-select:none;font-size:11px}.tc-row[data-active] .tc-ln{color:#9da1ad}.tc-text{white-space:pre;min-width:0;padding-right:16px}.tc-flag{text-indent:0;display:inline-block;position:relative}.tc-flag__text[data-sel]{background:#ffd9a03d;border-radius:2px;box-shadow:0 0 0 1px #ffd9a03d}.tc-caret{background:var(--tc-amber);opacity:0;width:1.5px;height:16px;position:absolute;top:1px;right:-1px}.tc-caret[data-show]{opacity:1;animation:1.06s step-end .5s infinite tc-blink}.tc-caret[data-typing]{animation:none}@keyframes tc-blink{50%{opacity:0}}.tc-hover{z-index:2;font-family:var(--ss-mono);white-space:pre;opacity:0;pointer-events:none;background:#121725;border:1px solid #ffffff1a;border-radius:6px;padding:5px 9px;font-size:12px;line-height:18px;transition:opacity 90ms;position:absolute;box-shadow:0 10px 28px -6px #000000b3}.tc-hover[data-show]{opacity:1;transition-duration:.14s}.tc-hover--ghost{visibility:hidden;top:0;left:0}.tc-hover__more{vertical-align:bottom}.tc .ss-stage[data-layout=compact] .tc-zoom{top:16px;left:16px}.tc-card{background:var(--tc-ed);width:326px;height:480px;box-shadow:var(--ss-shadow-hero);border-radius:12px;display:flex;overflow:hidden}.tc-card .tc-tab{border-top-left-radius:12px}.tc .ss-stage[data-layout=compact] .tc-tab{padding:0 12px}.tc .ss-stage[data-layout=compact] .tc-code{font-size:11px;line-height:17px}.tc .ss-stage[data-layout=compact] .tc-row{grid-template-columns:14px 1fr;column-gap:10px;padding-left:12px}.tc .ss-stage[data-layout=compact] .tc-ln{font-size:10px}.tc .ss-stage[data-layout=compact] .tc-text{padding-right:10px;padding-left:calc(var(--ind) * 1ch);text-indent:calc(var(--ind) * -1ch);white-space:pre-wrap}.tc .ss-stage[data-layout=compact] .tc-hover{padding:4px 8px;font-size:11px;line-height:17px}.tc .ss-stage[data-layout=compact] .tc-caret{height:15px}