.resource-lesson{--resource-cyan:#73dfff;--resource-orange:#ffb05c;background:radial-gradient(circle at 78% 16%,#73dfff13,#0000 28%),radial-gradient(circle at 18% 76%,#ffb05c0f,#0000 27%),#030604}.resource-contend-workspace,.resource-isolation-workspace,.resource-feed-workspace{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:16px;display:grid}.resource-code-panel,.resource-feed-code{align-content:start;display:grid}.resource-code{align-content:center;min-height:190px}.resource-code .lesson-code-line code{font-size:clamp(8px,.86vw,11px)}.contention-status,.feed-run-state{font-family:var(--font-geist-mono), monospace;background:#050806;border:1px solid #283229;justify-content:space-between;align-items:center;gap:12px;margin:0 18px 18px;padding:12px 14px;display:flex}.contention-status span,.contention-status strong,.feed-run-state span,.feed-run-state strong{letter-spacing:.08em;font-size:7px}.contention-status span,.feed-run-state span{color:#68746b}.contention-status strong,.feed-run-state strong{color:var(--green);font-weight:500}.contention-status--running,.feed-run-state--running{border-color:#9dff3a6b}.contention-status--done{border-color:#ff7d6480}.contention-status--done strong{color:#ff8b78}.resource-map-panel{padding-bottom:18px}.contention-map{grid-template-columns:minmax(130px,.62fr) minmax(260px,1.38fr);gap:16px;padding:18px;display:grid}.resource-die{background:#050806;border:1px solid #334139;grid-template-rows:auto 1fr;gap:12px;min-height:220px;padding:14px;display:grid}.resource-die__label{color:#77847a;font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;font-size:7px}.resource-cells{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.resource-cells i{background:#ffffff06;border:1px solid #ffffff17;min-width:0;transition:background .1s,border-color .1s}.resource-cells i.is-batch{background:#ffb05c3d;border-color:#ffb05c85;box-shadow:inset 0 0 8px #ffb05c14}.resource-cells i.is-online{background:#73dfff4d;border-color:#73dfff9e;box-shadow:0 0 8px #73dfff26}.contention-timeline{align-content:center;gap:15px;display:grid}.timeline-row{grid-template-columns:74px repeat(8,1fr);gap:4px;display:grid}.timeline-row strong{color:#77837a;font-family:var(--font-geist-mono), monospace;align-self:center;font-size:7px;font-weight:500}.timeline-row i{aspect-ratio:1;color:#49534b;font-family:var(--font-geist-mono), monospace;border:1px solid #29332b;place-items:center;font-size:6px;font-style:normal;display:grid}.timeline-row i.is-batch{color:var(--resource-orange);background:#ffb05c26;border-color:#ffb05c7a}.timeline-row i.is-wait{color:#ff8b78;background:repeating-linear-gradient(135deg,#ff7d6417,#ff7d6417 3px,#0000 3px 6px);border-color:#ff7d6461}.timeline-row i.is-online{border-color:var(--resource-cyan);color:var(--resource-cyan);background:#73dfff2e}.resource-metrics{border:1px solid #283229;grid-template-columns:1fr 1fr;margin:0 18px;display:grid}.resource-metrics>span{border-right:1px solid #283229;align-content:center;gap:6px;min-height:58px;padding:10px 13px;display:grid}.resource-metrics>span:last-child{border-right:0}.resource-metrics small,.resource-metrics strong{font-family:var(--font-geist-mono), monospace}.resource-metrics small{color:#59655c;letter-spacing:.09em;font-size:6px}.resource-metrics strong{color:var(--resource-cyan);font-size:12px;font-weight:500}.resource-metrics .is-missed strong{color:#ff8b78}.resource-isolation-workspace{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr)}.resource-options,.feed-options{align-content:start;gap:7px;display:grid}.resource-options>span,.feed-options>span{color:#69756c;font-family:var(--font-geist-mono), monospace;letter-spacing:.12em;margin-bottom:2px;font-size:7px}.resource-options button,.feed-options button{color:#758178;cursor:pointer;text-align:left;background:#050806db;border:1px solid #29332b;align-content:center;justify-items:start;gap:7px;min-height:102px;padding:14px 15px;display:grid}.resource-options button strong,.feed-options button strong{color:#b7c1b8;font-family:var(--font-geist-mono), monospace;letter-spacing:.05em;font-size:9px;font-weight:500}.resource-options button small,.feed-options button small{color:#6c786f;font-size:10px;line-height:1.48}.resource-options button i,.feed-options button i{color:#4f5a52;font-family:var(--font-geist-mono), monospace;letter-spacing:.06em;font-size:6px;font-style:normal}.resource-options button.is-selected,.feed-options button.is-selected{border-color:var(--green);background:#9dff3a0e}.resource-options button.is-selected strong,.resource-options button.is-selected i,.feed-options button.is-selected strong,.feed-options button.is-selected i{color:var(--green)}.feed-options button:disabled{cursor:not-allowed;opacity:.64}.isolation-panel{min-height:360px}.isolation-diagram{grid-template-columns:minmax(140px,.62fr) 44px minmax(220px,1fr);align-items:stretch;min-height:315px;padding:20px;display:grid}.isolation-zone{background:#050806;border:1px solid #2d3830;grid-template-rows:auto auto 1fr auto;gap:9px;padding:16px;transition:border-color .16s;display:grid}.isolation-zone>span,.isolation-zone>strong,.isolation-zone>small{font-family:var(--font-geist-mono), monospace}.isolation-zone>span{color:#647068;letter-spacing:.1em;font-size:6px}.isolation-zone>strong{color:#aab5ac;font-size:9px;font-weight:500}.isolation-zone>small{color:#566158;align-self:end;font-size:6px;line-height:1.5}.isolation-zone>div{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.isolation-zone>div i{background:#ffffff06;border:1px solid #ffffff14}.isolation-zone--online>div i{background:#73dfff12;border-color:#73dfff40}.isolation-zone--batch>div i{background:#ffb05c0f;border-color:#ffb05c3b}.isolation-divider{place-items:center;display:grid}.isolation-divider:before{content:"";background:#2b352d;width:1px;height:78%}.isolation-divider span{color:#505b52;font-family:var(--font-geist-mono), monospace;letter-spacing:.08em;writing-mode:vertical-rl;background:#050806;padding:6px 3px;font-size:5px;position:absolute}.isolation-diagram--shared .isolation-zone,.isolation-diagram--streams .isolation-zone{border-style:dashed}.isolation-diagram--streams .isolation-divider:before{background:repeating-linear-gradient(#334039,#334039 4px,#0000 4px 8px)}.isolation-diagram--mig .isolation-zone--online{border-color:var(--resource-cyan);box-shadow:inset 0 0 25px #73dfff09}.isolation-diagram--mig .isolation-zone--batch{border-color:var(--resource-orange);box-shadow:inset 0 0 25px #ffb05c08}.isolation-diagram--mig .isolation-divider:before{background:linear-gradient(to bottom, var(--resource-cyan), var(--green), var(--resource-orange));width:3px;box-shadow:0 0 10px #9dff3a4d}.isolation-diagram--mig .isolation-divider span{color:var(--green)}.resource-feedback{background:#050806;border:1px solid #29332b;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:15px;padding:15px 17px;display:grid}.resource-feedback p{color:#ffb668;margin:0;font-size:11px;line-height:1.58}.resource-feedback p.is-correct{color:var(--green)}.resource-feedback small{color:#59655b;margin-top:6px;font-size:9px;line-height:1.5;display:block}.resource-feed-workspace{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.resource-feed-code .resource-code{min-height:170px}.feed-options{padding:0 18px 18px}.feed-options button{min-height:76px}.feed-lab-panel{padding-bottom:18px}.feed-pipeline{background:#050806;border:1px solid #2b352d;margin:24px 18px 18px;padding:18px}.feed-scale{grid-template-columns:repeat(8,1fr);gap:4px;margin-left:83px;display:grid}.feed-scale span{color:#485249;font-family:var(--font-geist-mono), monospace;text-align:center;font-size:5px}.feed-row{grid-template-columns:72px 1fr;align-items:center;gap:11px;margin-top:10px;display:grid}.feed-row>strong{color:#69756c;font-family:var(--font-geist-mono), monospace;font-size:6px;font-weight:500}.feed-row>div{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.feed-row i{background:#ffffff05;border:1px solid #273129;height:40px;transition:background .12s}.feed-row i.is-copy{background:#73dfff38;border-color:#73dfffa6;box-shadow:inset 0 0 10px #73dfff14}.feed-row i.is-compute{background:#9dff3a2b;border-color:#9dff3a94;box-shadow:inset 0 0 10px #9dff3a0f}.feed-budget{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin:18px 0 0 83px;display:grid}.feed-budget span,.feed-budget strong{color:#657168;font-family:var(--font-geist-mono), monospace;font-size:6px}.feed-budget strong{color:var(--resource-cyan);font-weight:500}.feed-budget i{background:linear-gradient(90deg, var(--resource-cyan), transparent);height:1px}.resource-principle code{color:var(--resource-cyan);background:#73dfff12}@media (max-width:980px){.resource-contend-workspace,.resource-feed-workspace{grid-template-columns:1fr}.resource-isolation-workspace{grid-template-columns:minmax(250px,.65fr) minmax(500px,1.35fr);overflow-x:auto}}@media (max-width:760px){.resource-isolation-workspace{grid-template-columns:1fr;overflow:visible}.contention-map{grid-template-columns:1fr}.resource-die{min-height:190px}.resource-options button{min-height:88px}.isolation-diagram{grid-template-columns:1fr;gap:8px}.isolation-divider{min-height:32px}.isolation-divider:before{width:78%;height:1px}.isolation-divider span{writing-mode:horizontal-tb;padding:3px 6px}.isolation-diagram--mig .isolation-divider:before{background:linear-gradient(to right, var(--resource-cyan), var(--green), var(--resource-orange));width:78%;height:3px}.resource-feedback{grid-template-columns:1fr}.feed-run-state{margin-top:12px}}@media (max-width:480px){.resource-code .lesson-code-line code{font-size:7px}.timeline-row{grid-template-columns:58px repeat(8,1fr);gap:2px}.timeline-row strong{font-size:6px}.resource-metrics{grid-template-columns:1fr}.resource-metrics>span{border-bottom:1px solid #283229;border-right:0}.resource-metrics>span:last-child{border-bottom:0}.feed-pipeline{padding:12px 8px}.feed-scale{margin-left:65px}.feed-row{grid-template-columns:56px 1fr;gap:8px}.feed-budget{margin-left:65px}}@media (prefers-reduced-motion:reduce){.resource-cells i,.feed-row i,.isolation-zone{transition:none}}
