.package-workspace{--panel:#091019c2;--line:#3f3f46;--cyan:#67e8f9;color:#fff;background:#000;height:100vh;display:flex;overflow:hidden}.control-rail{background:#09090b;border-right:1px solid #27272a;flex-direction:column;flex-shrink:0;width:320px;height:100vh;padding:32px;display:flex;overflow:hidden}.eyebrow{color:#a5f3fc8c;letter-spacing:.2em;text-transform:uppercase;font-size:9px}.rail-title{margin:0 0 34px}.rail-title h1,.console-header h2,.stage-header h2,.meter-title h3{letter-spacing:.02em;margin:6px 0 0;font-weight:600}.rail-title h1{letter-spacing:-.025em;margin:0;font-size:48px;font-weight:700}.home-link{color:inherit;text-decoration:none}.home-link h1{transition:color .2s}.home-link:hover h1{color:#67e8f9}.rail-title p{color:#a1a1aa;margin:12px 0 0;font-size:16px;line-height:1.6}.material-select span,.parameter-heading span{color:#a1a1aa;letter-spacing:.04em;font-size:12px}.material-select select{color:#f4f4f5;background:#18181b;border:1px solid #3f3f46;border-radius:12px;outline:none;width:100%;margin:10px 0 22px;padding:16px}.control-scroll{padding-right:7px;overflow-y:auto}.parameter-control{margin:0 0 19px;display:block}.parameter-heading{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.parameter-heading strong{color:var(--cyan);white-space:nowrap;font-family:monospace;font-size:12px}.parameter-control small,.radiation-card small{color:#7894a3;font-size:.72em;font-weight:500}.parameter-control input[type=range]{appearance:none;background:linear-gradient(90deg, #22d3ee var(--range-fill), #3f3f46 var(--range-fill));cursor:pointer;border-radius:10px;width:100%;height:4px;margin-top:10px}.parameter-control input[type=range]::-webkit-slider-thumb{appearance:none;background:#06b6d4;border:2px solid #cffafe;border-radius:50%;width:13px;height:13px;transition:transform .2s;box-shadow:0 0 13px #22d3eecc}.parameter-control input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.25)}.rail-version{color:#71717a;margin-top:16px;font-size:14px}.live-data-card{background:#18181b;border:1px solid #27272a;border-radius:16px;margin-top:18px;padding:16px;overflow:hidden}.sidebar-card-heading{color:#a1a1aa;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.sidebar-card-heading i{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #34d399}.sidebar-card-heading i.offline{background:#fb7185;box-shadow:0 0 12px #fb7185}.live-data-card p{color:#a1a1aa;justify-content:space-between;gap:10px;margin:9px 0;font-size:11px;display:flex}.live-data-card b{color:#cffafe;text-align:right;font-family:monospace;font-size:11px}.simulation-console{flex:1;min-width:0;padding:32px;overflow:hidden}.radiation-card{background:#09090b;border:1px solid #27272a;border-radius:24px;flex-direction:column;min-width:0;height:100%;padding:32px;display:flex;overflow:hidden}.console-header{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex}.console-header h2{font-size:30px}.console-header p{color:#a1a1aa;margin:8px 0 0}.api-state,.live-status{color:#6ee7b7;letter-spacing:.16em;text-transform:uppercase;border:1px solid #34d39938;border-radius:30px;padding:7px 10px;font-size:9px}.api-state i,.live-status i{background:#34d399;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 12px #34d399}.api-state.offline{color:#fb7185;border-color:#fb718540}.api-state.offline i{background:#fb7185;box-shadow:0 0 12px #fb7185}.console-layout{flex:1;grid-template-columns:minmax(520px,1fr) 290px;gap:20px;min-height:0;display:grid}.visual-stage,.meter-bank{border:1px solid var(--line);background:linear-gradient(145deg,#0a141fdb,#02080ebd);border-radius:18px;position:relative;overflow:hidden;box-shadow:0 20px 55px #00000047}.stage-grid{opacity:.5;background-image:linear-gradient(#49b6d514 1px,#0000 1px),linear-gradient(90deg,#49b6d514 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.stage-header{z-index:5;justify-content:space-between;display:flex;position:absolute;top:20px;left:22px;right:22px}.stage-header h2{font-size:19px}.cutaway-area{justify-content:center;align-items:center;display:flex;position:absolute;inset:84px 20px 112px}.dewar-shell{width:286px;height:var(--tube-height);background:#0e222f57;border-radius:6px;max-height:100%;transition:height .5s;position:relative;box-shadow:0 0 44px #22d3ee1a}.outer-wall{background:linear-gradient(90deg,#4e7687e6,#a0d6e059,#26424eeb);border:1px solid #a5f3fc6b;width:18px;position:absolute;top:0;bottom:0}.wall-left{left:0}.wall-right{right:0;transform:scaleX(-1)}.end-boundary{z-index:6;background:linear-gradient(#5f8894,#18333e);border:1px solid #a5f3fc75;height:15px;position:absolute;left:-16px;right:-16px;box-shadow:0 0 15px #67e8f92e}.boundary-top{top:-8px}.boundary-bottom{bottom:-8px}.end-boundary span{color:#7096a2;letter-spacing:.16em;white-space:nowrap;font-size:8px;position:absolute;left:310px}.boundary-top span{top:-2px}.boundary-bottom span{bottom:-2px}.inner-tube{z-index:3;width:var(--inner-width);padding:0 var(--wall-width);background:#c0eff142;border:1px solid #e0f7faad;transition:width .5s,padding .5s;position:absolute;top:7px;bottom:7px;left:50%;transform:translate(-50%);box-shadow:0 0 23px #60dcfa42}.temperature-field{background:linear-gradient(#2563eb,#22d3ee 24%,#fde047 55%,#f97316 76%,#ef4444);width:100%;height:100%;transition:background .5s;box-shadow:inset 12px 0 18px #ffffff1a,inset -12px 0 18px #0003}.vacuum-gap{width:calc((100% - var(--inner-width)) / 2 - 18px);position:absolute;top:0;bottom:0;overflow:hidden}.gap-left{left:18px}.gap-right{right:18px}.vacuum-gap i{background:linear-gradient(90deg, transparent, rgba(34,211,238,var(--radiation-opacity)), rgba(139,92,246,var(--radiation-opacity)), transparent);filter:blur(10px);border-radius:50%;height:18%;animation:6s ease-in-out infinite radiation-pulse;position:absolute;left:-25%;right:-25%}.vacuum-gap i:first-child{top:16%}.vacuum-gap i:nth-child(2){animation-delay:2s;top:43%}.vacuum-gap i:nth-child(3){animation-delay:4s;top:70%}.conduction-stream{z-index:4;opacity:.75;background:repeating-linear-gradient(0deg,#0000 0 12px,#fffc 12px 22px,#0000 22px 35px);width:3px;animation:3.8s linear infinite conduction-flow;position:absolute;top:0;bottom:0}.stream-left{left:2px}.stream-right{animation-delay:-1.9s;right:2px}.tube-label,.gap-label,.outer-label{color:#cffafe9e;letter-spacing:.18em;writing-mode:vertical-rl;font-size:8px;position:absolute}.tube-label{top:42%;left:calc(50% - 5px)}.gap-label{top:42%;left:25px}.outer-label{top:42%;left:-14px}.endpoint{gap:4px;display:grid;position:absolute;left:calc(50% + 180px)}.endpoint b{letter-spacing:.18em;font-size:12px}.endpoint span{font-family:monospace;font-size:18px}.endpoint-cold{color:#67e8f9;top:6px}.endpoint-hot{color:#fb923c;bottom:4px}.temperature-scale{color:#83aab6;flex-direction:column;justify-content:space-between;align-items:end;height:70%;font-family:monospace;font-size:11px;display:flex;position:absolute;right:20px}.temperature-scale i{background:#67e8f959;width:30px;height:1px}.radiation-readout{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080f1dc7;border:1px solid #8b5cf63d;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;display:flex;position:absolute;bottom:20px;left:22px;right:22px}.radiation-readout span{color:#8298a9;letter-spacing:.14em;text-transform:uppercase;font-size:9px;display:block}.radiation-readout strong{color:#c4b5fd;margin-top:4px;font-family:monospace;font-size:22px;display:block}.radiation-icon{gap:3px;display:flex}.radiation-icon i{background:#8b5cf6;border-radius:10px;width:4px;height:32px;animation:3s ease-in-out infinite radiation-pulse;display:block;box-shadow:0 0 14px #8b5cf6}.radiation-icon i:nth-child(2){height:42px;animation-delay:1s}.radiation-icon i:nth-child(3){animation-delay:2s}.radiation-badge{text-align:right;margin-left:auto}.radiation-badge b{color:#67e8f9;font-family:monospace;font-size:18px}.meter-bank,.parameter-bank{border:1px solid var(--line);background:linear-gradient(145deg,#0a141fdb,#02080ebd);border-radius:18px;padding:18px;overflow-y:auto}.meter-title{margin-bottom:17px}.meter-title h3{font-size:16px}.gold-toggle{background:#040c14b8;border:1px solid #facc1529;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding:12px;display:flex}.gold-toggle b,.gold-toggle span{display:block}.gold-toggle b{color:#fef3c7;font-size:12px}.gold-toggle span{color:#8298a9;margin-top:4px;font-size:9px}.gold-toggle button{cursor:pointer;background:#3f3f46;border:0;border-radius:999px;flex-shrink:0;width:42px;height:24px;padding:3px;transition:background .3s}.gold-toggle button i{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .3s;display:block}.gold-toggle button.enabled{background:#eab308}.gold-toggle button.enabled i{transform:translate(18px)}.instrument-meter{background:#040c14b8;border:1px solid #67e8f91a;border-radius:10px;margin-top:12px;padding:12px}.meter-heading{justify-content:space-between;gap:6px;display:flex}.meter-heading span{color:#91a8b3;letter-spacing:.08em;text-transform:uppercase;font-size:9px}.meter-heading strong{color:#cffafe;white-space:nowrap;font-family:monospace;font-size:12px}.meter-track{background:#122834;border-radius:8px;height:4px;margin-top:10px;overflow:hidden}.meter-track span{border-radius:inherit;background:linear-gradient(90deg,#0891b2,#67e8f9);height:100%;transition:width .55s;display:block;box-shadow:0 0 12px #22d3ee}.indicator-card,.geometry-card{color:#a4bbc4;background:#040c1499;border:1px solid #67e8f91a;border-radius:10px;margin-top:14px;padding:12px;font-size:11px}.indicator-card>span,.geometry-card>span{color:#647f8a;letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px;font-size:9px;display:block}.indicator-card div{margin-top:7px}.indicator-card i{border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.indicator-card .violet{background:#8b5cf6;box-shadow:0 0 10px #8b5cf6}.geometry-card p{justify-content:space-between;margin:7px 0;display:flex}.geometry-card b{color:#cffafe;font-family:monospace}@keyframes radiation-pulse{0%,to{opacity:.35;transform:scaleY(.75)}50%{opacity:1;transform:scaleY(1.25)}}@keyframes conduction-flow{to{background-position:0 -70px}}@media (max-width:1100px){.control-rail{width:280px;padding:24px}.simulation-console,.radiation-card{padding:24px}.console-layout{grid-template-columns:minmax(430px,1fr) 250px}.temperature-scale{display:none}}@media (max-width:850px){.package-workspace{height:auto;min-height:100vh;display:block;overflow:visible}.control-rail{width:auto;height:auto;max-height:42vh}.simulation-console{padding:14px}.radiation-card{padding:18px}.console-layout{grid-template-columns:1fr;height:auto}.visual-stage{height:680px}.meter-bank{grid-template-columns:1fr 1fr;gap:10px;display:grid}.meter-title{grid-column:1/-1}.instrument-meter{margin-top:0}}