:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#16324f;background-color:#eef5ff;--bg-base: #eef5ff;--bg-elevated: rgba(255, 255, 255, .96);--bg-panel: rgba(255, 255, 255, .88);--bg-soft: #f3f8ff;--line-strong: rgba(67, 125, 205, .28);--line-soft: rgba(67, 125, 205, .16);--text-main: #16324f;--text-soft: #355272;--text-muted: #6a86a5;--accent: #2f74d8;--accent-strong: #4c93ff;--accent-deep: #1f5cb7;--success: #27b07d;--danger: #d9536f;--shadow-lg: 0 18px 45px rgba(39, 89, 150, .12)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top right,rgba(92,155,255,.22),transparent 26%),radial-gradient(circle at bottom left,rgba(140,194,255,.2),transparent 24%),linear-gradient(180deg,#f6fbff,#edf5ff,#e5f0ff);min-height:100vh}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{padding:20px;border-right:1px solid var(--line-soft);background:linear-gradient(180deg,#1f5cb7f5,#357fe7eb);box-shadow:inset -1px 0 #ffffff26}.sidebar h1{margin:0;font-size:1.3rem;letter-spacing:.04em}.subtitle{margin:6px 0 18px;color:#e5f1ffd1;font-size:.85rem}.nav-link{display:block;text-decoration:none;color:#edf5ff;padding:10px 12px;border-radius:12px;margin-bottom:6px;border:1px solid transparent;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.nav-link:hover,.nav-link.active{background:#ffffff2e;border-color:#fff3;color:#fff;transform:translate(2px)}.content{padding:16px 20px 24px}.topbar{display:flex;justify-content:center;align-items:center;margin-bottom:16px}.topbar-title{color:#2b68c8;font-size:1.9rem;font-weight:800;letter-spacing:.08em;text-shadow:0 8px 20px rgba(76,147,255,.18)}h2{margin:0 0 14px}.kpi-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:12px}.card,.table-card{background:linear-gradient(180deg,#fffffffa,#f7fbfffa);border:1px solid var(--line-strong);border-radius:16px;padding:14px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card h3{margin:0;font-size:.88rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.card p{margin:10px 0 0;font-size:1.4rem;font-weight:700;color:#17385d}.actions-row{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}input,select,button{background:#fff;border:1px solid var(--line-strong);color:var(--text-main);border-radius:12px;padding:9px 10px;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}input:focus,select:focus,button:focus{outline:none;border-color:#f39c45d9;box-shadow:0 0 0 3px #d97a2b2e}button{cursor:pointer;background:linear-gradient(135deg,#4c93ff,#2f74d8);border:1px solid rgba(76,147,255,.25);color:#fff;font-weight:700}button.secondary{background:linear-gradient(135deg,#8ab6f6,#5e95e6)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line-soft);font-size:.92rem}th{color:#4f78a8;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}td{color:var(--text-soft)}.login-page{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:min(430px,100%);background:linear-gradient(180deg,#fffffffa,#f6fafffa);border:1px solid var(--line-strong);border-radius:18px;padding:22px;display:grid;gap:10px;box-shadow:var(--shadow-lg)}.login-card h1{margin:0;color:#245eb9}.login-card p{margin:0 0 8px;color:var(--text-soft)}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid #243a63}}.io-pill{display:inline-block;min-width:48px;text-align:center;padding:2px 8px;border-radius:999px;font-size:.78rem;font-weight:700}.io-pill.on{background:#2f9f7b;color:#dff7ed;border:1px solid #258967}.io-pill.off{background:#b13d5f;color:#ffebea;border:1px solid #97334f}.io-status{display:inline-flex;align-items:center;gap:8px}.io-lamp{width:12px;height:12px;border-radius:50%;display:inline-block;border:1px solid rgba(255,255,255,.6)}.io-lamp.on{background:#18b777;box-shadow:0 0 10px #18b777a6}.io-lamp.off{background:#c41e4e;box-shadow:0 0 10px #c41e4e94}.trend-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.trend-item{background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:12px;padding:10px;display:grid;gap:6px}.trend-item strong{font-size:1.1rem;color:#214772}.trend-bar{width:100%;height:10px;border-radius:999px;background:#dfeaf8;overflow:hidden}.trend-bar span{display:block;height:100%;background:linear-gradient(90deg,#4c93ff,#6eb9ff)}.chart-card{background:linear-gradient(180deg,#fffffffa,#f5fafffa);border:1px solid var(--line-soft);border-radius:18px;padding:18px 18px 12px;margin-bottom:12px;box-shadow:var(--shadow-lg)}.chart-card h3{margin:0 0 12px;color:#3574d2;text-transform:uppercase;letter-spacing:.22em;font-size:.92rem}.furnace-trend-caption{margin:-4px 0 14px;color:var(--text-muted);font-size:.84rem;font-weight:700}.furnace-trend-caption-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.furnace-trend-caption-row .furnace-trend-caption{margin:0}.shift-chart-shell{display:grid;grid-template-columns:34px 1fr;gap:10px;min-height:270px}.shift-axis{height:240px;display:grid;grid-template-rows:repeat(5,1fr);align-items:end;color:#6f8db2;font-size:.8rem}.shift-axis span{transform:translateY(50%)}.shift-plot{position:relative;height:240px;border-bottom:1px solid rgba(67,125,205,.18)}.shift-hline{height:20%;border-top:1px dashed rgba(67,125,205,.16)}.shift-bars-wrap{position:absolute;left:6px;right:6px;bottom:-26px;height:240px;display:grid;grid-template-columns:repeat(6,1fr);align-items:end}.shift-col{display:grid;justify-items:center;gap:6px}.trend-values-top{display:flex;align-items:center;justify-content:center;gap:8px;min-height:24px;flex-wrap:wrap}.machine-values-top{gap:6px}.trend-value{font-size:.82rem;font-weight:800;line-height:1}.trend-value.running,.trend-value.good{color:#1e9f68}.trend-value.idle{color:#d99b00}.trend-value.stop,.trend-value.bad{color:#d63c57}.trend-date-bottom{color:#5f82b0;font-size:.82rem;font-weight:700;letter-spacing:.03em}.shift-col small{color:#6f8db2;font-size:.8rem}.shift-bar-stack{height:220px;display:flex;align-items:end;gap:2px}.shift-bar{border-radius:5px;display:inline-block}.shift-bar.good{width:14px;border-radius:8px;background:linear-gradient(180deg,#48cf95,#1e9f68)}.shift-bar.bad{width:10px;border-radius:8px;background:linear-gradient(180deg,#ff8b8b,#d63c57)}.machine-bar-stack{gap:6px}.shift-bar.machine-running{width:14px;border-radius:8px;background:linear-gradient(180deg,#48cf95,#1e9f68)}.shift-bar.machine-idle{width:14px;border-radius:8px;background:linear-gradient(180deg,#ffd967,#e0a91a)}.shift-bar.machine-stop{width:14px;border-radius:8px;background:linear-gradient(180deg,#ff8b8b,#d63c57)}@media (max-width: 900px){.shift-bar.good{width:10px}.shift-bar.bad{width:5px}}.validation-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}.validation-two-col .table-card{height:100%}@media (max-width: 1100px){.validation-two-col{grid-template-columns:1fr}}.trend-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:12px}@media (max-width: 1200px){.trend-two-col{grid-template-columns:1fr}}.shift-report-page{display:grid;gap:18px}.shift-table-card{padding:18px;overflow-x:auto}.shift-table-card table{border-collapse:separate;border-spacing:0;min-width:1200px}.shift-table-card th,.shift-table-card td{padding:16px 14px}.shift-table-card thead th{padding-top:14px;padding-bottom:18px}.dashboard-page{display:grid;gap:22px}.dashboard-page .kpi-grid,.dashboard-page .table-card,.dashboard-page .trend-two-col,.dashboard-page .chart-card{margin-bottom:0}.dashboard-page .kpi-grid,.dashboard-page .trend-two-col,.dashboard-page .trend-grid{gap:20px}.trace-page,.batch-processing-page{display:grid;gap:20px}.batch-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.batch-summary-card{display:grid;gap:8px;padding:18px;border-radius:18px;border:1px solid var(--line-soft)}.batch-summary-card.completed{background:linear-gradient(180deg,#eefbf5,#ddf6ea)}.batch-summary-card.pending{background:linear-gradient(180deg,#fff7ea,#fff0cf)}.batch-summary-card span{color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}.batch-summary-card strong{color:var(--accent-deep);font-size:2.3rem;line-height:1}.batch-summary-card p{margin:0;color:var(--text-soft);font-weight:600}.batch-zone-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.batch-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:20px}.individual-page-grid{display:grid;grid-template-columns:repeat(2,minmax(240px,1fr));gap:18px}.individual-page-card{display:grid;gap:10px;padding:20px;text-decoration:none;background:linear-gradient(180deg,#fff,#f3f8ff);border:1px solid var(--line-soft);border-radius:18px;color:inherit;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.individual-page-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--line-strong)}.individual-page-card h3{margin:0;color:var(--accent-deep)}.individual-page-card p{margin:0;color:var(--text-soft)}.batch-stage-card{display:grid;gap:16px}.batch-stage-lines{display:grid;gap:10px}.batch-stage-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:#f4f8ff;border:1px solid var(--line-soft);border-radius:14px}.batch-stage-line span{color:var(--text-muted);font-weight:600}.batch-stage-line strong{color:var(--accent-deep);text-align:right}.batch-stage-input{align-items:center}.batch-stage-input input{width:140px;justify-self:end}.trace-meta-grid{display:grid;grid-template-columns:repeat(5,minmax(150px,1fr));gap:14px}.trace-meta-card{display:grid;gap:6px;padding:16px;background:linear-gradient(180deg,#fff,#f2f8ff);border:1px solid var(--line-soft);border-radius:16px}.trace-meta-card span{color:var(--text-muted);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.trace-meta-card strong{color:var(--accent-deep);font-size:1.5rem}.trace-stage-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:20px}.trace-stage-card{display:grid;gap:16px}.trace-stage-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.trace-stage-header h3,.trace-flow-card h4{margin:0}.trace-stage-header p{margin:4px 0 0;color:var(--text-muted);font-weight:600}.trace-stage-status{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;background:#edf5ff;border:1px solid var(--line-soft);border-radius:999px;color:var(--accent-deep);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.trace-area-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trace-area-box{display:grid;gap:6px;padding:16px;border-radius:16px;border:1px solid var(--line-soft)}.trace-area-box.completed{background:linear-gradient(180deg,#eefbf5,#ddf6ea)}.trace-area-box.pending{background:linear-gradient(180deg,#fff7ea,#fff0cf)}.trace-area-box small,.trace-area-box p{color:var(--text-muted)}.trace-area-box strong{color:var(--accent-deep);font-size:2rem;line-height:1}.trace-area-box span{color:var(--text-soft);font-weight:700}.trace-area-box p{margin:0}.trace-flow-card{padding:14px 16px;background:linear-gradient(180deg,#f9fbff,#eef5ff);border:1px solid var(--line-soft);border-radius:16px}.trace-flow-line{display:grid;grid-template-columns:1fr 26px 1fr 26px 1fr;gap:8px;align-items:center;margin-top:12px}.trace-flow-line span{display:flex;align-items:center;justify-content:center;min-height:70px;padding:10px 12px;background:linear-gradient(135deg,#5c9bff,#407fe7);border-radius:16px;color:#fff;text-align:center;font-weight:700}.trace-flow-line i{display:block;height:2px;background:linear-gradient(90deg,#7baeff,#2f74d8);border-radius:999px}.trace-notes{display:grid;gap:10px}.trace-note-item{padding:12px 14px;background:#f4f8ff;border:1px solid var(--line-soft);border-radius:14px;color:var(--text-soft)}.furnace-page{display:grid;gap:20px}.furnace-machine-row{margin-bottom:0}.furnace-input-grid{display:grid;grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px}.furnace-input-field{display:grid;gap:8px}.furnace-input-field span,.furnace-actual-header p{color:var(--text-muted);font-weight:600}.furnace-trend-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.furnace-panel-card{margin-bottom:0}.furnace-line-chart{display:grid;gap:14px}.furnace-line-svg{width:100%;height:230px;border-radius:18px;background:linear-gradient(180deg,#fffffff2,#f0f7fff2);border:1px solid var(--line-soft);box-shadow:inset 0 1px #ffffff80}.furnace-grid-line{stroke:#628cc62e;stroke-width:1;stroke-dasharray:4 4}.furnace-grid-line.vertical{stroke-dasharray:none;stroke:#628cc61f}.furnace-reference-line{fill:none;stroke:#e3a11e;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.furnace-current-line{stroke:#2f74d847;stroke-width:2;stroke-dasharray:6 6}.furnace-value-line{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.furnace-value-line.temperature{stroke:#3657a7}.furnace-value-line.ampere{stroke:#1f8f73}.furnace-value-line.multi.series-one,.furnace-point.multi.series-one,.furnace-legend-dot.series-one{stroke:#3657a7;fill:#3657a7;background:#3657a7}.furnace-value-line.multi.series-two,.furnace-point.multi.series-two,.furnace-legend-dot.series-two{stroke:#1f8f73;fill:#1f8f73;background:#1f8f73}.furnace-value-line.multi.series-three,.furnace-point.multi.series-three,.furnace-legend-dot.series-three{stroke:#d99b00;fill:#d99b00;background:#d99b00}.furnace-value-line.multi.series-four,.furnace-point.multi.series-four,.furnace-legend-dot.series-four{stroke:#d63c57;fill:#d63c57;background:#d63c57}.furnace-value-line.multi.series-five,.furnace-point.multi.series-five,.furnace-legend-dot.series-five{stroke:#7f56d9;fill:#7f56d9;background:#7f56d9}.furnace-value-line.multi.series-six,.furnace-point.multi.series-six,.furnace-legend-dot.series-six{stroke:#0f9fb7;fill:#0f9fb7;background:#0f9fb7}.furnace-series-muted{opacity:.2}.furnace-series-active{opacity:1}.furnace-point{stroke:#ffffffe6;stroke-width:2.5}.furnace-point-current{fill:#fff;stroke-width:4}.furnace-point.temperature{fill:#3657a7}.furnace-point.ampere{fill:#1f8f73}.furnace-line-values{display:grid;grid-template-columns:repeat(8,minmax(48px,1fr));gap:8px}.furnace-current-banner{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:-2px}.furnace-current-banner span{color:var(--text-muted);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.furnace-current-banner strong{color:var(--accent-deep);font-size:.95rem}.furnace-multi-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.furnace-legend-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px 12px;background:#f4f8ff;border:1px solid var(--line-soft);border-radius:12px;cursor:pointer;text-align:left}.furnace-legend-item.active{background:#e9f2ff;border-color:#2f74d852;box-shadow:0 8px 20px #2f74d81f}.furnace-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.furnace-legend-item strong{color:var(--text-main);font-size:.84rem}.furnace-legend-item small{color:var(--text-muted);font-size:.8rem;font-weight:700}.furnace-legend-current{grid-column:2 / 4;justify-self:end;color:var(--accent-deep);background:#e9f2ff;border:1px solid var(--line-soft);border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.furnace-line-step{display:grid;justify-items:center;gap:8px;text-align:center}.furnace-line-step strong{color:var(--text-main);font-size:1.05rem;line-height:1.1}.furnace-line-step small{color:var(--text-muted);font-size:.82rem;font-weight:700}.furnace-actual-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.furnace-actual-header h3,.furnace-actual-header p{margin:0}.furnace-actual-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:14px}.furnace-actual-card{display:grid;justify-items:center;gap:8px;padding:18px 12px;background:linear-gradient(180deg,#fff,#f2f8ff);border:1px solid var(--line-soft);border-radius:16px}.furnace-actual-card span{color:var(--text-muted);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem}.furnace-actual-card strong{color:var(--accent-deep);font-size:2rem;line-height:1}.furnace-actual-card small{color:var(--text-soft);font-size:.9rem}.program-top-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px}.program-top-row h2{margin:0}.program-record-row{display:grid;grid-template-columns:auto minmax(160px,220px) auto 110px auto 130px;gap:8px;align-items:center}.program-grid-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.program-field-row,.program-no-row{display:grid;grid-template-columns:minmax(120px,1fr) 255px;gap:10px;align-items:center;margin-bottom:10px}.program-label{color:#3472d1;font-weight:700}.program-value{display:inline-block;text-align:center;background:#f7fbff;border:1px solid #8eb7ef;border-radius:10px;padding:8px 10px;color:#23466f;font-weight:800}.program-number-input{width:255px;min-width:255px;max-width:255px;height:42px;background:#fff;border:1px solid #8eb7ef;border-radius:12px;color:#1f4f83;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:30px;font-weight:500;line-height:42px;padding:0 14px}.program-number-input:focus{outline:none;border-color:#4c93ff;box-shadow:0 0 0 1px #4c93ff4d}@media (max-width: 1100px){.batch-summary-grid,.batch-zone-grid,.batch-workflow-grid,.individual-page-grid,.trace-meta-grid,.trace-stage-grid,.furnace-input-grid,.furnace-trend-grid{grid-template-columns:1fr}.furnace-actual-grid{grid-template-columns:repeat(3,minmax(120px,1fr))}.program-top-row{flex-direction:column;align-items:stretch}.program-record-row{grid-template-columns:auto 1fr}.program-grid-two-col{grid-template-columns:1fr}}.program-load-bottom{margin-top:14px;display:flex;justify-content:flex-start;gap:10px}.program-load-btn{min-width:140px}.alarm-notification-card{margin-bottom:14px}.alarm-notification-card h3{margin:0 0 10px}.alarm-empty{margin:0;color:var(--text-muted)}.alarm-notify-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.alarm-notify-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line-soft);border-radius:12px;background:#f5f9ff}.alarm-notify-item strong{display:inline-block;margin-bottom:4px}.alarm-notify-item p{margin:0;color:var(--text-soft)}.dashboard-header-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.dashboard-header-row h2{margin:0}.alarm-icon-btn{position:relative;width:42px;height:42px;padding:0;border-radius:12px;border:1px solid var(--line-strong);background:linear-gradient(180deg,#fff,#edf5ff);display:inline-flex;align-items:center;justify-content:center}.alarm-icon-btn svg{width:22px;height:22px;fill:#3275d8}.alarm-icon-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:999px;background:#d9536f;color:#fff;font-size:.72rem;line-height:18px;text-align:center;padding:0 4px;font-weight:700}.sprocket-showcase{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;align-items:center;background:linear-gradient(120deg,#0d162bf2,#1b1108e6)}.sprocket-copy small{color:#ff9a2b;letter-spacing:.18em;font-size:.75rem;font-weight:700}.sprocket-copy h3{margin:8px 0;font-size:1.45rem;color:#ffe6cc}.sprocket-copy p{margin:0;color:#b8c7de;max-width:440px}.sprocket-visual{position:relative;min-height:420px;border:1px solid rgba(255,122,26,.35);border-radius:14px;overflow:hidden;background:radial-gradient(circle at 75% 48%,#ff620052,#0a101eeb 58%),linear-gradient(160deg,#0a1226,#0d1a34)}.sprocket-bg-glow{position:absolute;width:360px;height:360px;right:40px;top:34px;border-radius:50%;background:radial-gradient(circle,rgba(255,140,35,.32),rgba(255,76,0,.08) 55%,transparent 72%);filter:blur(2px)}.sprocket-chain{position:absolute;width:44px;height:290px;left:56%;top:-26px;transform:rotate(18deg);border-radius:22px;background:repeating-linear-gradient(to bottom,#111421f2 0,#111421f2 16px,#3a4258f2 16px,#3a4258f2 24px,#0f131ff2 24px,#0f131ff2 40px);box-shadow:inset 0 0 0 2px #5f698259,0 0 20px #00000059}.sprocket-gear{position:absolute;width:300px;height:300px;right:44px;top:56px;border-radius:50%;background:repeating-conic-gradient(from 0deg,#ff8c1c,#ff8c1c 12deg,#ff5800 12deg,#ff5800 24deg);filter:drop-shadow(0 0 24px rgba(255,98,0,.45));animation:sprocketSpin 22s linear infinite}.sprocket-gear:before{content:"";position:absolute;top:28px;right:28px;bottom:28px;left:28px;border-radius:50%;background:radial-gradient(circle,#ffd06d,#ffa12f,#ff4f00 84%)}.sprocket-gear:after{content:"";position:absolute;top:104px;right:104px;bottom:104px;left:104px;border-radius:50%;background:#0d1a34;box-shadow:0 0 0 14px #ff8c238c,inset 0 0 24px #ff7f1f73}@keyframes sprocketSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sprocket-visual-overlay{position:absolute;left:18px;right:18px;bottom:16px;z-index:2}.sprocket-visual-overlay h4{margin:0;font-size:1.7rem;color:#fef6ea}.sprocket-visual-overlay p{margin:4px 0 0;color:#a8c0de}@media (max-width: 1050px){.sprocket-showcase{grid-template-columns:1fr}}@media (max-width: 700px){.trace-area-grid,.trace-flow-line{grid-template-columns:1fr}.trace-flow-line i{width:2px;height:18px;justify-self:center;background:linear-gradient(180deg,#7baeff,#2f74d8)}.furnace-actual-header{flex-direction:column;align-items:flex-start}.furnace-input-grid,.furnace-actual-grid,.furnace-line-values{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.furnace-input-grid,.furnace-actual-grid,.furnace-line-values{grid-template-columns:1fr}}