:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#e5e7eb;background:#050816;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.machine-shell{background:radial-gradient(circle at 0 0,#38bdf81f,#0000 32rem),#050816;grid-template-rows:76px auto 1fr;min-height:100vh;display:grid}.machine-topbar{background:#020617db;border-bottom:1px solid #94a3b829;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 18px;display:grid}.home-button,.api-pill,.machine-nav button{color:#e2e8f0;cursor:pointer;background:#0f172ae6;border:1px solid #94a3b82e;border-radius:14px;align-items:center;gap:9px;height:48px;padding:0 14px;font-weight:850;display:inline-flex}.home-button{color:#7dd3fc;border-color:#38bdf861}.topbar-title{min-width:0}.topbar-title span{color:#38bdf8;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:900;display:block}.topbar-title strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:20px;display:block;overflow:hidden}.api-pill{cursor:default}.api-ok{color:#86efac;background:#34d39914;border-color:#34d39952}.api-error{color:#fecaca;background:#f8717114;border-color:#f8717152}.machine-nav{background:#0f172a7a;border-bottom:1px solid #94a3b81f;gap:10px;padding:10px 18px;display:flex}.machine-nav button.active{color:#082f49;background:#38bdf8;border-color:#7dd3fc}.machine-screen{min-height:0;padding:18px}.eyebrow{color:#38bdf8;letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:900}.home-screen-v2{grid-template-columns:minmax(0,1.1fr) 360px;gap:18px;height:100%;display:grid}.home-main-card,.recent-programs,.screen-header-v2,.placeholder-card,.state-panel,.production-summary,.production-actions,.palette-grid-v2,.palette-detail-v2,.alarm-state,.event-list-v2,.manual-warning-v2,.manual-grid-v2,.program-row{background:#0f172ac2;border:1px solid #94a3b824;border-radius:24px;box-shadow:0 20px 70px #00000038}.home-main-card{align-content:center;gap:34px;padding:36px;display:grid}.home-main-card h1{color:#fff;margin:8px 0;font-size:clamp(42px,6vw,72px);line-height:1}.home-subtitle{color:#cbd5e1;max-width:780px;font-size:20px;line-height:1.45}.home-actions-v2{grid-template-columns:repeat(3,minmax(180px,1fr));gap:16px;display:grid}.main-action{color:#e0f2fe;cursor:pointer;background:#38bdf81f;border:1px solid #38bdf842;border-radius:26px;place-items:center;gap:10px;min-height:150px;font-size:20px;font-weight:950;display:grid}.main-action.secondary{background:#ffffff0d;border-color:#94a3b838}.recent-programs{padding:22px}.recent-programs h2{color:#fff;margin:0 0 16px}.simple-list{gap:10px;display:grid}.simple-list button{text-align:left;color:#fff;cursor:pointer;background:#02061770;border:1px solid #94a3b824;border-radius:18px;min-height:72px;padding:0 16px}.simple-list span{color:#94a3b8;margin-top:4px;display:block}.screen-header-v2{margin-bottom:16px;padding:20px 22px}.screen-header-v2 h1{color:#fff;margin:0;font-size:34px}.screen-header-v2 p{color:#94a3b8;margin:6px 0 0}.programs-screen-v2,.placeholder-screen,.manual-screen-v2,.alarms-screen-v2{height:100%}.program-list-v2{gap:12px;display:grid}.program-row{grid-template-columns:74px minmax(0,1fr) 240px 130px;align-items:center;gap:14px;min-height:96px;padding:14px;display:grid}.program-icon{color:#7dd3fc;background:#38bdf81a;border:1px solid #38bdf852;border-radius:18px;place-items:center;width:64px;height:64px;font-weight:950;display:grid}.program-info strong{color:#fff;font-size:22px;display:block}.program-info span,.program-meta span{color:#94a3b8;margin-top:4px;display:block}.program-row button,.palette-detail-v2 button,.production-actions button,.jog-grid-v2 button,.tool-grid-v2 button{color:#7dd3fc;cursor:pointer;background:#38bdf81f;border:1px solid #38bdf847;border-radius:18px;min-height:56px;font-weight:900}.placeholder-card{text-align:center;color:#cbd5e1;place-items:center;min-height:300px;padding:30px;display:grid}.placeholder-card strong{color:#fff;font-size:26px}.production-screen-v2{grid-template-rows:minmax(220px,1fr) 190px;grid-template-columns:minmax(320px,.8fr) minmax(0,1fr);gap:16px;height:100%;display:grid}.state-panel{text-align:center;grid-row:span 2;place-items:center;display:grid}.state-panel p{color:#94a3b8;text-transform:uppercase;letter-spacing:.2em;margin:0;font-weight:900}.state-panel strong{color:#fff;font-size:clamp(54px,7vw,96px)}.production-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;display:grid}.info-box-v2{background:#02061780;border:1px solid #94a3b81f;border-radius:18px;padding:14px}.info-box-v2 span{color:#94a3b8;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:900;display:block}.info-box-v2 strong{color:#fff;margin-top:6px;font-size:20px;display:block}.info-box-v2.muted strong{color:#94a3b8;font-size:16px}.production-actions{grid-template-columns:1.2fr repeat(3,1fr);gap:12px;padding:18px;display:grid}.production-actions button{color:#e2e8f0;background:#ffffff0d;place-items:center;gap:8px;min-height:100%;display:grid}.production-actions .cycle-start{color:#082f49;background:#38bdf8}.production-actions .cycle-stop{color:#fecaca;background:#f871711f;border-color:#f8717157}.palette-screen-v2{grid-auto-rows:max-content;align-content:start;row-gap:0;height:auto;min-height:0;display:grid}.palette-grid-v2{align-content:center;gap:10px;padding:18px;display:grid}.palette-line-v2{grid-template-columns:70px minmax(0,1fr);align-items:center;gap:10px;display:grid}.level-label-v2{color:#cbd5e1;font-size:20px;font-weight:950}.slots-v2{gap:10px;display:grid}.slot-v2{cursor:pointer;border:1px solid;border-radius:18px;height:70px;font-size:18px;font-weight:950}.slot-present{color:#052e16;background:#34d399;border-color:#86efac}.slot-picked{color:#e2e8f0;background:#475569;border-color:#64748b}.slot-absent{color:#94a3b8;background:#ffffff08;border-color:#334155}.slot-error{color:#450a0a;background:#fb7185;border-color:#fecdd3}.slot-target{color:#082f49;background:#38bdf8;border-color:#bae6fd}.palette-detail-v2{grid-template-columns:repeat(4,minmax(0,1fr)) 240px;gap:10px;padding:14px;display:grid}.alarm-state{text-align:center;color:#86efac;place-items:center;min-height:260px;margin-bottom:16px;display:grid}.alarm-state.active{color:#fecaca}.alarm-state strong{font-size:36px}.event-list-v2{color:#cbd5e1;gap:10px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:grid}.manual-warning-v2{color:#fde68a;background:#fbbf241f;border-color:#fbbf2452;margin-bottom:16px;padding:16px 18px}.manual-grid-v2{grid-template-columns:1.2fr 1fr;gap:16px;padding:18px;display:grid}.manual-grid-v2 h2{color:#fff;margin:0 0 12px}.jog-grid-v2,.tool-grid-v2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.jog-grid-v2 button{min-height:100px;font-size:28px}.tool-grid-v2 button{min-height:80px}@media (width<=1100px){.machine-shell{grid-template-rows:auto auto 1fr}.machine-topbar{grid-template-columns:1fr}.machine-nav{overflow-x:auto}.home-screen-v2,.production-screen-v2,.manual-grid-v2,.home-actions-v2,.production-summary,.production-actions,.palette-detail-v2{grid-template-columns:1fr}.program-row{grid-template-columns:60px minmax(0,1fr)}.program-meta,.program-row button{grid-column:1/-1}.machine-screen{padding:10px}}.home-screen-v2{place-items:center;min-height:calc(100vh - 140px);display:grid}.home-main-card-centered{background:linear-gradient(#0a1226f0,#050a18f5),radial-gradient(circle at 0 0,#38bdf814,#0000 28rem);border:1px solid #38bdf829;align-content:center;gap:44px;width:min(1100px,100%);min-height:620px;padding:44px;box-shadow:0 30px 80px #00000057,inset 0 0 0 1px #ffffff05}.home-title-wrap{text-align:center}.home-main-card-centered .eyebrow{letter-spacing:.24em;font-size:13px}.home-main-card-centered h1{letter-spacing:-.03em;margin:14px 0;font-size:clamp(52px,7vw,88px);line-height:.95}.home-main-card-centered .home-subtitle{color:#b8c4d8;max-width:760px;margin:0 auto;font-size:22px;line-height:1.45}.home-actions-v2{grid-template-columns:repeat(3,minmax(220px,1fr));gap:18px}.main-action{background:linear-gradient(#112238f5,#0a1220f5);border:1px solid #38bdf833;border-radius:28px;gap:14px;min-height:190px;padding:18px;transition:transform .12s,border-color .12s,background .12s;box-shadow:inset 0 1px #ffffff08}.main-action span{text-align:center;font-size:24px;line-height:1.15;display:block}.main-action:hover{border-color:#38bdf85c;transform:translateY(-2px)}.main-action.secondary{color:#e5e7eb;background:linear-gradient(#181c2cf5,#0c101cf5);border-color:#94a3b82e}.main-action.manual{color:#f6d978;background:linear-gradient(#2a2414f5,#181208f5);border-color:#fbbf2438}.home-footer-note{text-align:center;color:#6f86a8;letter-spacing:.04em;font-size:14px}@media (width<=1100px){.home-main-card-centered{gap:28px;min-height:auto;padding:28px}.home-actions-v2{grid-template-columns:1fr}.main-action{min-height:120px}.main-action span{font-size:22px}}.machine-shell{background:radial-gradient(circle at 30% 18%,#38bdf81a,#0000 34rem),linear-gradient(#050816 0%,#030712 100%)}.machine-topbar{background:#020617eb;height:64px;padding:8px 18px}.home-button,.api-pill{border-radius:13px;height:42px}.topbar-title{text-align:center}.topbar-title span{letter-spacing:.22em;font-size:10px}.topbar-title strong{color:#cbd5e1;font-size:16px}.home-screen-v2{min-height:calc(100vh - 100px);padding-top:12px}.home-main-card-centered{background:radial-gradient(circle at top,#38bdf81a,#0000 24rem),linear-gradient(#0a1226eb,#040812fa);border:1px solid #38bdf82e;border-radius:30px;width:min(980px,100%);min-height:560px;padding:42px 44px}.home-main-card-centered h1{font-size:clamp(50px,6vw,78px);line-height:.98}.home-main-card-centered .home-subtitle{color:#aebbd0;max-width:680px;font-size:19px}.home-actions-v2{grid-template-columns:repeat(3,1fr);width:100%;max-width:760px;margin:0 auto}.main-action{border-radius:24px;min-height:150px;position:relative;overflow:hidden}.main-action:before{content:"";background:#38bdf88c;height:4px;position:absolute;inset:0 0 auto}.main-action.secondary:before{background:#94a3b873}.main-action.manual:before{background:#fbbf248c}.main-action svg{opacity:.9}.main-action span{font-size:20px}.home-footer-note{color:#64748b;font-size:13px}@media (width<=1100px){.home-main-card-centered{width:100%;min-height:auto}.home-actions-v2{grid-template-columns:1fr;max-width:100%}.main-action{min-height:105px}}.programs-screen-clean{width:100%;max-width:1180px;margin:0 auto}.program-list-clean{gap:12px;display:grid}.program-file-clean{background:linear-gradient(#0c1426f0,#050a16f5);border:1px solid #94a3b824;border-radius:22px;grid-template-columns:72px minmax(260px,1fr) 210px 170px 180px;align-items:center;gap:14px;min-height:112px;padding:16px;display:grid;box-shadow:0 18px 50px #00000038}.program-file-mark{color:#7dd3fc;letter-spacing:.12em;background:#38bdf81a;border:1px solid #38bdf84d;border-radius:16px;place-items:center;width:58px;height:72px;font-size:13px;font-weight:950;display:grid}.program-file-main strong{color:#fff;font-size:24px;line-height:1.1;display:block}.program-file-main span{color:#8fa2bd;margin-top:6px;font-size:15px;display:block}.program-file-profile span{color:#64748b;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;display:block}.program-file-profile strong{color:#dbeafe;margin-top:5px;font-size:15px;line-height:1.25;display:block}.program-file-actions{gap:8px;display:grid}.program-open-button,.program-settings-button{cursor:pointer;border-radius:15px;min-height:46px;font-weight:950}.program-open-button{color:#082f49;background:#38bdf8;border:1px solid #38bdf85c}.program-settings-button{color:#94a3b8;background:#ffffff0a;border:1px solid #94a3b82e}.program-settings-button:hover{color:#e2e8f0;border-color:#94a3b857}@media (width<=1100px){.program-file-clean{grid-template-columns:64px minmax(0,1fr)}.program-file-profile,.program-file-actions{grid-column:1/-1}.program-file-actions{grid-template-columns:1fr 1fr}}.production-screen-clean{grid-template-rows:minmax(0,1fr) 160px;grid-template-columns:minmax(340px,.82fr) minmax(0,1fr);gap:16px;height:100%;display:grid;position:relative}.production-main-state{text-align:center;background:radial-gradient(circle at top,#38bdf81a,#0000 26rem),linear-gradient(#0a1226f5,#040812fa);border:1px solid #38bdf82e;border-radius:30px;grid-row:1/3;place-items:center;padding:36px;display:grid;box-shadow:0 28px 80px #00000047}.state-label{color:#7dd3fc;text-transform:uppercase;letter-spacing:.22em;font-size:13px;font-weight:950}.state-value{color:#fff;letter-spacing:-.05em;margin-top:18px;font-size:clamp(58px,8vw,110px);font-weight:950;line-height:.95}.production-progress{width:100%;max-width:420px;margin-top:34px}.progress-line{background:#1e293be6;border-radius:999px;height:14px;overflow:hidden}.progress-line span{background:linear-gradient(90deg,#38bdf8,#34d399);border-radius:999px;height:100%;display:block}.progress-text{color:#94a3b8;margin-top:10px;font-size:14px}.production-context-clean{background:#0f172ac2;border:1px solid #94a3b824;border-radius:30px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px;display:grid;box-shadow:0 20px 70px #00000038}.production-actions-clean{background:#0f172ac2;border:1px solid #94a3b824;border-radius:30px;grid-template-columns:1.2fr repeat(3,1fr);gap:12px;padding:16px;display:grid;box-shadow:0 20px 70px #00000038}.production-actions-clean button{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #94a3b82e;border-radius:22px;place-items:center;gap:8px;font-size:18px;font-weight:950;display:grid}.production-actions-clean .cycle-start{color:#082f49;background:#38bdf8;border-color:#7dd3fc}.production-actions-clean .cycle-stop{color:#fecaca;background:#f871711f;border-color:#f8717157}.production-settings-button{color:#94a3b8;cursor:pointer;background:#020617ad;border:1px solid #94a3b82e;border-radius:14px;align-items:center;gap:8px;height:42px;padding:0 13px;font-weight:850;display:inline-flex;position:absolute;top:18px;right:18px}.production-settings-button:hover{color:#e2e8f0;border-color:#94a3b859}@media (width<=1100px){.production-screen-clean{grid-template-rows:auto;grid-template-columns:1fr;height:auto}.production-main-state{grid-row:auto;min-height:320px}.production-context-clean,.production-actions-clean{grid-template-columns:1fr}.production-actions-clean button{min-height:86px}.production-settings-button{justify-content:center;width:100%;position:static}}.home-screen-v2{place-items:center;width:100%;grid-template-columns:1fr!important}.home-main-card-centered{place-self:center}.home-screen-v2{padding-top:28px;align-items:start!important}.home-main-card-centered{align-self:start!important}.home-screen-v2{width:100%;max-width:1180px;margin:0 auto;min-height:auto!important;padding-top:0!important;display:block!important}.home-main-card-centered{min-height:560px;margin:0;place-self:auto!important;width:100%!important;max-width:none!important}.home-main-card-centered h1{font-size:clamp(48px,5.6vw,76px)}.home-actions-v2{max-width:820px}@media (width<=1100px) and (width>=700px){.machine-shell{grid-template-rows:64px auto 1fr}.machine-topbar{height:64px;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px;align-items:center;gap:10px;grid-template-columns:auto minmax(0,1fr) auto!important}.home-button,.api-pill{white-space:nowrap;min-width:auto;height:42px;padding:0 12px;font-size:15px}.topbar-title{text-align:center;min-width:0}.topbar-title span{letter-spacing:.2em;font-size:9px}.topbar-title strong{max-width:100%;font-size:15px;line-height:1.15}.machine-screen{padding:12px}.machine-nav{gap:8px;padding:8px 12px;overflow-x:auto}.machine-nav button{flex:none;height:42px}}@media (width<=699px){.machine-topbar{grid-template-columns:1fr;gap:8px;height:auto}.topbar-title{text-align:center}}@media (width<=1100px) and (width>=700px){.programs-screen-clean{max-width:100%}.program-list-clean{padding-bottom:8px;overflow-x:auto}.program-file-clean{align-items:center;gap:10px;min-width:900px;min-height:94px;padding:12px;grid-template-columns:58px minmax(240px,1fr) 180px 150px 150px!important}.program-file-mark{border-radius:14px;width:52px;height:62px;font-size:12px}.program-file-main strong{font-size:19px}.program-file-main span{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:13px;overflow:hidden}.program-file-profile{grid-column:auto!important}.program-file-profile span{font-size:10px}.program-file-actions{gap:6px;grid-column:auto!important}.program-open-button,.program-settings-button{border-radius:13px;min-height:38px;font-size:13px}.program-file-clean{gap:8px;grid-template-columns:54px minmax(220px,1fr) 160px 130px 132px!important;min-width:840px!important}.program-file-actions{min-width:0}.program-list-clean{width:100%;overflow-x:hidden!important}.program-file-clean{grid-template-columns:50px minmax(170px,1fr) minmax(120px,.55fr) minmax(100px,.42fr) 118px!important;gap:7px!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:10px!important}.program-file-mark{width:48px!important;height:58px!important}.program-file-main,.program-file-profile,.program-file-actions{min-width:0}.program-file-main strong,.program-file-main span,.program-file-profile strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.program-file-actions{width:118px}.program-open-button,.program-settings-button{width:100%;min-height:36px;padding:0 6px!important;font-size:11px!important}.program-file-actions{grid-column:auto!important;grid-template-rows:1fr 1fr!important;grid-template-columns:1fr!important;gap:6px!important;width:132px!important;min-width:132px!important;display:grid!important}.program-open-button,.program-settings-button{white-space:nowrap!important;width:100%!important;min-height:38px!important;padding:0 8px!important;font-size:12px!important}.program-file-clean{grid-template-columns:54px minmax(200px,1fr) 150px 120px 126px!important;gap:8px!important;padding:10px 14px 10px 10px!important}.program-file-actions{padding-right:2px;width:126px!important;min-width:126px!important}.program-open-button,.program-settings-button{padding:0 6px!important;font-size:11.5px!important}.program-file-profile strong{font-size:11.5px!important}.home-actions-v2{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;max-width:100%!important}.main-action{min-height:128px!important;padding:14px!important}.main-action span{line-height:1.15;font-size:18px!important}.main-action svg{width:26px;height:26px}}.palette-grid-v2{gap:8px!important;padding:14px!important}.palette-line-v2{grid-template-columns:58px minmax(0,1fr)!important;gap:8px!important}.level-label-v2{font-size:17px!important}.slots-v2{gap:8px!important}.slot-v2{border-radius:16px!important;align-content:center!important;place-items:center!important;gap:2px!important;height:58px!important;padding:6px!important;line-height:1.05!important;display:grid!important}.slot-v2 span{font-size:17px;font-weight:950;display:block}.slot-v2 small{opacity:.85;text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:850;display:block}.palette-detail-v2{gap:8px!important;padding:10px!important}.palette-detail-v2 .info-box-v2{border-radius:14px!important;padding:10px!important}.palette-detail-v2 .info-box-v2 span{font-size:10px!important}.palette-detail-v2 .info-box-v2 strong{font-size:14px!important}.palette-detail-v2 button{border-radius:15px!important;min-height:48px!important;font-size:13px!important}@media (width<=1100px) and (width>=700px){.palette-screen-v2{grid-template-rows:auto auto auto!important;height:auto!important}.palette-grid-v2{gap:7px!important;padding:12px!important}.palette-line-v2{grid-template-columns:48px minmax(0,1fr)!important;gap:7px!important}.level-label-v2{font-size:15px!important}.slots-v2{gap:6px!important}.slot-v2{border-radius:14px!important;height:50px!important}.slot-v2 span{font-size:15px!important}.slot-v2 small{font-size:9px!important}.palette-detail-v2{grid-template-columns:repeat(4,minmax(0,1fr)) 190px!important}}.program-settings-screen-v2{max-width:1180px;margin:0 auto}.program-settings-layout-v2{grid-template-columns:minmax(0,1fr) 340px;gap:14px;display:grid}.program-settings-form-v2,.program-settings-preview-v2{background:#0f172ac2;border:1px solid #94a3b824;border-radius:24px;padding:18px;box-shadow:0 20px 70px #00000038}.program-settings-form-v2{gap:12px;display:grid}.settings-section-title-v2{color:#7dd3fc;text-transform:uppercase;letter-spacing:.16em;margin-top:4px;font-size:11px;font-weight:950}.program-settings-form-v2 label{gap:6px;display:grid}.program-settings-form-v2 label span{color:#94a3b8;font-size:12px;font-weight:850}.program-settings-form-v2 input{color:#fff;background:#0206179e;border:1px solid #94a3b82e;border-radius:14px;outline:none;height:46px;padding:0 12px;font-size:15px}.program-settings-form-v2 input:focus{border-color:#38bdf8a6;box-shadow:0 0 0 3px #38bdf81f}.settings-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.program-settings-preview-v2{align-content:start;gap:10px;display:grid}.program-preview-title-v2{color:#fff;margin-bottom:4px;font-size:22px;font-weight:950}.save-program-button-v2{color:#082f49;cursor:pointer;background:#38bdf8;border:1px solid #38bdf85c;border-radius:18px;min-height:58px;margin-top:8px;font-size:16px;font-weight:950}@media (width<=1100px) and (width>=700px){.program-settings-layout-v2{grid-template-columns:minmax(0,1fr) 300px;gap:10px}.program-settings-form-v2,.program-settings-preview-v2{padding:14px}.program-settings-form-v2 input{height:40px}.settings-grid-v2{gap:8px}}@media (width<=699px){.program-settings-layout-v2,.settings-grid-v2{grid-template-columns:1fr}}.slot-v2{background:0 0!important;border-color:#0000!important;place-items:center!important;padding:2px!important;display:grid!important}.slot-shape-v2{height:clamp(30px, calc(var(--piece-thickness,1) * 38px), 48px);aspect-ratio:var(--piece-ratio,2) / 1;border:1px solid;border-radius:14px;align-content:center;place-items:center;gap:2px;width:auto;min-width:42px;max-width:100%;line-height:1.05;display:grid;box-shadow:inset 0 1px #ffffff26,0 6px 16px #0000002e}.slot-v2 span,.slot-v2 small{z-index:1;position:relative}.slot-present .slot-shape-v2{color:#052e16;background:#34d399;border-color:#86efac}.slot-picked .slot-shape-v2{color:#e2e8f0;background:#475569;border-color:#64748b}.slot-absent .slot-shape-v2{color:#94a3b8;background:#ffffff0a;border-color:#334155}.slot-error .slot-shape-v2{color:#450a0a;background:#fb7185;border-color:#fecdd3}.slot-target .slot-shape-v2{color:#082f49;background:#38bdf8;border-color:#bae6fd;box-shadow:inset 0 1px #ffffff38,0 0 0 3px #bae6fd26,0 8px 20px #38bdf847}@media (width<=1100px) and (width>=700px){.slot-shape-v2{height:clamp(28px, calc(var(--piece-thickness,1) * 34px), 42px);aspect-ratio:var(--piece-ratio,2) / 1;border-radius:12px;width:auto;min-width:38px;max-width:100%}}.slot-shape-square-v2{aspect-ratio:auto!important;border-radius:14px!important;width:clamp(70px,82%,115px)!important;height:clamp(42px,5.2vw,58px)!important}@media (width<=1100px) and (width>=700px){.slot-shape-square-v2{border-radius:12px!important;width:clamp(56px,76%,96px)!important;height:40px!important}}.slots-v2{width:min(100%, calc(var(--slot-count,6) * 150px));justify-self:center}@media (width<=1100px) and (width>=700px){.slots-v2{width:min(100%, calc(var(--slot-count,6) * 132px))}}@media (width<=699px){.slots-v2{width:100%}}.slot-shape-v2{height:var(--piece-height,48px)!important;width:clamp(76px, calc(var(--piece-ratio,2) * var(--piece-height,48px) * 1.28), 170px)!important;aspect-ratio:auto!important;max-width:100%!important}@media (width<=1100px) and (width>=700px){.slot-shape-v2{height:var(--piece-height,42px)!important;width:clamp(68px, calc(var(--piece-ratio,2) * var(--piece-height,42px) * 1.22), 150px)!important}}.slots-v2{width:min(100%, max(calc(var(--slot-count,6) * 150px), 520px))!important}.slot-shape-v2{width:clamp(76px, calc(var(--piece-ratio,2) * var(--piece-height,48px) * 1.55), 245px)!important}@media (width<=1100px) and (width>=700px){.slots-v2{width:min(100%, max(calc(var(--slot-count,6) * 132px), 430px))!important}.slot-shape-v2{width:clamp(68px, calc(var(--piece-ratio,2) * var(--piece-height,42px) * 1.45), 210px)!important}}.slots-v2{width:min(100%, var(--slot-grid-width,900px))!important;justify-self:center!important;max-width:100%!important}.slot-v2{justify-self:stretch!important;width:100%!important;min-width:0!important;max-width:100%!important;overflow:hidden!important}.slot-shape-v2{width:min(var(--slot-max-width,150px), max(68px, calc(var(--piece-ratio,2) * var(--piece-height,48px) * 1.55)))!important;max-width:calc(100% - 4px)!important}@media (width<=1100px) and (width>=700px){.slots-v2{width:min(100%, var(--slot-grid-width,840px))!important}.slot-shape-v2{width:min(var(--slot-max-width,138px), max(64px, calc(var(--piece-ratio,2) * var(--piece-height,42px) * 1.45)))!important;max-width:calc(100% - 4px)!important}}.palette-grid-v2{overflow-x:hidden!important}.palette-grid-v2 .slots-v2{width:min(100%, var(--slot-grid-width,900px))!important;justify-self:center!important;gap:8px!important;max-width:100%!important}.palette-grid-v2 .slot-v2{justify-self:stretch!important;width:100%!important;min-width:0!important;max-width:100%!important;padding:1px!important;overflow:hidden!important}.palette-grid-v2 .slot-shape-v2,.palette-grid-v2 .slot-shape-square-v2{width:100%!important;min-width:0!important;max-width:100%!important;height:var(--slot-height,44px)!important;aspect-ratio:auto!important;border-radius:13px!important}.palette-grid-v2 .slot-v2 span{font-size:14px!important;line-height:1!important}.palette-grid-v2 .slot-v2 small{letter-spacing:.01em!important;font-size:7.5px!important;line-height:1!important}@media (width<=1100px) and (width>=700px){.palette-grid-v2 .slots-v2{gap:6px!important}.palette-grid-v2 .slot-shape-v2,.palette-grid-v2 .slot-shape-square-v2{border-radius:11px!important}.palette-grid-v2 .slot-v2 span{font-size:12px!important}.palette-grid-v2 .slot-v2 small{font-size:6.5px!important}}.palette-detail-v2 button:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.35)}.slot-selected-v2:not(.slot-target) .slot-shape-v2{outline-offset:2px;outline:2px solid #7dd3fcbf}.delete-program-button-v2{color:#fecaca;cursor:pointer;background:#f871711f;border:1px solid #f8717161;border-radius:18px;min-height:52px;font-size:15px;font-weight:950}.delete-program-button-v2:hover{background:#f871712e;border-color:#f8717194}.programs-hero-v2{text-align:left;justify-content:space-between;align-items:center;gap:18px;display:flex}.programs-hero-v2 h1,.programs-hero-v2 p{text-align:left}.create-program-inline-button-v2{color:#03111f;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#38bdf8f2,#0ea5e9d1);border:1px solid #38bdf88c;border-radius:18px;min-height:52px;padding:0 26px;font-size:15px;font-weight:950;box-shadow:0 12px 28px #38bdf829}.create-program-inline-button-v2:hover{filter:brightness(1.06)}@media (width<=700px){.programs-hero-v2{text-align:center;flex-direction:column;align-items:stretch}.programs-hero-v2 h1,.programs-hero-v2 p{text-align:center}.create-program-inline-button-v2{width:100%}}.programs-screen-clean .programs-hero-v2{text-align:center!important;background:radial-gradient(circle at 30% 0,#38bdf814,#0000 38%),linear-gradient(135deg,#0f172af5,#0b1222fa)!important;border:1px solid #94a3b824!important;border-radius:28px!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:18px!important;width:100%!important;min-height:104px!important;margin:0 0 18px!important;padding:22px 26px!important;display:grid!important;box-shadow:inset 0 1px #ffffff0a,0 18px 45px #00000038!important}.programs-screen-clean .programs-hero-v2>div{grid-column:2!important;min-width:0!important}.programs-screen-clean .programs-hero-v2 h1{letter-spacing:-.04em!important;text-align:center!important;color:#f8fafc!important;margin:0!important;font-size:clamp(28px,2.2vw,36px)!important;font-weight:950!important;line-height:1.05!important}.programs-screen-clean .programs-hero-v2 p{color:#93a4bb!important;text-align:center!important;margin:6px 0 0!important;font-size:17px!important;line-height:1.2!important}.programs-screen-clean .create-program-inline-button-v2{border-radius:18px!important;grid-column:3!important;justify-self:end!important;min-height:52px!important;padding:0 24px!important}@media (width<=900px){.programs-screen-clean .programs-hero-v2{grid-template-columns:1fr!important;padding:22px!important}.programs-screen-clean .programs-hero-v2>div,.programs-screen-clean .create-program-inline-button-v2{grid-column:1!important;justify-self:stretch!important}}.program-create-footer-v2{justify-content:center;margin-top:28px;padding-bottom:16px;display:flex}.program-create-bottom-button-v2{color:#7dd3fc;cursor:pointer;background:#0ea5e91f;border:1px solid #38bdf87a;border-radius:20px;min-height:56px;padding:0 34px;font-size:16px;font-weight:950;box-shadow:inset 0 1px #ffffff0f,0 14px 30px #00000038}.program-create-bottom-button-v2:hover{background:#0ea5e92e;border-color:#38bdf8b3}@media (width<=700px){.program-create-footer-v2{padding-left:12px;padding-right:12px}.program-create-bottom-button-v2{width:100%}}.palette-program-info-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:-6px 0 14px;display:grid}.palette-program-info-v2>div{background:#0206177a;border:1px solid #94a3b821;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:62px;display:flex;box-shadow:inset 0 1px #ffffff0a}.palette-program-info-v2 span{text-transform:uppercase;letter-spacing:.18em;color:#8ea3bf;font-size:10px;font-weight:900;line-height:1}.palette-program-info-v2 strong{color:#f8fafc;font-size:17px;font-weight:950;line-height:1}@media (width<=900px){.palette-program-info-v2{grid-template-columns:1fr}}.palette-role-tabs-v2{--palette-role-tab-height:64px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:var(--palette-role-tab-height);height:var(--palette-role-tab-height);min-height:var(--palette-role-tab-height);max-height:var(--palette-role-tab-height);align-items:start;gap:10px;margin:-6px 0 14px;display:grid}.palette-role-tabs-v2 button{height:var(--palette-role-tab-height);min-height:var(--palette-role-tab-height);max-height:var(--palette-role-tab-height);color:#cbd5e1;cursor:pointer;background:#0206176b;border:1px solid #94a3b824;border-radius:18px;flex-direction:column;justify-content:center;align-self:start;align-items:center;gap:5px;padding:8px 14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.palette-role-tabs-v2 button strong{color:#f8fafc;font-size:17px;font-weight:950;line-height:1.05}.palette-role-tabs-v2 button span{letter-spacing:.08em;text-transform:uppercase;color:#8ea3bf;font-size:11px;font-weight:850;line-height:1.05}.palette-role-tabs-v2 button.active{background:radial-gradient(circle at 30% 0,#38bdf82e,#0000 42%),#0ea5e91f;border-color:#38bdf88c;box-shadow:inset 0 1px #ffffff14,0 12px 26px #38bdf81f}.palette-finished-hint-v2{color:#93a4bb;text-align:center;background:#02061761;border:1px dashed #94a3b847;border-radius:18px;justify-content:center;align-items:center;min-height:54px;padding:12px 16px;font-size:13px;font-weight:750;line-height:1.25;display:flex}@media (width<=700px){.palette-role-tabs-v2{height:calc((var(--palette-role-tab-height) * 2) + 10px);min-height:calc((var(--palette-role-tab-height) * 2) + 10px);max-height:calc((var(--palette-role-tab-height) * 2) + 10px);grid-template-columns:1fr}}.production-screen-v2.production-screen-clean{grid-template-rows:auto;grid-template-columns:minmax(340px,.82fr) minmax(0,1fr);align-items:start;gap:16px;height:auto;min-height:0;display:grid}.production-screen-v2.production-screen-clean .production-main-state{grid-row:auto;min-height:420px}.production-side-clean{grid-template-rows:auto auto;align-content:start;align-items:start;gap:16px;min-width:0;height:auto;min-height:0;display:grid}.production-screen-v2.production-screen-clean .production-context-clean{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(74px,max-content);align-content:start;gap:12px;height:auto;min-height:0;max-height:none;display:grid;overflow:visible}.production-screen-v2.production-screen-clean .production-actions-clean{grid-template-columns:1.2fr repeat(3,1fr);gap:12px;display:grid;position:static}@media (width<=720px){.production-screen-v2.production-screen-clean{grid-template-columns:1fr}.production-screen-v2.production-screen-clean .production-main-state{min-height:320px}}@media (width<=700px){.production-screen-v2.production-screen-clean .production-context-clean,.production-screen-v2.production-screen-clean .production-actions-clean{grid-template-columns:1fr}}.manual-screen-v2{align-content:start;gap:14px;height:auto;min-height:0;display:grid}.manual-warning-compact-v2{font-size:13px;line-height:1.35;margin-bottom:0!important;padding:12px 16px!important}.manual-portals-dashboard-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.manual-portal-card-v2{background:radial-gradient(circle at 20% 0,#38bdf821,#0000 34%),#0f172ac7;border:1px solid #94a3b829;border-radius:26px;gap:12px;min-width:0;padding:16px;display:grid;box-shadow:0 20px 70px #00000038}.manual-portal-finished{background:radial-gradient(circle at 20% 0,#34d39921,#0000 34%),#0f172ac7}.manual-portal-header-v2{justify-content:space-between;align-items:start;gap:12px;display:flex}.manual-portal-header-v2 span{color:#8ea3bf;text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:850;display:block}.manual-portal-header-v2 h2{color:#f8fafc;margin:4px 0 0;font-size:clamp(22px,2vw,30px);line-height:1}.manual-portal-header-v2>strong{color:#082f49;white-space:nowrap;background:#7dd3fc;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:950}.manual-portal-finished .manual-portal-header-v2>strong{color:#052e16;background:#86efac}.manual-sensor-grid-v2{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.manual-sensor-card-v2{background:#0206175c;border:1px solid #94a3b81f;border-radius:16px;align-content:center;gap:3px;min-height:70px;padding:10px;display:grid}.manual-sensor-card-v2 span{color:#8ea3bf;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:850}.manual-sensor-card-v2 strong{color:#f8fafc;font-size:18px;line-height:1.05}.manual-sensor-card-v2 small{color:#64748b;font-size:11px;font-weight:700}.manual-portal-control-row-v2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.manual-control-block-v2{background:#02061747;border:1px solid #94a3b81a;border-radius:18px;padding:10px}.manual-control-block-v2 h3{color:#cbd5e1;text-transform:uppercase;letter-spacing:.12em;margin:0 0 8px;font-size:13px}.manual-mini-buttons-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.manual-mini-buttons-v2 button{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #94a3b82e;border-radius:13px;min-height:38px;font-weight:900}.manual-mini-buttons-v2 button:hover{background:#38bdf81f;border-color:#7dd3fc80}.manual-portal-footer-v2{background:#02061752;border:1px solid #94a3b81a;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.manual-portal-footer-v2 span{color:#8ea3bf;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:850}.manual-portal-footer-v2 strong{color:#f8fafc;text-align:right;font-size:13px}@media (width<=950px){.manual-portals-dashboard-v2{grid-template-columns:1fr}}@media (width<=620px){.manual-sensor-grid-v2,.manual-portal-control-row-v2{grid-template-columns:1fr}}.demo-access-shell{color:#f8fafc;background:radial-gradient(circle at 50% 0,#38bdf829,#0000 36%),#020617;place-items:center;min-height:100svh;padding:clamp(16px,4vw,32px);display:grid;overflow:hidden}.demo-access-card{text-align:center;background:#0f172ad1;border:1px solid #7dd3fc38;border-radius:30px;gap:clamp(12px,2vw,18px);width:min(520px,100vw - 36px);max-height:calc(100svh - 36px);padding:clamp(22px,3vw,34px);display:grid;overflow:auto;box-shadow:0 30px 90px #00000061}.demo-access-kicker{color:#38bdf8;text-transform:uppercase;letter-spacing:.24em;font-size:12px;font-weight:950}.demo-access-card h1{margin:0;font-size:clamp(30px,4.2vw,48px);line-height:1}.demo-access-card p{color:#94a3b8;margin:0;font-size:17px}.demo-pin-form{gap:12px;margin-top:8px;display:grid}.demo-pin-form label{text-align:left;gap:8px;display:grid}.demo-pin-form span{color:#8ea3bf;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900}.demo-pin-form input{color:#f8fafc;text-align:center;letter-spacing:.18em;background:#020617b8;border:1px solid #94a3b838;border-radius:18px;outline:none;height:clamp(52px,6vh,58px);padding:0 18px;font-size:26px;font-weight:900}.demo-pin-form input:focus{border-color:#38bdf8b8;box-shadow:0 0 0 4px #38bdf81f}.demo-pin-form button{color:#082f49;cursor:pointer;background:#38bdf8;border:0;border-radius:18px;height:clamp(52px,6vh,58px);font-size:18px;font-weight:950}.demo-pin-error{color:#fecaca;font-size:13px}.demo-access-card small{color:#64748b;line-height:1.4}.mobile-blocker-v2{display:none}@media (width<=760px){.mobile-blocker-v2{z-index:9999;color:#f8fafc;background:radial-gradient(circle at 50% 0,#38bdf829,#0000 36%),#020617;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.mobile-blocker-v2 section{text-align:center;background:#0f172ae0;border:1px solid #7dd3fc38;border-radius:26px;width:min(420px,100%);padding:28px;box-shadow:0 30px 90px #0000006b}.mobile-blocker-v2 strong{margin-bottom:12px;font-size:26px;line-height:1.05;display:block}.mobile-blocker-v2 p{color:#94a3b8;margin:0;font-size:16px;line-height:1.45}.machine-shell>:not(.mobile-blocker-v2){display:none!important}}.mobile-blocked-shell-v2{color:#f8fafc;background:radial-gradient(circle at 50% 0,#38bdf829,#0000 36%),#020617;place-items:center;min-height:100vh;padding:24px;display:grid}.mobile-blocked-card-v2{text-align:center;background:#0f172ae0;border:1px solid #7dd3fc38;border-radius:30px;width:min(520px,100%);padding:34px;box-shadow:0 30px 90px #0000006b}.mobile-blocked-card-v2 strong{margin-bottom:18px;font-size:clamp(32px,8vw,48px);line-height:1.08;display:block}.mobile-blocked-card-v2 p{color:#94a3b8;margin:0;font-size:clamp(18px,4.8vw,26px);line-height:1.45}.demo-access-card,.demo-access-card *,.demo-pin-form,.demo-pin-form *,.mobile-blocked-card-v2,.mobile-blocked-card-v2 *{box-sizing:border-box}.demo-access-card{color:#f8fafc}.demo-access-card h1{-webkit-text-fill-color:#f8fafc;color:#f8fafc!important}.demo-access-card p,.demo-access-card small{max-width:100%}.demo-pin-form,.demo-pin-form label{width:100%;min-width:0}.demo-pin-form input,.demo-pin-form button{width:100%;min-width:0;max-width:100%;display:block}.demo-pin-form input{-webkit-text-fill-color:#f8fafc;appearance:none;color:#f8fafc!important}.demo-pin-form button{-webkit-text-fill-color:#082f49;color:#082f49!important}.home-actions-v2.home-actions-two-v2{justify-content:center;align-items:stretch;gap:18px;width:100%;max-width:none;margin:0 auto;padding:0;display:flex}.home-actions-v2.home-actions-two-v2 .main-action{flex:0 320px;width:320px;min-width:260px;max-width:320px}@media (width<=760px){.home-actions-v2.home-actions-two-v2{flex-direction:column;align-items:center}.home-actions-v2.home-actions-two-v2 .main-action{width:min(320px,100%);max-width:320px}}