/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.hidden{display:none}}:root{--bg:#030816;--panel:#081a33;--primary:#1677ff;--cyan:#00d9ff;--green:#22e6a8;--orange:#ff9f1c;--red:#ff4d5a;--purple:#7b61ff;--text-muted:#8fa6bf;color:#e6f7ff;background:var(--bg);font-family:Inter,Noto Sans SC,system-ui,sans-serif}body{min-width:320px;min-height:100vh;margin:0}.dashboard-page{max-width:1450px;margin:auto}.dashboard-grid{grid-template-columns:1fr 1.35fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}.dashboard-grid>div{align-content:start;gap:1rem;display:grid}.health-number{color:var(--orange);font:2.4rem Roboto Mono,monospace}.health-number span{font-size:.65rem;display:block}.dashboard-machine{min-height:300px;color:var(--cyan);background:radial-gradient(circle,#00d9ff00,#0000 62%);place-items:center;display:grid;position:relative}.dashboard-machine i{aspect-ratio:1;border:1px solid #00d9ff59;width:210px;position:absolute;transform:rotate(45deg)}.dashboard-machine span{letter-spacing:.16em;font:.72rem Roboto Mono,monospace;position:absolute;bottom:1.5rem}.twin-lines{color:var(--cyan);justify-content:space-around;font:.63rem Roboto Mono,monospace;display:flex}.alarm-row{border-bottom:1px solid #00d9ff1f;justify-content:space-between;padding:.55rem 0;font-size:.7rem;display:flex}.alarm-row b{color:var(--red)}.muted{color:var(--text-muted);font-size:.75rem}.dashboard-bottom{grid-template-columns:1.3fr .8fr .8fr;gap:1rem;margin-top:1rem;display:grid}.console{color:var(--green);margin:0;font:.7rem Roboto Mono,monospace}@media (width<=1000px){.dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-twin{grid-row:span 2}.dashboard-bottom{grid-template-columns:1fr 1fr}}@media (width<=650px){.dashboard-grid,.dashboard-bottom{grid-template-columns:1fr}.dashboard-twin{grid-row:auto;min-height:340px}}.case-grid{grid-template-columns:.8fr 1.2fr;gap:1rem;margin-top:1.5rem;display:grid}.case-button{color:#cce7f4;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #00d9ff26;justify-content:space-between;width:100%;padding:.75rem;font:.75rem Roboto Mono,monospace;display:flex}.case-button:hover{color:var(--cyan);background:#00d9ff14}.case-detail{color:var(--text-muted);gap:.6rem;font-size:.8rem;display:grid}.case-detail p{margin:0}.case-detail b{color:#e7faff;margin-left:.5rem;font-family:Roboto Mono,monospace}@media (width<=650px){.case-grid{grid-template-columns:1fr}}.agent-page{max-width:1320px;margin:auto}.agent-input{gap:.75rem;margin:1.5rem 0;display:flex}.agent-input textarea{color:#eaf5ff;background:#0a0923b8;border:1px solid #7b61ff73;flex:1;min-height:70px;padding:.75rem}.agent-input button{border:1px solid var(--purple);color:#eeeaff;cursor:pointer;background:#7b61ff29;align-items:center;gap:.4rem;padding:0 1rem;display:flex}.agent-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.workflow{gap:.35rem;display:grid}.workflow__step{color:#72859b;align-items:center;gap:.55rem;font-size:.76rem;display:flex}.workflow__step small{margin-left:auto;font:.58rem Roboto Mono,monospace}.workflow__step--done{color:#d9ceff}.workflow__step--done svg{color:var(--purple)}.agent-results{gap:1rem;display:grid}.agent-log{color:#b9aaff;white-space:pre-wrap;min-height:100px;margin:0;font:.68rem/1.8 Roboto Mono,monospace}@media (width<=700px){.agent-grid{grid-template-columns:1fr}.agent-input{flex-direction:column}.agent-input button{justify-content:center;padding:.7rem}}.validation-switch{flex-wrap:wrap;gap:.5rem;margin:1.5rem 0;display:flex}.validation-switch button{color:#b9cede;cursor:pointer;background:0 0;border:1px solid #00d9ff4d;padding:.5rem .7rem}.validation-switch button.active{border-color:var(--purple);color:#eeeaff;background:#7b61ff29}.validation-grid{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:1rem;margin-bottom:1rem;display:grid}.validation-arrow{color:var(--cyan)}.validation-grid small{color:var(--text-muted);line-height:1.6}@media (width<=850px){.validation-grid{grid-template-columns:1fr}.validation-arrow{justify-self:center;transform:rotate(90deg)}}.report-header{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.8rem;margin:1.5rem 0;font:.7rem Roboto Mono,monospace;display:flex}.report-header>div{gap:.5rem;margin-left:auto;display:flex}.report-header button{color:var(--cyan);cursor:pointer;background:0 0;border:1px solid #00d9ff4d;align-items:center;gap:.35rem;padding:.45rem;font-size:.68rem;display:flex}.report-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.report-text{color:#c5d5e3;margin:0;font-size:.82rem;line-height:1.8}@media (width<=650px){.report-grid{grid-template-columns:1fr}.report-header>div{margin-left:0}}button{font:inherit}.industrial-screen{isolation:isolate;background:radial-gradient(circle at 50% -10%, #1677ff33, transparent 38%), var(--bg);position:relative;overflow:hidden}.industrial-screen:before,.industrial-screen:after{content:"";pointer-events:none;z-index:-1;position:absolute;inset:0}.industrial-screen:before{opacity:.22;background-image:linear-gradient(#00d9ff2e 1px,#0000 1px),linear-gradient(90deg,#00d9ff2e 1px,#0000 1px);background-size:40px 40px;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}.industrial-screen:after{opacity:.12;mix-blend-mode:screen;background:repeating-linear-gradient(0deg,#0000 0 3px,#8adeff8c 4px,#0000 5px)}.section-title{border-left:3px solid var(--cyan);padding-left:1rem}.section-title p,.industrial-panel__subtitle,.stat-card__label{letter-spacing:.15em;color:var(--cyan);margin:0;font:600 .68rem/1.4 Roboto Mono,monospace}.section-title h1{letter-spacing:-.035em;margin:.3rem 0;font-size:clamp(1.8rem,4vw,3rem)}.section-title span{color:var(--text-muted)}.industrial-panel,.stat-card{clip-path:polygon(0 13px,13px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%);background:linear-gradient(135deg,#081a33f5,#030816e0);border:1px solid #00d9ff57;box-shadow:inset 0 1px #a0f2ff14,0 0 28px #0080ff14}.industrial-panel__header{border-bottom:1px solid #00d9ff2e;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.industrial-panel__title{margin:.2rem 0 0;font-size:1rem;font-weight:600}.industrial-panel__body{padding:1.2rem}.stat-card{justify-content:space-between;align-items:center;min-height:118px;padding:1.25rem;display:flex}.stat-card__value{margin:.45rem 0 0;font:600 1.35rem/1 Roboto Mono,monospace}.stat-card__icon{width:2.7rem;height:2.7rem;color:var(--cyan);background:#00d9ff14;border:1px solid;place-items:center;display:grid}.stat-card--green .stat-card__icon{color:var(--green);background:#22e6a814}.stat-card--purple .stat-card__icon{color:var(--purple);background:#7b61ff14}.stat-card--orange .stat-card__icon{color:var(--orange)}.status-badge{letter-spacing:.06em;border:1px solid;align-items:center;gap:.45rem;padding:.35rem .55rem;font:600 .7rem/1 Roboto Mono,monospace;display:inline-flex}.status-badge i{background:currentColor;border-radius:50%;width:.4rem;height:.4rem;box-shadow:0 0 9px}.status-badge--online{color:var(--green)}.status-badge--warning{color:var(--orange)}.status-badge--offline{color:var(--red)}.future-button{color:#d5fbff;letter-spacing:.08em;cursor:pointer;background:#00d9ff14;border:1px solid #00d9ffa6;padding:.6rem .85rem;font:600 .75rem/1 Roboto Mono,monospace;transition:all .2s}.future-button:hover{background:#00d9ff2e;box-shadow:0 0 18px #00d9ff40}.loading-state{color:var(--text-muted);align-items:center;gap:.75rem;font:.8rem Roboto Mono,monospace;display:flex}.loading-state__ring{border:2px solid #00d9ff33;border-top-color:var(--cyan);border-radius:50%;width:1.5rem;height:1.5rem;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.future-modal{z-index:10;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#01050fc2;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.future-modal__content{background:linear-gradient(135deg,#0a2445,#030816);border:1px solid #00d9ff8c;width:min(100%,480px);padding:2rem;position:relative;box-shadow:0 0 50px #09f3}.future-modal__content h2{margin:.5rem 0 1rem}.future-modal__content>p:not(.industrial-panel__subtitle){color:#c0d0df;line-height:1.8}.future-modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:0;position:absolute;top:.85rem;right:.85rem}@media (width<=640px){.industrial-screen{padding-top:2rem}.industrial-panel__header{align-items:flex-start}.section-title span{font-size:.9rem}.stat-card{min-height:96px}}.app-shell{min-height:100vh}.app-header{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030816e6;border-bottom:1px solid #00d9ff66;align-items:center;gap:1.25rem;min-height:72px;padding:.8rem 1.5rem;display:flex;position:sticky;top:0}.app-header:after{content:"";background:var(--cyan);height:1px;box-shadow:0 0 15px var(--cyan);position:absolute;bottom:-1px;left:20%;right:20%}.app-header__brand{align-items:center;gap:.7rem;min-width:310px;display:flex}.app-header__mark{border:1px solid var(--cyan);width:2.25rem;height:2.25rem;color:var(--cyan);place-items:center;font:700 .72rem Roboto Mono,monospace;display:grid;box-shadow:inset 0 0 12px #00d9ff2e}.app-header__brand p{color:var(--cyan);letter-spacing:.14em;margin:0 0 .2rem;font:600 .62rem Roboto Mono,monospace}.app-header__brand strong{font-size:.9rem}.app-header__status{flex:1;justify-content:center;gap:.5rem;display:flex}.app-header__time{color:#a9bed1;font:.8rem Roboto Mono,monospace}.app-header__menu{color:var(--cyan);background:0 0;border:1px solid #00d9ff66;padding:.4rem;display:none}.app-shell__body{min-height:calc(100vh - 72px);display:flex}.app-sidebar{background:#030c1e9e;border-right:1px solid #00d9ff2e;flex:0 0 230px;width:230px;padding:1.5rem .85rem}.app-sidebar__label{color:var(--text-muted);letter-spacing:.12em;margin:0 0 .8rem .65rem;font:.62rem Roboto Mono,monospace}.app-sidebar nav{gap:.32rem;display:grid}.app-sidebar__link,.app-sidebar__future{color:#9cb1c5;text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;align-items:center;gap:.7rem;width:100%;padding:.72rem .65rem;font-size:.82rem;text-decoration:none;display:flex}.app-sidebar__link:hover,.app-sidebar__future:hover{color:#e6faff;background:#00d9ff0f}.app-sidebar__link--active{border-left-color:var(--cyan);color:var(--cyan);box-shadow:inset 12px 0 18px -18px var(--cyan);background:linear-gradient(90deg,#00d9ff1f,#0000)}.app-sidebar__future{border-top:1px solid #00d9ff29;margin-top:1.25rem;padding-top:1.1rem}.app-shell__content{flex:1;min-width:0;padding:clamp(1.25rem,3vw,2.5rem)}.placeholder-page{max-width:1320px;margin:0 auto}.placeholder-page__panel{min-height:330px;margin-top:1.5rem}.placeholder-page__inside{min-height:230px;color:var(--cyan);place-items:center;gap:1rem;display:grid}.placeholder-page__inside .loading-state{color:var(--text-muted)}.language-select{color:#9db3c6;align-items:center;gap:.35rem;font:.62rem Roboto Mono,monospace;display:flex}.language-select select{color:#dffaff;font:inherit;background:#07142a;border:1px solid #00d9ff59;padding:.35rem}@media (width<=980px){.app-header__status{display:none}.app-header__brand{min-width:0}.app-header__time{margin-left:auto}.app-header__menu{place-items:center;display:grid}.app-sidebar{z-index:4;transition:transform .2s;position:fixed;top:72px;bottom:0;left:0;transform:translate(-100%);box-shadow:18px 0 35px #00000038}.app-sidebar--open{transform:translate(0)}}@media (width<=500px){.app-header{min-height:64px;padding:.7rem 1rem}.app-header__brand strong{font-size:.72rem}.app-header__brand p{font-size:.56rem}.app-header__time{display:none}.app-sidebar{top:64px}.app-shell__body{min-height:calc(100vh - 64px)}}.dashboard-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin:1rem 0;display:grid}.dashboard-kpis span{color:#d9f6ff;letter-spacing:.03em;background:linear-gradient(135deg,#081a33c7,#030816c7);border:1px solid #00d9ff3d;justify-content:center;align-items:center;gap:.4rem;min-height:42px;font:600 .68rem Roboto Mono,monospace;display:flex}.dashboard-kpis svg{color:var(--cyan)}.model-switcher{flex-wrap:wrap;justify-content:center;gap:.45rem;padding:.2rem .1rem .7rem;display:flex}.model-switcher__item{color:#9eb9cc;cursor:pointer;background:#030816a6;border:1px solid #00d9ff3d;min-height:34px;padding:.45rem .6rem;font:600 .64rem Roboto Mono,monospace}.model-switcher__item:hover,.model-switcher__item--active{border-color:var(--cyan);color:#effcff;background:#00d9ff21;box-shadow:0 0 16px #00d9ff24}.dashboard-twin{min-height:560px}.dashboard-machine{min-height:390px}.dashboard-machine img{z-index:1;object-fit:contain;filter:drop-shadow(0 0 24px #00d9ff3b);mix-blend-mode:screen;width:min(100%,520px);max-height:365px;position:relative}.dashboard-machine i{width:280px}.twin-stage__model img{z-index:1;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 0 20px #00d9ff3b);width:min(100%,410px);height:270px;position:relative}.twin-stage__core{display:none}.simulation-actions button,.report-header button{min-height:42px;padding:.7rem .9rem;font-size:.82rem;font-weight:600}.case-button--selected{border-color:var(--cyan)!important;color:#ecfcff!important;background:#00d9ff21!important}@media (width<=1000px){.dashboard-kpis{grid-template-columns:repeat(3,1fr)}.dashboard-twin{min-height:480px}.dashboard-machine{min-height:330px}}@media (width<=650px){.dashboard-kpis{grid-template-columns:repeat(2,1fr)}.dashboard-kpis span:last-child{grid-column:1/-1}.dashboard-twin{min-height:410px}.dashboard-machine{min-height:270px}.dashboard-machine img{max-height:255px}.model-switcher__item{flex:30%}}.overview-page{max-width:1180px;margin:0 auto}.architecture-flow{max-width:940px;margin:1.5rem auto;position:relative}.architecture-card{overflow:hidden}.architecture-card .industrial-panel__body{padding:0}.architecture-card__head{align-items:center;gap:1rem;padding:1.1rem 1.3rem;display:flex}.architecture-card__head>svg{color:var(--cyan)}.architecture-card__head p{color:var(--text-muted);letter-spacing:.12em;margin:0 0 .2rem;font:.63rem Roboto Mono,monospace}.architecture-card__head h2{margin:0;font-size:clamp(.95rem,2.5vw,1.2rem)}.architecture-card__index{width:2.1rem;height:2.1rem;color:var(--cyan);border:1px solid #00d9ff61;place-items:center;font:.76rem Roboto Mono,monospace;display:grid}.architecture-card__modules{background:#00d9ff1f;border-top:1px solid #00d9ff2e;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.architecture-card__modules button{color:#c8d8e7;text-align:left;cursor:pointer;background:#051227eb;border:0;justify-content:space-between;gap:.5rem;padding:.8rem 1rem;font-size:.78rem;display:flex}.architecture-card__modules button:hover{color:var(--cyan);background:#00d9ff1a}.architecture-card__modules span{color:var(--cyan)}.architecture-card--green{border-color:#22e6a861}.architecture-card--green .architecture-card__head>svg,.architecture-card--green .architecture-card__index{color:var(--green)}.architecture-card--purple{border-color:#7b61ff7a}.architecture-card--purple .architecture-card__head>svg,.architecture-card--purple .architecture-card__index{color:var(--purple)}.architecture-card--orange{border-color:#ff9f1c7a}.architecture-card--orange .architecture-card__head>svg,.architecture-card--orange .architecture-card__index{color:var(--orange)}.architecture-flow__connector{height:50px;color:var(--cyan);place-items:center;gap:.15rem;display:grid}.architecture-flow__connector span{letter-spacing:.18em;opacity:.7;font:.57rem Roboto Mono,monospace}.architecture-loop{margin-top:2rem}.architecture-loop .industrial-panel__body{color:var(--text-muted);justify-content:space-between;align-items:center;gap:1rem;display:flex}.architecture-loop .industrial-panel__body>div{color:#d3eaff;align-items:center;gap:.75rem;display:flex}.architecture-loop p{margin:0}.architecture-loop span{color:var(--orange);font-size:.72rem}@media (width<=620px){.architecture-card__modules{grid-template-columns:1fr}.architecture-loop .industrial-panel__body{flex-direction:column;align-items:flex-start}}.simulation-page{max-width:1320px;margin:0 auto}.simulation-grid{grid-template-columns:230px minmax(300px,1.4fr) minmax(240px,.85fr);gap:1rem;margin-top:1.5rem;display:grid}.device-selector .industrial-panel__body{gap:.45rem;display:grid}.device-selector__item{color:#b1c3d5;cursor:pointer;text-align:left;background:#03081661;border:1px solid #0000;justify-content:space-between;align-items:center;padding:.7rem;display:flex}.device-selector__item:hover,.device-selector__item--selected{color:#e7fbff;background:#00d9ff14;border-color:#00d9ff66}.device-selector__item span{align-items:center;gap:.5rem;font:.75rem Roboto Mono,monospace;display:flex}.device-selector__item small{color:var(--text-muted)}.device-light{background:var(--green);width:.45rem;height:.45rem;box-shadow:0 0 8px var(--green);border-radius:50%}.device-light--critical{background:var(--red);box-shadow:0 0 8px var(--red)}.device-light--warning{background:var(--orange);box-shadow:0 0 8px var(--orange)}.twin-stage__model{background:radial-gradient(circle,#00d9ff26,#0000 60%);place-items:center;min-height:220px;display:grid;position:relative;overflow:hidden}.twin-stage__model:before{content:"";aspect-ratio:1;border:1px solid #00d9ff38;width:85%;position:absolute;transform:rotate(45deg)}.twin-stage__core{z-index:1;aspect-ratio:1;border:1px solid var(--cyan);width:110px;color:var(--cyan);background:#00d9ff1f;place-items:center;display:grid;position:relative;box-shadow:0 0 30px #00d9ff42}.twin-stage__ring{aspect-ratio:1;border:1px dashed #00d9ff73;border-radius:50%;width:155px;position:absolute}.twin-stage__tag{color:var(--cyan);letter-spacing:.12em;font:.65rem Roboto Mono,monospace;position:absolute;bottom:1rem}.twin-stage__health{border-top:1px solid #00d9ff2e;justify-content:space-between;align-items:center;gap:.5rem;padding-top:1rem;display:flex}.twin-stage__health span{color:var(--text-muted);font-size:.75rem}.twin-stage__health strong{color:var(--cyan);font:1.35rem Roboto Mono,monospace}.simulation-actions{gap:.55rem;display:grid}.simulation-actions button{color:#d6f5ff;cursor:pointer;background:#00d9ff0f;border:1px solid #00d9ff47;align-items:center;gap:.6rem;padding:.65rem;font-size:.78rem;display:flex}.simulation-actions button:hover{background:#00d9ff21}.demo-note{color:var(--orange);margin:1rem 0 0;font-size:.71rem;line-height:1.6}.parameter-panel,.simulation-feedback{margin-top:1rem}.parameter-grid{grid-template-columns:repeat(4,1fr);gap:.55rem;display:grid}.parameter-grid article{background:#00d9ff08;border:1px solid #00d9ff24;grid-template-columns:auto 1fr;gap:.2rem .5rem;padding:.75rem;display:grid}.parameter-grid article svg{color:var(--cyan)}.parameter-grid span{color:var(--text-muted);font-size:.68rem}.parameter-grid strong{grid-column:1/-1;font:.95rem Roboto Mono,monospace}.simulation-feedback p{color:var(--text-muted);margin:0;font-size:.8rem}@media (width<=1050px){.simulation-grid{grid-template-columns:220px 1fr}.simulation-grid>:last-child{grid-column:1/-1}.parameter-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.simulation-grid{grid-template-columns:1fr}.simulation-grid>:last-child{grid-column:auto}.parameter-grid{grid-template-columns:repeat(2,1fr)}}.opc-page{max-width:1320px;margin:0 auto}.opc-status-row{align-items:center;gap:.75rem;margin:1.4rem 0;display:flex}.opc-status-row>span{color:var(--text-muted);align-items:center;gap:.3rem;font:.72rem Roboto Mono,monospace;display:flex}.opc-status-row button{color:var(--cyan);cursor:pointer;background:0 0;border:1px solid #00d9ff59;margin-left:auto;padding:.45rem .65rem;font-size:.72rem}.opc-flow .industrial-panel__body>div{justify-content:space-around;align-items:center;gap:.5rem;display:flex}.opc-flow span{color:#d9f5ff;text-align:center;place-items:center;gap:.55rem;font-size:.76rem;display:grid;position:relative}.opc-flow i{width:3.1rem;height:3.1rem;color:var(--cyan);background:#00d9ff14;border:1px solid #00d9ff73;place-items:center;display:grid}.opc-flow em{color:var(--cyan);font-size:1.35rem;font-style:normal;animation:1.4s ease-in-out infinite flow;position:absolute;left:calc(100% + 1.1rem)}.opc-grid{grid-template-columns:1fr 1.15fr .8fr;gap:1rem;margin-top:1rem;display:grid}.opc-tree,.opc-json{color:#b7dff1;white-space:pre;margin:0;font:.7rem/1.75 Roboto Mono,monospace;overflow:auto}.opc-tree span:nth-child(3n){color:var(--cyan)}.protocol-list{gap:.5rem;display:grid}.protocol-list button{color:#cde8f3;cursor:pointer;text-align:left;background:#00d9ff08;border:1px solid #00d9ff26;align-items:center;gap:.5rem;padding:.55rem;display:flex}.protocol-list button .status-badge{margin-left:auto;padding:.25rem .35rem;font-size:.55rem}@keyframes flow{50%{opacity:.5;transform:translate(4px)}}@media (width<=820px){.opc-grid{grid-template-columns:1fr 1fr}.opc-grid>:last-child{grid-column:1/-1}.opc-flow .industrial-panel__body>div{flex-wrap:wrap}.opc-flow em{display:none}}@media (width<=540px){.opc-status-row{flex-wrap:wrap}.opc-status-row button{margin-left:0}.opc-grid{grid-template-columns:1fr}.opc-grid>:last-child{grid-column:auto}}