:root{--line: rgba(255, 255, 255, .09);--muted: #8b98a9;--text: #f4f7fb;--blue: #0f62fe;--cyan: #33b1ff;--green: #42be65;--yellow: #f1c21b;--red: #fa4d56}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;overflow:auto;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#05070b,#0b1119 52%,#101824)}.app{min-height:100vh;height:auto;display:grid;grid-template-rows:60px 1fr;padding:12px;gap:12px}.topbar,.panel{background:linear-gradient(180deg,#17202bf7,#111821f7);border:1px solid var(--line);box-shadow:0 18px 60px #00000047}.topbar{border-radius:18px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.brand-block{display:flex;align-items:center;gap:12px}.logo{height:40px;width:40px;border-radius:16px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#0f62fe,#33b1ff)}.app-title{font-size:20px;font-weight:900;line-height:1}.app-subtitle,.top-note{color:#94a3b8;font-size:12px;margin-top:4px}.layout{min-height:820px;height:calc(100vh - 84px);display:grid;grid-template-columns:320px minmax(760px,1fr) 540px;gap:12px}.panel{border-radius:20px;overflow:hidden;display:flex;flex-direction:column;min-height:0}.panel-head{min-height:54px;padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-body{padding:12px;min-height:0;flex:1;overflow:hidden}.scroll-y{overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) rgba(255,255,255,.04)}.sensor-list-scroll{min-height:220px}.scroll-x{overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.45) rgba(255,255,255,.04)}.scroll-y::-webkit-scrollbar,.scroll-x::-webkit-scrollbar,.output-code::-webkit-scrollbar{width:8px;height:8px}.scroll-y::-webkit-scrollbar-track,.scroll-x::-webkit-scrollbar-track,.output-code::-webkit-scrollbar-track{background:#ffffff09;border-radius:999px}.scroll-y::-webkit-scrollbar-thumb,.scroll-x::-webkit-scrollbar-thumb,.output-code::-webkit-scrollbar-thumb{background:#94a3b86b;border-radius:999px}.box{border:1px solid var(--line);background:#ffffff0a;border-radius:14px;padding:12px}.label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--cyan);font-weight:900}.title{font-weight:900;letter-spacing:-.02em}.hint{color:var(--muted);font-size:12px;line-height:1.35}.field{height:34px;width:100%;border:1px solid rgba(255,255,255,.12);background:#05080dd6;color:var(--text);border-radius:10px;padding:0 10px;outline:none;font-size:13px}.field::-moz-placeholder{color:#94a3b8b8;opacity:1}.field::placeholder{color:#94a3b8b8;opacity:1}.field:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #33b1ff2e}.field-required{border-color:#fa4d5652}.field-required-missing{border-color:var(--red);box-shadow:0 0 0 2px #fa4d562e}.field-required-missing:focus{border-color:var(--red);box-shadow:0 0 0 2px #fa4d5647}.field-label{min-height:18px;display:flex;align-items:center;gap:6px}.required-label{color:#fca5a5}.required-label.missing{color:#fecdd3;font-weight:800}.required-chip{height:16px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;color:#fecdd3;background:#fa4d561f;border:1px solid rgba(250,77,86,.26);font-size:10px;font-weight:900}.btn{height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);font-size:13px;font-weight:750;white-space:nowrap;cursor:pointer}.btn:hover{background:#ffffff1c}.btn-primary{border:none;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}.btn-red{background:#fa4d5621;color:#ffb3b8;border-color:#fa4d5652}.btn-green{background:#42be6521;color:#baf7c8;border-color:#42be6552}.demo-btn{height:28px;font-size:12px;background:#33b1ff14;border-color:#33b1ff40;color:#cfe9ff}.source-badge{height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;color:#cbd5e1;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-size:12px;font-weight:900}.source-badge.trusted{color:#baf7c8;background:#42be651c;border-color:#42be6547}.segmented{display:inline-flex;padding:4px;border-radius:999px;background:#05080d8c;border:1px solid var(--line);gap:4px}.seg-btn{height:30px;padding:0 14px;border-radius:999px;color:#9aa6b8;font-size:13px;font-weight:900;border:0;background:transparent;cursor:pointer}.seg-btn.active{background:#0f62fe42;color:#fff}.metric{border:1px solid var(--line);background:#ffffff0b;border-radius:14px;padding:10px}.metric-detail{color:#7dd3fc;font-size:11px;font-weight:800;margin-top:4px}.source-step{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start}.step-num{width:26px;height:26px;border-radius:999px;background:#0f62fe2e;border:1px solid rgba(51,177,255,.25);display:grid;place-items:center;font-size:12px;font-weight:900;color:#cfe9ff}.catalog-row{display:grid;grid-template-columns:72px minmax(120px,1fr) 82px 58px;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.055);font-size:13px;cursor:pointer;min-height:58px}.catalog-row:hover{background:#ffffff0b}.catalog-row.selected{background:#0f62fe29}.catalog-row.row-missing{box-shadow:inset 3px 0 0 var(--yellow)}.status-pill{height:28px;min-width:54px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.state-badge{min-width:72px;height:28px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900}.state-ready{color:#baf7c8;background:#42be651f;border:1px solid rgba(66,190,101,.26)}.state-default{color:#bfdbfe;background:#0f62fe29;border:1px solid rgba(51,177,255,.32)}.state-missing{color:#fef08a;background:#f1c21b21;border:1px solid rgba(241,194,27,.32)}.icon-btn{min-width:34px;width:34px;padding:0;text-align:center}.tag-row{display:grid;grid-template-columns:1fr 1fr 30px;gap:6px;align-items:center}.editor-grid{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:10px}.empty-state{min-height:100%;display:grid;place-items:center;align-content:center;text-align:center;padding:24px}.empty-state.compact{min-height:74px;padding:10px;border:1px dashed rgba(255,255,255,.1);border-radius:12px;background:#ffffff06}.output-code{flex:1;min-height:0;overflow:auto;background:#05080d;border:1px solid var(--line);border-radius:14px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55;color:#dbe7ff;white-space:pre-wrap}.tab{height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0b;color:#a8b3c2;font-size:12px;font-weight:800}.tab.active{background:#0f62fe38;color:#fff;border-color:#33b1ff73}.audit-strip{height:150px;margin-top:12px;border:1px solid var(--line);background:#ffffff09;border-radius:14px;padding:10px;display:flex;flex-direction:column;min-height:0}.audit-row{display:flex;gap:10px;padding:8px 9px;border-radius:12px;border:1px solid var(--line);background:#ffffff0a;font-size:12px}.dot{width:9px;height:9px;border-radius:999px;margin-top:4px;flex:none}.diff-added{background:#42be6524;color:#a7f3d0}.diff-removed{background:#fa4d5624;color:#fecdd3}.diff-same{color:#94a3b8}.hidden-panel{display:none!important}.grid{display:grid}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1 1 0%}.items-center{align-items:center}.justify-between{justify-content:space-between}.place-items-center{place-items:center}.h-full{height:100%}.w-full{width:100%}.min-h-0{min-height:0}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\[1fr_130px\]{grid-template-columns:1fr 130px}.grid-cols-\[1fr_145px\]{grid-template-columns:1fr 145px}.grid-cols-\[1fr_1fr\]{grid-template-columns:1fr 1fr}.grid-cols-\[minmax\(340px\,\.95fr\)_minmax\(380px\,1\.05fr\)\]{grid-template-columns:minmax(340px,.95fr) minmax(380px,1.05fr)}.grid-rows-\[82px_minmax\(230px\,1fr\)_245px\]{grid-template-rows:82px minmax(230px,1fr) 245px}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.gap-2{gap:8px}.gap-3{gap:12px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.p-0{padding:0}.p-3{padding:12px}.p-6{padding:24px}.p-8{padding:32px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.py-1{padding-top:4px;padding-bottom:4px}.py-2{padding-top:8px;padding-bottom:8px}.mt-1{margin-top:4px}.mt-3{margin-top:12px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mr-1{margin-right:4px}.pr-1{padding-right:4px}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-white\/10{border-color:#ffffff1a}.rounded-full{border-radius:999px}.rounded-none{border-radius:0}.border-0{border:0}.bg-white\/10{background:#ffffff1a}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-3xl{font-size:32px;line-height:1}.font-bold{font-weight:800}.font-black{font-weight:900}.text-center{text-align:center}.text-right{text-align:right}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-white{color:#fff}.text-slate-300{color:#cbd5e1}.text-red-200{color:#fecdd3}.text-red-300{color:#fca5a5}.text-yellow-200{color:#fef08a}.text-yellow-300{color:#fde047}.text-green-200{color:#bbf7d0}.text-green-300{color:#86efac}.text-blue-300{color:#93c5fd}.bg-red-500\/20{background:#ef444433}.bg-yellow-500\/20{background:#eab30833}.bg-green-500\/20{background:#22c55e33}.panel:last-child .tab{padding:0 8px;font-size:11px}.panel:last-child .btn{padding:0 10px}.panel:last-child .panel-body>.flex:first-child{align-items:flex-start}.panel:last-child .panel-body>.flex:first-child>.flex-wrap{flex-wrap:nowrap}@media(max-width:1500px){.layout{grid-template-columns:300px minmax(640px,1fr) 470px}.editor-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.catalog-row{grid-template-columns:64px minmax(150px,1fr) 78px 58px}}@media(max-width:1280px){html,body,#root{overflow:auto}.app{height:auto;min-height:100vh;grid-template-rows:auto 1fr}.topbar{min-height:72px;height:auto;align-items:flex-start;padding:14px 16px;gap:12px;flex-direction:column}.layout{height:auto;min-height:0;grid-template-columns:1fr}.panel{min-height:0}.panel-body{overflow:visible}.scroll-y{max-height:none}.panel-body>.grid,.grid-rows-\[82px_minmax\(230px\,1fr\)_245px\],.grid-rows-\[auto_1fr\]{height:auto;grid-template-rows:auto}}@media(max-height:900px)and (min-width:1281px){html,body,#root{overflow:auto}.app{height:auto;min-height:100vh}.layout{height:auto;min-height:820px}}@media(max-width:760px){.app{padding:8px;gap:8px;width:100%;overflow-x:hidden}.topbar{border-radius:14px;padding:12px}.layout{gap:8px;width:100%}.brand-block{align-items:flex-start;min-width:0}.logo{width:36px;height:36px;border-radius:14px;flex:none}.app-title{font-size:18px}.app-subtitle,.top-note{font-size:11px;line-height:1.35}.panel{border-radius:14px;width:100%}.panel-head{align-items:flex-start;flex-direction:column;min-height:0;padding:12px}.panel-body{padding:10px;overflow:visible}.box{border-radius:12px;padding:10px}.panel-body>.flex:first-child,.panel:last-child .panel-body>.flex:first-child{align-items:stretch;flex-direction:column}.panel:last-child .panel-body>.flex:first-child>.flex-wrap{flex-wrap:wrap}.grid-cols-4,.grid-cols-2,.grid-cols-\[1fr_130px\],.grid-cols-\[1fr_145px\],.grid-cols-\[1fr_1fr\],.grid-cols-\[minmax\(340px\,\.95fr\)_minmax\(380px\,1\.05fr\)\]{grid-template-columns:1fr!important}.grid-rows-\[82px_minmax\(230px\,1fr\)_245px\],.grid-rows-\[auto_1fr\]{grid-template-rows:auto!important}.h-full{height:auto}.scroll-y{max-height:none;overflow-y:visible}.sensor-list-scroll{max-height:min(58vh,520px);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.catalog-row{gap:8px;padding:10px;min-height:0}.catalog-available{grid-template-columns:58px minmax(0,1fr)}.catalog-available>div:nth-child(3),.catalog-available>div:nth-child(4){display:none}.catalog-enabled{grid-template-columns:minmax(0,1fr) auto;align-items:start}.catalog-enabled>div:first-child{grid-column:1;grid-row:2}.catalog-enabled>div:nth-child(2){grid-column:1 / -1;grid-row:1}.catalog-enabled>div:nth-child(3){grid-column:2;grid-row:2}.catalog-enabled>div:nth-child(4){grid-column:2;grid-row:3;justify-self:end}.status-pill{min-width:48px}.state-badge{min-width:86px}.tag-row,.editor-grid{grid-template-columns:1fr}.field-label{flex-wrap:wrap}.audit-strip{height:auto;min-height:160px}.output-code{min-height:320px;max-height:none;font-size:11px}.tab,.panel:last-child .tab{font-size:11px;padding:0 8px}.btn,.panel:last-child .btn{min-height:34px;height:auto;padding:8px 11px}.metric{min-height:76px}}@media(max-width:420px){.app{padding:6px}.topbar,.panel{border-radius:12px}.field,.btn,.tab,.seg-btn{font-size:12px}.segmented{width:100%}.seg-btn{flex:1}.source-step{grid-template-columns:24px 1fr}.step-num{width:24px;height:24px}.catalog-enabled{grid-template-columns:1fr}.catalog-enabled>div:first-child,.catalog-enabled>div:nth-child(2),.catalog-enabled>div:nth-child(3),.catalog-enabled>div:nth-child(4){grid-column:1;grid-row:auto;justify-self:start}.catalog-enabled>div:nth-child(4){justify-self:stretch}.catalog-enabled .icon-btn{width:100%}}