.tp{scroll-margin-top:110px}.tp-stage{border:1px solid var(--color-border-subtle);-webkit-user-select:none;user-select:none;background:radial-gradient(120% 90% at 18% 0,#2a2620 0%,#15161d 55%,#0f1015 100%);border-radius:12px;position:relative;overflow:hidden;container-type:inline-size}.tp-menubar{color:#f2f2f5;white-space:nowrap;background:#16161cc7;align-items:center;gap:max(1.3cqw,7px);height:max(1.9cqw,16px);padding:0 1.6cqw;font-size:max(.95cqw,9px);line-height:1;display:flex}.tp-logo{aspect-ratio:1;opacity:.85;background:#f2f2f5;border-radius:50%;width:max(.85cqw,7px)}.tp-app{font-weight:700}.tp-m{border-radius:4px;padding:.1em .55em}.tp-m.is-open{background:#fff3}.tp-desk{padding:2.2cqw 2.4cqw 2.6cqw}.tp-window{background:#000;border-radius:max(.8cqw,6px);position:relative;overflow:hidden;box-shadow:0 1.2cqw 3cqw #0000008c,0 0 0 1px #ffffff17}.tp-shot{width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.tp-shot.tp-after,.tp-shot.tp-frame{opacity:0}.tp-light{aspect-ratio:1;border-radius:50%;position:absolute;box-shadow:inset 0 0 0 .5px #00000040}.tp-target{box-shadow:0 0 0 2px var(--color-accent), 0 0 0 max(.45cqw, 4px) var(--color-accent-stroke);opacity:0;pointer-events:none;border-radius:max(.35cqw,3px);transition:opacity .25s;position:absolute}.tp-target.is-on{opacity:1}.tp-reveal,.tp-cover{background-repeat:no-repeat;display:none;position:absolute}.tp-dim{opacity:0;pointer-events:none;background:#00000061;position:absolute;inset:0}.tp-sheet{left:50%;top:calc(28 * var(--u));z-index:5;font:calc(13 * var(--u))/1.25 -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;letter-spacing:-.01em;color:#dfdfe0;border-radius:calc(12 * var(--u));box-shadow:0 0 0 calc(.5 * var(--u)) #000000d9, 0 calc(22 * var(--u)) calc(60 * var(--u)) #0000008c, 0 calc(6 * var(--u)) calc(16 * var(--u)) #00000059;visibility:hidden;white-space:nowrap;background:#2a2a2c;position:absolute;overflow:hidden;transform:translate(-50%)}.tp-sheet:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 calc(1 * var(--u)) #ffffff21;pointer-events:none;position:absolute;inset:0}.tp-sheet svg{flex:none;display:block}.tp-sheet svg.fd{width:calc(16 * var(--u));height:calc(13 * var(--u))}.tp-sheet svg.chev{width:calc(7 * var(--u));height:calc(11 * var(--u))}.tp-sheet svg.dn{width:calc(9 * var(--u));height:calc(6 * var(--u))}.tp-sheet svg.ls{width:calc(15 * var(--u));height:calc(11 * var(--u))}.tp-sheet svg.mg{width:calc(12 * var(--u));height:calc(12 * var(--u))}.tp-sheet .btn{min-width:calc(76 * var(--u));height:calc(22 * var(--u));padding:0 calc(12 * var(--u));border-radius:calc(6 * var(--u));box-shadow:0 calc(.5 * var(--u)) calc(1.5 * var(--u)) #0000004d, inset 0 calc(.5 * var(--u)) 0 #ffffff29;background:#5b5b5f;place-items:center;display:grid}.tp-sheet .btn.primary{color:#fff;background:linear-gradient(#2b93ff,#0a7af2)}.tp-sheet .btn.primary.disabled{color:#ffffff59;background:#4a4a4e}.tp-sheet .popup{height:calc(22 * var(--u));align-items:center;gap:calc(6 * var(--u));padding:0 calc(5 * var(--u)) 0 calc(6 * var(--u));border-radius:calc(5 * var(--u));box-shadow:0 calc(.5 * var(--u)) calc(1.5 * var(--u)) #0000004d, inset 0 calc(.5 * var(--u)) 0 #ffffff24;background:linear-gradient(#5d5d61,#525256);display:flex}.tp-sheet .popup .chev{color:#e8e8e8;margin-left:auto}.tp-sheet.save{width:calc(480 * var(--u));padding:calc(20 * var(--u)) calc(20 * var(--u)) calc(18 * var(--u))}.tp-sheet.save .row{align-items:center;gap:calc(8 * var(--u));margin-bottom:calc(8 * var(--u));display:flex}.tp-sheet.save .row label{width:calc(72 * var(--u));text-align:right;flex:none}.tp-sheet.save .tf{min-width:0;height:calc(22 * var(--u));padding:0 calc(5 * var(--u));border-radius:calc(5 * var(--u));box-shadow:inset 0 0 0 calc(1 * var(--u)) #ffffff1f;background:#1e1e1f;flex:1;align-items:center;display:flex;overflow:hidden}.tp-sheet.save .tf.focus{box-shadow:0 0 0 calc(3.5 * var(--u)) #0a84ff80, inset 0 0 0 calc(1 * var(--u)) #0a84fff2}.tp-sheet.save .tf .sel{border-radius:calc(1.5 * var(--u));background:#0a6ee699}.tp-sheet.save .disclose{width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:calc(6 * var(--u));box-shadow:inset 0 calc(.5 * var(--u)) 0 #ffffff24;background:#4f4f53;flex:none;place-items:center;display:grid}.tp-sheet.save .popup{width:calc(230 * var(--u))}.tp-sheet.save .buttons{justify-content:flex-end;gap:calc(12 * var(--u));margin-top:calc(18 * var(--u));display:flex}.tp-sheet.open{width:calc(760 * var(--u));height:calc(440 * var(--u));grid-template-columns:calc(172 * var(--u)) 1fr;grid-template-rows:1fr calc(52 * var(--u));display:grid}.tp-sheet.open .side{padding:calc(14 * var(--u)) calc(10 * var(--u));border-right:calc(1 * var(--u)) solid #0000008c;background:#252527}.tp-sheet.open .side h6{margin:calc(10 * var(--u)) calc(8 * var(--u)) calc(5 * var(--u));font-size:calc(11 * var(--u));color:#8e8e92;font-weight:600}.tp-sheet.open .side h6:first-child{margin-top:0}.tp-sheet.open .side .it{height:calc(24 * var(--u));align-items:center;gap:calc(7 * var(--u));padding:0 calc(8 * var(--u));border-radius:calc(6 * var(--u));display:flex}.tp-sheet.open .side .it.cur{background:#ffffff1a}.tp-sheet.open .side .it svg{width:calc(16 * var(--u));height:calc(16 * var(--u));color:#3d93f8}.tp-sheet.open .main{background:#1e1e1f;flex-direction:column;min-width:0;display:flex}.tp-sheet.open .tbar{height:calc(44 * var(--u));align-items:center;gap:calc(12 * var(--u));padding:0 calc(12 * var(--u));border-bottom:calc(1 * var(--u)) solid #0009;color:#9a9a9e;background:#2a2a2c;flex:none;display:flex}.tp-sheet.open .tbar .nav{gap:calc(14 * var(--u));display:flex}.tp-sheet.open .tbar .nav svg{width:calc(9 * var(--u));height:calc(14 * var(--u))}.tp-sheet.open .tbar .nav .off{opacity:.4}.tp-sheet.open .tbar .view{align-items:center;gap:calc(4 * var(--u));height:calc(22 * var(--u));padding:0 calc(6 * var(--u));border-radius:calc(6 * var(--u));color:#dcdcde;background:#ffffff14;display:flex}.tp-sheet.open .tbar .path{width:calc(170 * var(--u));color:#dfdfe0;margin:0 auto}.tp-sheet.open .tbar .search{width:calc(150 * var(--u));height:calc(22 * var(--u));align-items:center;gap:calc(5 * var(--u));padding:0 calc(7 * var(--u));border-radius:calc(6 * var(--u));color:#8a8a8e;background:#ffffff12;display:flex}.tp-sheet.open .cols,.tp-sheet.open .r{grid-template-columns:1fr calc(132 * var(--u)) calc(60 * var(--u)) calc(150 * var(--u));padding:0 calc(12 * var(--u));align-items:center;display:grid}.tp-sheet.open .cols{height:calc(24 * var(--u));font-size:calc(11 * var(--u));color:#9e9ea2;border-bottom:calc(1 * var(--u)) solid #ffffff14;flex:none}.tp-sheet.open .cols span+span{padding-left:calc(8 * var(--u));border-left:calc(1 * var(--u)) solid #ffffff1a}.tp-sheet.open .r{height:calc(24 * var(--u))}.tp-sheet.open .r:nth-child(2n){background:#ffffff09}.tp-sheet.open .r .n{align-items:center;gap:calc(6 * var(--u));display:flex;overflow:hidden}.tp-sheet.open .r .n svg{width:calc(16 * var(--u));height:calc(16 * var(--u))}.tp-sheet.open .r .n svg.fd{height:calc(13 * var(--u))}.tp-sheet.open .r .m{padding-left:calc(8 * var(--u));color:#a3a3a7}.tp-sheet.open .r.off{opacity:.38}.tp-sheet.open .r.sel{color:#fff;border-radius:calc(4 * var(--u));background:#0059d1}.tp-sheet.open .r.sel .m{color:#fff}.tp-sheet.open .bbar{justify-content:flex-end;align-items:center;gap:calc(12 * var(--u));padding:0 calc(20 * var(--u));border-top:calc(1 * var(--u)) solid #0009;background:#2a2a2c;grid-column:1/3;display:flex}.tp-menu{z-index:15;color:#ececf1;white-space:nowrap;background:#2a2a30f7;border:1px solid #ffffff24;border-radius:max(.5cqw,5px);min-width:17cqw;padding:.35cqw;font-size:max(.95cqw,9px);line-height:1.5;display:none;position:absolute;box-shadow:0 .8cqw 2.4cqw #00000080}.tp-menu .item{border-radius:4px;justify-content:space-between;gap:3cqw;padding:.22em .7em;display:flex}.tp-menu .item .sc{color:#a3a3ad}.tp-menu .item.hl{background:#2f6fde}.tp-menu .item.hl .sc{color:#fff}.tp-menu .sep{background:#ffffff1f;height:1px;margin:.3cqw .5cqw}.tp-cursor{z-index:20;pointer-events:none;filter:drop-shadow(0 1px 1.5px #0000008c);width:max(1.45cqw,12px);position:absolute;top:72%;left:62%}.tp-cursor svg{transform-origin:0 0;width:100%;height:auto;display:block}.tp-ripple{z-index:19;aspect-ratio:1;border:2px solid var(--color-accent);opacity:0;pointer-events:none;border-radius:50%;width:max(2.6cqw,20px);position:absolute;transform:translate(-50%,-50%)scale(.3)}.tp-keys{z-index:18;opacity:0;pointer-events:none;white-space:nowrap;background:#0e0e13d1;border:1px solid #ffffff1a;border-radius:.6em;align-items:center;gap:.45em;padding:.5em .75em;font-size:max(1.25cqw,11px);line-height:1.5;display:flex;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}.tp-keys .label{color:var(--color-fg-tertiary);margin-right:.2em;font-size:.8em}.tp-keys kbd{text-align:center;color:#fff;background:#2c2d36;border:1px solid #484b5b;border-bottom-width:3px;border-radius:.35em;min-width:1.9em;padding:.15em .5em;font-family:inherit}.tp-dot{cursor:pointer;width:28px;height:18px;padding:0}.tp-dot:before{content:"";background:var(--color-border);border-radius:2px;height:4px;display:block}.tp-dot.is-done:before{background:var(--color-accent-stroke)}.tp-dot.is-current:before{background:var(--color-accent)}.tp:fullscreen{background:var(--color-canvas);flex-direction:column;justify-content:center;padding:24px;display:flex;overflow:auto}.tp:fullscreen .tp-frame{width:min(100%,152dvh - 364.8px);margin:0 auto}