:root{--c-navy: #1F3864;--c-blue: #3DA5D9;--c-bg: #D8E8F4;--c-white: #FFFFFF;--c-paper: #F1EFE8;--c-userbubble: #E6F1FB;--c-green: #27AE60;--c-green-dark: #1B6E3D;--c-green-bg: #EAF7EF;--c-red: #A32D2D;--c-red-dark: #501313;--c-red-bg: #FCEBEB;--c-amber: #E6A23C;--c-amber-bg: #FFF4E0;--c-amber-dark: #8A5A00;--font: Arial, Helvetica, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font);background:var(--c-bg);color:var(--c-navy);-webkit-font-smoothing:antialiased}.app{height:100%;display:flex;flex-direction:column;background:var(--c-bg)}.header{background:var(--c-white);display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:2px solid var(--c-navy)}.header__brand{display:flex;flex-direction:column}.header__logo{display:block}.header__subtitle{color:var(--c-navy);opacity:.65}.header__user{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.header__user-label{color:var(--c-navy);opacity:.7}.user-select{background:var(--c-white);color:var(--c-navy);border:1px solid var(--c-navy);border-radius:4px;font-family:var(--font)}.header-spacer{background:var(--c-white);flex-shrink:0}.selector{display:flex;flex-direction:column;width:100%}.selector__label{color:var(--c-navy);font-weight:500}.example-select{width:100%;background:var(--c-white);color:var(--c-navy);border:1px solid var(--c-navy);border-radius:4px;font-family:var(--font)}.panels{display:flex;flex-direction:row;flex-shrink:0}.panel,.panel--protected{background:var(--c-white);border:2px solid var(--c-navy);border-radius:6px;flex:1;display:flex;flex-direction:column;overflow:hidden}.panel--protected{border-color:#4b9fe0}.panel__header{background:var(--c-navy);color:var(--c-white);font-weight:600;flex-shrink:0}.panel--protected .panel__header{background:#4b9fe0}.panel__body{display:flex;flex-direction:column;overflow-y:auto;flex:1}.msg{display:flex}.msg--user{justify-content:flex-end}.msg--bot{justify-content:flex-start;align-items:flex-start}.bubble{border-radius:10px;max-width:78%;line-height:1.35;word-wrap:break-word}.bubble--user{background:var(--c-userbubble)}.bubble--bot{background:var(--c-paper)}.bot-column{display:flex;flex-direction:column;max-width:78%}.bot-avatar{flex-shrink:0;display:block}.typing{display:inline-flex;align-items:center}.typing__dot{background:var(--c-navy);border-radius:50%;display:inline-block;opacity:.25;animation:blink 1.2s infinite}.typing__dot:nth-child(2){animation-delay:.2s}.typing__dot:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:.9}}.block-card{background:var(--c-red-bg);border:1px solid var(--c-red);border-radius:8px;display:flex;flex-direction:row;align-items:center}.block-card__icon{background:var(--c-red);color:var(--c-white);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.block-card__body{display:flex;flex-direction:column}.block-card__title{color:var(--c-red);font-weight:700}.block-card__by{color:var(--c-red);opacity:.85}.warning-card{background:var(--c-amber-bg);border:1px solid var(--c-amber);border-radius:8px;display:flex;flex-direction:row;align-items:center}.warning-card__icon{background:var(--c-amber);color:var(--c-white);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.warning-card__body{display:flex;flex-direction:column}.warning-card__title{color:var(--c-amber-dark);font-weight:700}.warning-card__reason{color:var(--c-amber-dark);opacity:.85}.sensor-bar{background:var(--c-white);border:1px solid var(--c-navy);border-radius:6px;display:flex;flex-direction:row;align-items:center}.sensor-bar__label{color:var(--c-navy);font-weight:600;flex-shrink:0}.sensor-bar__items{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex:1;min-width:0}.sensor-item{display:flex;flex-direction:row;align-items:center;min-width:0}.sensor-dot{border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.sensor-dot--idle{background:#c0c7d1;color:var(--c-white)}.sensor-dot--checking{background:var(--c-blue);color:var(--c-white);animation:pulse .8s infinite ease-in-out}.sensor-dot--pass{background:var(--c-green);color:var(--c-white)}.sensor-dot--vio{background:var(--c-red);color:var(--c-white)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.sensor-item__name{color:var(--c-navy);font-weight:500;line-height:1.15;white-space:normal}.didactic{background:var(--c-white);flex:1;display:flex;flex-direction:column;overflow-y:auto}.didactic__cols{display:flex;flex-direction:row;flex:1}.didactic__col{flex:1;display:flex;flex-direction:column}.didactic__title{color:var(--c-navy);font-weight:700}.didactic__rule-bar{background:var(--c-blue)}.didactic__rule-bar--red{background:var(--c-red)}.didactic__text{color:var(--c-navy)}.didactic__lead{font-weight:500}.didactic__sensor-name{color:var(--c-red-dark);font-weight:600}.rule-card{background:var(--c-red-bg);border:1px solid var(--c-red);border-radius:6px;display:flex;flex-direction:column}.rule-card__label{color:var(--c-red-dark);font-weight:600}.rule-card__divider{height:1px;background:var(--c-red);opacity:.4}.rule-card__text{color:var(--c-red-dark);font-style:italic;line-height:1.4}.empty-hint{color:var(--c-navy);opacity:.55;text-align:center;margin:auto}.footer{background:var(--c-navy);color:var(--c-white);text-align:center;flex-shrink:0}html{font-size:clamp(14px,min(2vw,2vh),50px)}html.preview-mode{font-size:43.2px}.app--desktop>.selector,.app--desktop>.panels{max-width:1600px;margin-left:auto;margin-right:auto}.app--desktop>.sensor-bar{max-width:calc(1600px - 3rem)}.app--desktop>.header,.app--desktop>.didactic,.app--desktop>.footer{padding-left:max(1.5rem,calc(50vw - 800px + 1.5rem));padding-right:max(1.5rem,calc(50vw - 800px + 1.5rem))}.header{background:linear-gradient(90deg,#09253a,#194769);border-bottom:none;padding:.7rem 1.5rem;min-height:4.5rem;color:var(--c-white)}.app--portrait .header{min-height:5rem}.header__brand{display:flex;flex-direction:row;align-items:center;gap:1rem}.header__brand-logo{height:2.6rem;width:auto;display:block}.header__brand-divider{display:inline-block;width:1px;height:2.4rem;background:#4b9fe0}.header__brand-text{color:#4b9fe0;font-family:var(--font);font-size:1.4rem;font-weight:600;letter-spacing:.01em;line-height:1}.header__user-icon{height:2rem;width:2rem;display:block}.header-spacer{height:.8rem;background:var(--c-bg)}.selector{padding:.7rem 1.5rem 0}.selector__label{font-size:.85rem;margin-bottom:.3rem}.dropdown{position:relative;display:inline-block;width:100%;font-family:var(--font);color:var(--c-navy)}.dropdown__trigger{width:100%;background:var(--c-white);color:var(--c-navy);border:1px solid var(--c-navy);border-radius:4px;font-family:var(--font);font-size:.95rem;padding:.45rem .8rem;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.6rem;text-align:left;-moz-appearance:none;appearance:none;-webkit-appearance:none}.dropdown__trigger:hover{background:var(--c-bg)}.dropdown__value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown__value--placeholder{color:var(--c-navy);opacity:.6}.dropdown__chevron{color:#4b9fe0;display:inline-flex;align-items:center;flex-shrink:0}.dropdown__list{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:200;margin:0;padding:.3rem 0;list-style:none;background:var(--c-white);border:1px solid var(--c-navy);border-radius:4px;box-shadow:0 6px 16px #00000026;max-height:24rem;overflow-y:auto}.dropdown__option{padding:.5rem .9rem;font-size:.9rem;color:var(--c-navy);cursor:pointer;list-style:none}.dropdown__option:hover{background:#eaf0f8}.dropdown__option--selected{background:#dce6f2;font-weight:600}.dropdown__group{list-style:none}.dropdown__heading{font-weight:700;color:#1e4664;background:#eaf0f8;padding:.35rem .9rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-top:1px solid #D2DCE8;border-bottom:1px solid #D2DCE8}.dropdown__group:first-child .dropdown__heading{border-top:none}.dropdown__sublist{list-style:none;margin:0;padding:0}.panels{padding:.7rem 1.5rem 0;gap:1.2rem}.app--portrait .panels{height:40rem}.app--desktop .panels{height:22rem}.panel__header{font-size:.95rem;padding:.55rem .8rem}.panel__body{padding:.7rem;gap:.7rem}.bubble{font-size:.85rem;padding:.55rem .7rem}.bot-avatar{width:2.2rem;height:2.2rem;margin-right:.55rem;flex-shrink:0;display:block}.typing{gap:.3rem;padding:.55rem .7rem}.typing__dot{width:.5rem;height:.5rem}.block-card{padding:.7rem .8rem;gap:.7rem}.block-card__icon{width:2.1rem;height:2.1rem;font-size:1.3rem}.block-card__title{font-size:.95rem}.block-card__by{font-size:.75rem}.warning-card{padding:.7rem .8rem;gap:.7rem;margin-bottom:.45rem}.warning-card__icon{width:2.1rem;height:2.1rem;font-size:1.3rem}.warning-card__title{font-size:.95rem}.warning-card__reason{font-size:.75rem}.sensor-bar{margin:.7rem auto;width:calc(100% - 3rem);padding:.55rem .8rem;min-height:3rem;gap:.7rem}.sensor-bar__label{font-size:.8rem;flex-shrink:0}.sensor-dot{width:1.5rem;height:1.5rem;font-size:.85rem;margin-right:.35rem}.sensor-item__name{font-size:.6rem}.didactic{padding:1rem 1.5rem}.didactic__cols{gap:1.5rem}.didactic__title{font-size:1.6rem;margin-bottom:.5rem}.didactic__rule-bar{width:4rem;height:.2rem;margin-bottom:.7rem}.didactic__text{font-size:.9rem;line-height:1.45}.didactic__lead{font-size:1.05rem;line-height:1.45;margin-bottom:.7rem}.didactic__sensor-name{font-size:1.05rem;margin-bottom:.4rem}.rule-card{font-size:.8rem;padding:.65rem .7rem;gap:.4rem}.rule-card__label{font-size:.8rem}.rule-card__text{font-size:.85rem}.intro-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center}.intro-overlay{position:relative;background:#d8e8f4;border:1px solid #1E4664;border-radius:8px;box-shadow:0 12px 32px #00000059;padding:1.8rem 2.2rem 1.4rem;width:min(40rem,90vw);max-height:80vh;overflow-y:auto;color:var(--c-navy)}.intro-overlay__close{position:absolute;top:.5rem;right:.6rem;background:transparent;border:none;color:var(--c-navy);font-size:1.6rem;line-height:1;cursor:pointer;padding:.2rem .5rem;border-radius:4px;font-family:var(--font)}.intro-overlay__close:hover{background:#0000000f}.intro-overlay__headline{font-weight:700;font-size:1.5rem;line-height:1.25;margin-bottom:.9rem;padding-right:1.5rem}.intro-overlay__body{font-size:.95rem;line-height:1.5;margin-bottom:.7rem}.intro-overlay__body:last-child{margin-bottom:0}.restart-btn{background:var(--c-white);color:var(--c-navy);border:1px solid var(--c-navy);border-radius:4px;font-family:var(--font);font-size:.95rem;padding:.45rem .8rem;cursor:pointer;white-space:nowrap;min-width:6rem;-moz-appearance:none;appearance:none;-webkit-appearance:none}.restart-btn:hover{background:var(--c-bg)}.header__controls{display:flex;align-items:center;gap:.9rem}.header__controls .dropdown{width:auto;min-width:9rem}.lang-toggle{display:inline-flex;border-radius:4px;overflow:hidden;font-family:var(--font)}.lang-toggle__btn{background:#4b9fe0;color:#fff;border:none;font-family:var(--font);font-size:.95rem;font-weight:600;padding:.45rem .8rem;cursor:pointer;min-width:2.6rem;border-right:1px solid rgba(255,255,255,.25);-webkit-appearance:none}.lang-toggle__btn:last-child{border-right:none}.lang-toggle__btn:hover{background:#3d8fcc}.lang-toggle__btn--active{background:#1e4664;color:#fff}.lang-toggle__btn--active:hover{background:#1e4664}.header__controls .restart-btn,.header__controls .dropdown__trigger{background:#4b9fe0;color:#fff;border-color:#4b9fe0}.header__controls .restart-btn:hover,.header__controls .dropdown__trigger:hover{background:#3d8fcc;border-color:#3d8fcc}.header__controls .dropdown__chevron{color:#fff}.header__controls .dropdown__value--placeholder{color:#fff;opacity:.8}.footer{padding:.5rem 1rem;font-size:.7rem}.empty-hint{font-size:1rem;max-width:60%}.preview-shell{width:100vw;height:100vh;overflow:auto;background:#1a1a1a;display:flex;justify-content:center;align-items:flex-start}.preview-stage{width:2160px;height:3840px;flex-shrink:0;background:#fff;position:relative;outline:4px solid #FFD24A;outline-offset:0}.preview-stage>.app{width:100%;height:100%}.preview-banner{position:fixed;top:0;left:0;right:0;background:#ffd24af2;color:#1f3864;font-family:var(--font);font-size:13px;font-weight:600;padding:6px 14px;display:flex;justify-content:space-between;align-items:center;z-index:9999}.preview-banner__btn{background:#1f3864;color:#fff;border:none;border-radius:3px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font)}