.tc-page{--tc-a:#7c5cff;--tc-b:#27d8c6;--tc-bg:#07111d;--tc-panel:#0d1a2a;--tc-line:rgba(139,165,201,.18)}
.tc-disclosure,.tc-wide-lead{max-width:760px}.tc-disclosure{margin-top:18px;color:#8292a8;font-size:.82rem}.tc-command-card,.tc-builder-shell,.tc-detail-shell,.tc-lab-shell,.tc-next-card{background:linear-gradient(145deg,rgba(13,26,42,.96),rgba(7,17,29,.98));border:1px solid rgba(139,165,201,.16);box-shadow:0 24px 80px rgba(0,0,0,.28)}
.tc-command-card{border-radius:24px;padding:18px;min-height:470px;position:relative;overflow:hidden}.tc-command-card:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle,rgba(124,92,255,.13),transparent 38%);animation:tcGlow 8s linear infinite}.tc-command-head,.tc-editor-head,.tc-lab-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#dce7f6}.tc-command-head small,.tc-editor-head span,.tc-run-summary>span{font-size:.68rem;letter-spacing:.14em;color:#75869d}.tc-live-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#27d8c6;margin-right:9px;box-shadow:0 0 0 6px rgba(39,216,198,.08);animation:tcPulse 1.8s infinite}
.tc-lifecycle{height:350px;position:relative;z-index:2}.tc-core-node,.tc-orbit-node{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center}.tc-core-node{left:50%;top:50%;transform:translate(-50%,-50%);width:138px;height:138px;border-radius:50%;justify-content:center;background:radial-gradient(circle at 35% 30%,rgba(124,92,255,.35),rgba(11,25,41,.98));border:1px solid rgba(124,92,255,.5);box-shadow:0 0 45px rgba(124,92,255,.16);z-index:4}.tc-core-node>span{position:absolute;inset:-13px;border:1px dashed rgba(124,92,255,.25);border-radius:50%;animation:tcSpin 13s linear infinite}.tc-core-node i{font-size:1.6rem;color:#a996ff;margin-bottom:8px}.tc-core-node small,.tc-orbit-node small{color:#778aa3;font-size:.69rem}.tc-orbit-node{width:105px;z-index:5;transition:.35s ease}.tc-orbit-node span{width:46px;height:46px;border-radius:14px;background:#0c1a2a;border:1px solid var(--tc-line);display:grid;place-items:center;color:#8091aa;margin-bottom:7px;transition:.35s}.tc-orbit-node.active{transform:translateY(-4px)}.tc-orbit-node.active span{color:#27d8c6;border-color:rgba(39,216,198,.6);box-shadow:0 0 28px rgba(39,216,198,.18)}.tc-node-design{left:3%;top:14%}.tc-node-steps{right:2%;top:13%}.tc-node-expect{right:-2%;bottom:10%}.tc-node-run{left:40%;bottom:-1%}.tc-node-history{left:-3%;bottom:10%}.tc-lifecycle-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}.tc-lifecycle-lines path{fill:none;stroke:rgba(117,143,178,.2);stroke-width:1.4;stroke-dasharray:5 7;animation:tcDash 13s linear infinite}.tc-command-status{position:relative;z-index:4;padding:14px 16px;background:rgba(4,11,20,.55);border:1px solid var(--tc-line);border-radius:14px}.tc-command-status span,.tc-command-status small{font-size:.72rem;color:#718299}.tc-command-status strong{display:block;color:#e5edf8;margin:3px 0 10px}.tc-command-progress{height:4px;background:#17283a;border-radius:9px;overflow:hidden;margin-bottom:7px}.tc-command-progress b{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--tc-a),var(--tc-b));transition:.5s}
.tc-dark-section{background:linear-gradient(180deg,rgba(5,13,23,.46),rgba(8,17,29,.88));border-top:1px solid rgba(139,165,201,.08);border-bottom:1px solid rgba(139,165,201,.08)}.tc-scenario-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0 22px}.tc-scenario-tab,.tc-step-card{border:1px solid var(--tc-line);background:rgba(12,25,41,.72);border-radius:16px;color:#dce7f6;padding:17px;text-align:left;cursor:pointer;transition:.25s}.tc-scenario-tab:hover,.tc-step-card:hover,.tc-scenario-tab.active,.tc-step-card.active{border-color:rgba(124,92,255,.55);background:rgba(124,92,255,.08);transform:translateY(-2px)}.tc-scenario-tab span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(124,92,255,.1);color:#a996ff;margin-bottom:10px}.tc-scenario-tab strong,.tc-scenario-tab small{display:block}.tc-scenario-tab small{color:#718299;margin-top:4px}.tc-builder-shell{display:grid;grid-template-columns:.9fr 1.1fr;border-radius:24px;overflow:hidden}.tc-builder-copy{padding:34px}.tc-builder-label,.tc-detail-copy>span{font-size:.7rem;letter-spacing:.14em;color:#27d8c6}.tc-builder-copy h3,.tc-detail-copy h3{font-size:1.7rem;color:#eef4fc;margin:9px 0 11px}.tc-builder-copy p,.tc-detail-copy p{color:#92a1b6;line-height:1.75}.tc-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:26px 0}.tc-meta-grid div{padding:13px;border:1px solid var(--tc-line);border-radius:12px;background:rgba(4,11,20,.45)}.tc-meta-grid span,.tc-meta-grid strong{display:block}.tc-meta-grid span{font-size:.68rem;color:#718299;margin-bottom:4px}.tc-meta-grid strong{color:#dce7f6}.tc-ready{color:#46d6a5!important}.tc-precondition-card,.tc-editor-result{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(39,216,198,.18);background:rgba(39,216,198,.05);padding:14px;border-radius:14px}.tc-precondition-card>span,.tc-editor-result>span{color:#27d8c6}.tc-precondition-card small,.tc-editor-result small{display:block;font-size:.64rem;letter-spacing:.12em;color:#718299;margin-bottom:4px}.tc-precondition-card strong,.tc-editor-result strong{font-size:.88rem;color:#d7e4f5}.tc-step-editor{padding:24px;background:rgba(5,12,21,.55);border-left:1px solid var(--tc-line)}.tc-editor-body{display:grid;gap:10px;margin:18px 0}.tc-step-row{display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:start;padding:13px;border:1px solid var(--tc-line);border-radius:14px;background:rgba(12,25,41,.75);animation:tcIn .35s ease}.tc-step-num{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,92,255,.11);color:#a996ff;font-weight:700}.tc-step-row strong,.tc-step-row small{display:block}.tc-step-row strong{color:#e2ebf6;font-size:.9rem}.tc-step-row small{color:#7f91a9;margin-top:5px;line-height:1.45}.tc-step-row em{font-style:normal;color:#27d8c6}
.tc-step-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:30px 0 20px}.tc-step-card span{font-size:.65rem;color:#6f8097}.tc-step-card i{display:block;color:#8f7cff;font-size:1.15rem;margin:10px 0}.tc-step-card strong,.tc-step-card small{display:block}.tc-step-card small{color:#718299;margin-top:4px}.tc-detail-shell{display:grid;grid-template-columns:.9fr 1.1fr;border-radius:22px;padding:28px}.tc-detail-rail{display:flex;align-items:center;justify-content:center;padding-right:24px}.tc-detail-rail div{display:flex;flex-direction:column;align-items:center;color:#6e8199;font-size:.68rem;transition:.3s}.tc-detail-rail div span{width:13px;height:13px;border-radius:50%;border:2px solid #40536b;background:#0d1a2a;margin-bottom:8px}.tc-detail-rail div.active span,.tc-detail-rail div.done span{border-color:#27d8c6;background:#27d8c6;box-shadow:0 0 16px rgba(39,216,198,.35)}.tc-detail-rail div.active strong{color:#dce7f6}.tc-detail-rail b{height:1px;flex:1;background:#26384e;margin:0 8px 22px}.tc-output{margin-top:18px;padding:13px 15px;border-left:3px solid #7c5cff;background:rgba(124,92,255,.06);border-radius:0 10px 10px 0}.tc-output small,.tc-output strong{display:block}.tc-output small{font-size:.64rem;color:#718299}.tc-output strong{color:#dce7f6;margin-top:3px}
.tc-lab-shell{display:grid;grid-template-columns:1fr 270px;gap:18px;margin-top:28px}.tc-lab-main{border:1px solid var(--tc-line);background:linear-gradient(145deg,rgba(13,26,42,.96),rgba(7,17,29,.98));border-radius:22px;padding:22px}.tc-lab-state{padding:6px 10px;border-radius:999px;background:rgba(124,92,255,.08);color:#a996ff;font-size:.66rem;letter-spacing:.11em}.tc-lab-state.running{color:#f2c96d;background:rgba(242,201,109,.08)}.tc-lab-state.passed{color:#45d7a5;background:rgba(69,215,165,.08)}.tc-lab-flow{display:flex;align-items:center;justify-content:space-between;margin:28px 0}.tc-lab-node{width:112px;text-align:center;opacity:.52;transition:.3s}.tc-lab-node span{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;margin:0 auto 8px;border:1px solid var(--tc-line);background:#0d1b2b;color:#8092aa}.tc-lab-node strong,.tc-lab-node small{display:block}.tc-lab-node strong{color:#dce7f6;font-size:.8rem}.tc-lab-node small{color:#6f8198;font-size:.65rem;margin-top:3px}.tc-lab-node.active,.tc-lab-node.done{opacity:1}.tc-lab-node.active span{color:#27d8c6;border-color:rgba(39,216,198,.55);box-shadow:0 0 25px rgba(39,216,198,.15);transform:translateY(-3px)}.tc-lab-node.done span{color:#45d7a5}.tc-lab-link{height:1px;flex:1;background:#23364b;position:relative;margin:0 7px}.tc-lab-link b{position:absolute;width:9px;height:9px;border-radius:50%;background:#27d8c6;top:-4px;left:0;opacity:0}.tc-lab-link.travel b{animation:tcTravel .55s ease}.tc-console{height:250px;overflow:auto;border:1px solid rgba(139,165,201,.13);background:#050b13;border-radius:14px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;line-height:1.75;color:#a9bad0}.tc-console-line.muted{color:#5f7189}.tc-console-line.action{color:#96aaff}.tc-console-line.success{color:#4bd8a9}.tc-console-line.check{color:#27d8c6}.tc-lab-actions{display:flex;gap:10px;margin-top:16px}.tc-run-summary{border:1px solid var(--tc-line);border-radius:22px;background:rgba(12,25,41,.76);padding:22px}.tc-run-summary>span{display:block;margin-bottom:18px}.tc-run-summary>div{padding:14px 0;border-top:1px solid rgba(139,165,201,.1)}.tc-run-summary small,.tc-run-summary strong{display:block}.tc-run-summary small{color:#718299}.tc-run-summary strong{color:#dce7f6;margin-top:4px}.tc-summary-result strong{font-size:1.2rem;color:#8898ad}.tc-summary-result strong.passed{color:#45d7a5}
.tc-benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.tc-benefit-grid>div{border:1px solid var(--tc-line);border-radius:18px;background:rgba(12,25,41,.65);padding:22px}.tc-benefit-grid span{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(124,92,255,.09);color:#a996ff}.tc-benefit-grid h3{color:#e1eaf6;font-size:1rem;margin:15px 0 8px}.tc-benefit-grid p{color:#7e8fa5;font-size:.84rem;line-height:1.65}.tc-next-card{border-radius:24px;padding:34px;display:flex;justify-content:space-between;gap:30px;align-items:center}.tc-next-card h2{color:#eff5fc;font-size:1.9rem;margin:7px 0 8px}.tc-next-card h2 em{color:#a996ff;font-style:normal}.tc-next-card p{color:#8495aa;max-width:700px}.tc-next-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@keyframes tcPulse{50%{box-shadow:0 0 0 10px rgba(39,216,198,0)}}@keyframes tcSpin{to{transform:rotate(360deg)}}@keyframes tcDash{to{stroke-dashoffset:-120}}@keyframes tcGlow{to{transform:rotate(360deg)}}@keyframes tcTravel{0%{left:0;opacity:0}15%{opacity:1}100%{left:100%;opacity:0}}@keyframes tcIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.tc-benefit-grid{grid-template-columns:repeat(2,1fr)}.tc-step-grid{grid-template-columns:repeat(3,1fr)}.tc-builder-shell,.tc-detail-shell{grid-template-columns:1fr}.tc-step-editor{border-left:0;border-top:1px solid var(--tc-line)}.tc-lab-shell{grid-template-columns:1fr}.tc-run-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tc-run-summary>span{grid-column:1/-1}.tc-run-summary>div{border-top:0;border-left:1px solid rgba(139,165,201,.1);padding:5px 12px}.tc-detail-rail{padding:0 0 28px}}
@media(max-width:760px){.tc-scenario-tabs,.tc-step-grid,.tc-benefit-grid{grid-template-columns:1fr}.tc-lifecycle{transform:scale(.84);transform-origin:center}.tc-command-card{min-height:440px}.tc-lab-flow{overflow-x:auto;justify-content:flex-start;padding-bottom:10px}.tc-lab-node{min-width:90px}.tc-lab-link{min-width:30px}.tc-run-summary{grid-template-columns:repeat(2,1fr)}.tc-next-card{display:block}.tc-next-actions{justify-content:flex-start;margin-top:22px}.tc-meta-grid{grid-template-columns:1fr}.tc-detail-rail{overflow-x:auto;justify-content:flex-start}.tc-detail-rail div{min-width:62px}.tc-detail-rail b{min-width:22px}.tc-builder-copy{padding:24px}}