:root{
 --bg:#0b0d10;--panel:#15181e;--panel2:#1b1f27;--line:#2b313b;
 --text:#edf1f6;--muted:#8f98a5;--accent:#7aa2ff;--good:#5fd394;
 --warn:#efc46a;--bad:#ff7474;--wall:#e2d500;--level:#ee2424;
 --guide:#777d86;--finish:#00dce8;--struct:#d5cf00;--clear:#00e52d;
 --dim:#d9dee5;--cad:#58ff42;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Pretendard,"Noto Sans KR",Arial,sans-serif}
.app{max-width:1660px;margin:0 auto;padding:22px}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
h1{margin:0;font-size:20px;letter-spacing:.07em}.sub{color:var(--muted);font-size:12px;margin-top:5px}
.badge{border:1px solid var(--line);border-radius:999px;padding:7px 11px;color:var(--muted);font-size:11px}
.grid{display:grid;grid-template-columns:440px 1fr;gap:17px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:15px}
.left{padding:17px}.sec+.sec{margin-top:17px;padding-top:17px;border-top:1px solid var(--line)}
.st{font-weight:800;font-size:13px;margin-bottom:11px}
.row{display:grid;grid-template-columns:1fr 165px;gap:10px;align-items:center;margin:8px 0}
label{font-size:12px;color:#cbd2dc}
input,select{width:100%;min-width:0;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:8px;padding:8px 9px;outline:none}
input:focus,select:focus{border-color:var(--accent)}
.hint{font-size:10px;line-height:1.5;color:var(--muted)}
.handrail{display:grid;grid-template-columns:auto auto 70px auto 70px;gap:7px;align-items:center;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)}
.handrail input[type=checkbox]{width:14px;height:14px;margin:0}.handrail input[type=number]{width:70px;padding:6px}.handrail span{font-size:10px;white-space:nowrap;color:#cbd2dc}
.handrail.disabled{opacity:.42}
.hidden-control{display:none!important}
.checkboxOnly{display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)}
.checkboxOnly input[type=checkbox]{width:14px;height:14px;margin:0;flex:0 0 auto}
.checkboxOnly .mainLabel{font-size:11px;color:#cbd2dc;white-space:nowrap}
.checkboxOnly .fixedNote{margin-left:auto;font-size:10px;color:var(--muted);white-space:nowrap}
.inputSuffix{position:relative;width:165px}
.inputSuffix input{padding-right:38px}
.inputSuffix .suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--muted);pointer-events:none}
.labelInfo{display:inline-flex;align-items:center;gap:6px}
.infoTip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border:1px solid #59616d;border-radius:50%;font-size:10px;font-weight:800;color:#aeb7c3;cursor:help;line-height:1}
.infoTip .tipText{visibility:hidden;opacity:0;position:absolute;left:21px;top:50%;transform:translateY(-50%);z-index:20;width:255px;padding:8px 10px;border:1px solid #3a4250;border-radius:8px;background:#101318;color:#d5dbe4;font-size:10px;font-weight:400;line-height:1.5;box-shadow:0 8px 24px rgba(0,0,0,.35);pointer-events:none;transition:opacity .12s ease}
.infoTip:hover .tipText{visibility:visible;opacity:1}
.guardrailCompact{display:grid;grid-template-columns:auto auto 72px auto minmax(108px,1fr) auto;gap:7px;align-items:center;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)}
.guardrailCompact input[type=checkbox]{width:14px;height:14px;margin:0}.guardrailCompact input[type=number]{width:72px;padding:6px}.guardrailCompact span{font-size:10px;white-space:nowrap;color:#cbd2dc}.guardrailCompact select{height:29px;padding:5px 7px;font-size:9px;border-radius:7px;background:#141a22}.guardrailExpand{height:29px;border:1px solid #3a4552;background:#111820;color:#bfc9d5;border-radius:7px;padding:0 8px;font-size:9px;font-weight:800;cursor:pointer;white-space:nowrap}.guardrailExpand:hover{border-color:#6d96ff;color:#fff}.guardrailExpand.open{border-color:#5876a7;background:#172234;color:#dce8ff}
.guardrailDesigner{margin-top:8px;padding:9px;border:1px solid var(--line);border-radius:9px;background:#10151b;display:grid;gap:8px}.guardrailDesigner.collapsed{display:none}
.guardrailDesigner .gdTitle{font-size:10px;font-weight:800;color:#dce4ee;display:flex;justify-content:space-between;align-items:center;gap:8px}.guardrailDesigner .gdTitleLeft{display:flex;align-items:baseline;gap:7px}.guardrailDesigner .gdHint{font-size:8px;color:#778493;font-weight:500}.gdActions{display:flex;gap:5px;align-items:center}.gdMiniBtn{height:24px;border:1px solid #384555;background:#121820;color:#aeb9c7;border-radius:6px;padding:0 7px;font-size:8px;font-weight:800;cursor:pointer}.gdMiniBtn:hover{border-color:#6d96ff;color:#fff}.gdMiniBtn.active{border-color:#8e67ff;background:linear-gradient(135deg,#372366,#173b70);color:#fff;box-shadow:0 0 12px rgba(126,91,255,.2)}
.guardrailDesigner .gdGrid{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;align-items:stretch}.gdField{display:grid;grid-template-columns:1fr 78px;gap:7px;align-items:center;min-height:29px}.gdField.full{grid-column:1/-1}.guardrailDesigner label{font-size:9px;color:#aeb8c6;white-space:nowrap}.guardrailDesigner input,.guardrailDesigner select{min-width:0;width:100%;background:#0d1218;border:1px solid #37414d;border-radius:6px;color:#e9eef5;padding:5px 6px;font-size:9px}.guardrailDesigner select{padding-right:2px}.guardrailDesigner.disabled{opacity:.42;pointer-events:none}.gdField.nodeHidden,.gdField.ruleHidden{display:none}
.railNodeStudio{display:none;border:1px solid #2f3946;border-radius:8px;background:#0c1117;padding:8px;gap:7px}.railNodeStudio.active{display:grid}.railNodeStudioTop{display:flex;justify-content:space-between;align-items:center;gap:8px}.railNodeStudioTop span{font-size:8px;color:#788697;line-height:1.4}.railNodeStrip{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.railMiniNode{position:relative;min-width:0;border:1px solid #354151;background:#131a22;border-radius:7px;padding:6px 5px;cursor:pointer;text-align:left;color:#9eabba}.railMiniNode:hover{border-color:#5d7392;color:#e8eef6}.railMiniNode.selected{border-color:#7a68ff;background:#1b1830;color:#fff;box-shadow:inset 0 0 0 1px rgba(154,130,255,.12)}.railMiniNode b{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.railMiniNode small{display:block;font-size:7px;color:#6f7e90;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.railMiniNode.selected small{color:#9ea9c6}.railNodeEnable{position:absolute;right:3px;top:3px;width:8px;height:8px;border-radius:50%;background:#4d5967;box-shadow:0 0 0 1px #11161d}.railMiniNode.enabled .railNodeEnable{background:#5fd394;box-shadow:0 0 7px rgba(95,211,148,.45)}.railNodeHelp{font-size:8px;color:#718093;line-height:1.45}.railNodeModeNote{display:none;font-size:8px;color:#8f9cae;padding:5px 7px;border-left:2px solid #735bff;background:#111721;border-radius:0 5px 5px 0}.railNodeModeNote.active{display:block}

.riserrow{display:grid;grid-template-columns:1fr 176px;gap:10px;align-items:center;margin:8px 0}
.range{display:grid;grid-template-columns:76px 14px 76px;gap:5px}.range input{width:76px}.range span{text-align:center;color:var(--muted);font-size:11px}
.levels{margin-top:9px;display:flex;flex-direction:column;gap:8px}
.lvCard{border:1px solid var(--line);background:var(--panel2);border-radius:11px;overflow:hidden}
.lv{display:grid;grid-template-columns:54px 1fr auto 30px;gap:10px;align-items:center;padding:9px 10px}
.lvn{display:flex;align-items:center;justify-content:center;min-height:38px;border-radius:8px;background:#202630;font-size:13px;font-weight:800;color:#f4f7fb}
.doorGroup{display:flex;gap:7px;align-items:center}
.doorChoice{position:relative;display:block;cursor:pointer;user-select:none}
.doorChoice input{position:absolute;opacity:0;pointer-events:none}
.doorChoice span{display:flex;align-items:center;justify-content:center;min-width:68px;height:36px;padding:0 14px;border:1px solid #3a4250;border-radius:9px;background:#171b22;color:#d4dbe5;font-size:11px;font-weight:700;transition:.12s ease}
.doorChoice:hover span{border-color:#526072;color:#fff}
.doorChoice input:checked + span{border-color:#1677ff;background:#0868cf;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}
.floorDelete{width:28px;height:28px;border:0;background:transparent;color:#8f98a5;border-radius:7px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}
.floorDelete:hover{background:#242a33;color:#ff8585}
.floorDelete:disabled{opacity:.22;cursor:not-allowed;background:transparent;color:#8f98a5}
.floorDelete svg{width:15px;height:15px;pointer-events:none}
.hrow{display:grid;grid-template-columns:54px 1fr;gap:10px;padding:0 10px 9px}
.hrow span{font-size:9px;color:var(--muted);align-self:center;text-align:center}.hrow input{padding:7px 9px}
.floorAdd{width:100%;height:42px;margin:0 0 9px;border:1px dashed #465160;border-radius:10px;background:transparent;color:#aeb8c5;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.01em}
.floorAdd:hover{border-color:var(--accent);color:#dbe6ff;background:rgba(122,162,255,.04)}
.floorAdd .plus{font-size:17px;vertical-align:-1px;margin-right:5px;color:var(--accent)}
.add,.reset,.review{width:100%;border-radius:9px;padding:9px;cursor:pointer}.add{margin-top:8px;border:1px dashed #3a4250;background:transparent;color:#cbd2dc}.reset{margin-top:8px;border:1px solid var(--line);background:var(--panel2);color:#cbd2dc}.review{margin-top:14px;border:0;background:var(--accent);color:#0b1220;font-weight:900;padding:12px}
.dirty{margin-top:7px;text-align:center;font-size:10px;color:var(--warn);min-height:15px}
.work{display:grid;grid-template-rows:auto 1fr;gap:17px}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:14px}
.metric{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px}.metric span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.metric strong{font-size:16px}
.main{display:grid;grid-template-columns:1.68fr .58fr;gap:17px;min-height:880px}
.preview,.results{padding:14px}.head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.head h2{font-size:13px;margin:0}
.viewTabs{display:flex;gap:5px}.viewTabs button{border:1px solid var(--line);background:var(--panel2);color:var(--muted);border-radius:7px;padding:6px 10px;font-size:10px;cursor:pointer}.viewTabs button.active{border-color:var(--accent);color:var(--text)}
.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:9px;color:var(--muted)}.legend i{display:inline-block;width:14px;height:2px;vertical-align:middle;margin-right:4px}
.canvasWrap{position:relative;height:820px;border:1px solid var(--line);border-radius:10px;background:#030405;overflow:hidden;cursor:grab}
.canvasWrap.drag{cursor:grabbing}svg{width:100%;height:100%;display:block;user-select:none}svg line,svg polyline,svg path,svg rect,svg circle{vector-effect:non-scaling-stroke}
.zoom{position:absolute;right:10px;top:10px;display:flex;gap:5px;z-index:5}.zoom button{width:32px;height:30px;border:1px solid #3a414c;border-radius:7px;background:#15191f;color:#dce2ea;cursor:pointer;font-weight:700}.zoom .fit{width:auto;padding:0 9px;font-size:10px}
.canvasFlip{position:absolute;left:10px;top:10px;z-index:7;border:1px solid #3a414c;background:#15191f;color:#dce2ea;border-radius:7px;padding:7px 10px;font-size:10px;cursor:pointer;font-weight:700}.canvasFlip:hover{border-color:var(--accent);color:#fff}
.planFloor{position:absolute;left:10px;top:10px;z-index:5;width:145px;display:none}
.stagePanel{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.stagePanel select,.stagePanel button{border:1px solid #3a414c;background:#15191f;color:#dce2ea;border-radius:7px;padding:7px 9px;font-size:10px}
.stagePanel button{cursor:pointer}
.stagePanel button.active{border-color:var(--accent);background:#20283a;color:#fff}
.stageInfo{font:10px/1.55 Consolas,monospace;color:#cbd2dc;background:#101318;border:1px solid #303640;border-radius:8px;padding:8px 10px;margin-bottom:8px;display:none}
.card{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:9px}.card.best{border-color:var(--accent)}
.ctop{display:flex;justify-content:space-between;margin-bottom:6px;gap:8px}.ct{font-weight:800;font-size:12px}.status{font-size:10px;font-weight:800}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.neutral{color:#cbd2dc}
.info{font-size:11px;line-height:1.6;color:var(--muted)}
.altToggle{width:100%;margin-top:10px;border:1px solid var(--line);background:var(--panel2);color:#cbd2dc;border-radius:8px;padding:8px;cursor:pointer;font-size:11px}
.altList{display:none;margin-top:8px}.altList.open{display:grid}.alt{border:1px solid var(--line);border-radius:8px;padding:8px;margin-bottom:6px;background:#171b21;cursor:pointer}.alt:hover{border-color:#48515e}
.rules{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.check{display:flex;justify-content:space-between;gap:7px;border-bottom:1px solid rgba(255,255,255,.04);padding:6px 0;font-size:10px}
@media(max-width:1180px){.grid,.main{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}}

.altToggle{margin-top:10px;width:100%;padding:10px 12px;border:1px solid #3b4654;border-radius:10px;background:#121821;color:#dbe5ee;cursor:pointer}
.altList{display:none;gap:8px;margin-top:8px}
.altCard{width:100%;text-align:left;padding:10px 12px;border:1px solid #303b48;border-radius:10px;background:#0e141b;color:#dbe5ee;cursor:pointer;line-height:1.45}
.altCard:hover{border-color:#6d96ff}

/* v1.06 node mode button emphasis */
#nodeModeBtn{
 position:relative;isolation:isolate;overflow:hidden;
 min-width:96px;padding:8px 15px;
 border:1px solid rgba(143,126,255,.95);
 border-radius:10px;
 background:linear-gradient(120deg,#31146f 0%,#5b2bd6 30%,#1f7dff 64%,#1ddac2 100%);
 background-size:220% 220%;
 color:#fff;
 text-shadow:0 1px 4px rgba(0,0,0,.5),0 0 9px rgba(224,235,255,.65);
 box-shadow:0 0 0 1px rgba(151,128,255,.2) inset,0 0 13px rgba(96,83,255,.48),0 0 26px rgba(33,137,255,.22);
 transform:translateZ(0);
 animation:nodeModeGradient 3.2s ease-in-out infinite,nodeModeGlow 1.8s ease-in-out infinite alternate;
 transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
}
#nodeModeBtn::before{
 content:"";position:absolute;z-index:-1;inset:-2px;
 background:conic-gradient(from 0deg,transparent 0 18%,rgba(255,255,255,.72) 24%,transparent 30% 66%,rgba(93,255,231,.62) 73%,transparent 80%);
 filter:blur(8px);opacity:.55;
 animation:nodeModeOrbit 3.6s linear infinite;
}
#nodeModeBtn::after{
 content:"";position:absolute;z-index:2;top:-45%;left:-34%;width:30%;height:190%;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.82),transparent);
 transform:rotate(18deg);opacity:.72;pointer-events:none;
 animation:nodeModeShine 2.55s ease-in-out infinite;
}
#nodeModeBtn:hover{
 transform:translateY(-1px) scale(1.045);
 filter:saturate(1.2) brightness(1.12);
 box-shadow:0 0 0 1px rgba(190,179,255,.35) inset,0 0 18px rgba(112,89,255,.8),0 0 36px rgba(30,161,255,.44),0 6px 18px rgba(0,0,0,.34);
}
#nodeModeBtn:active{transform:translateY(0) scale(.98)}
#nodeModeBtn.active{
 border-color:#b8f6ff;
 background:linear-gradient(120deg,#4721a8 0%,#7d37ff 28%,#168dff 62%,#13dfbf 100%);
 background-size:220% 220%;
 color:#fff;
 box-shadow:0 0 0 1px rgba(220,250,255,.36) inset,0 0 19px rgba(121,87,255,.9),0 0 40px rgba(27,181,255,.5),0 0 60px rgba(23,228,190,.16);
}
@keyframes nodeModeGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes nodeModeGlow{from{box-shadow:0 0 0 1px rgba(151,128,255,.2) inset,0 0 10px rgba(96,83,255,.38),0 0 20px rgba(33,137,255,.14)}to{box-shadow:0 0 0 1px rgba(185,173,255,.32) inset,0 0 18px rgba(113,91,255,.68),0 0 34px rgba(33,161,255,.3)}}
@keyframes nodeModeOrbit{to{transform:rotate(360deg)}}
@keyframes nodeModeShine{0%,20%{left:-38%;opacity:0}38%{opacity:.85}58%,100%{left:118%;opacity:0}}
@media (prefers-reduced-motion:reduce){#nodeModeBtn,#nodeModeBtn::before,#nodeModeBtn::after{animation:none}}

/* v0.99 node mode */
.modeSwitch{display:flex;gap:6px;align-items:center;margin-top:8px}.modeSwitch button{border:1px solid #343b46;background:#15191f;color:#aeb7c4;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}.modeSwitch button.active{background:#1d6fe8;border-color:#2d82f5;color:#fff}
#basicModeBtn.active{background:#15191f;border-color:#46505e;color:#e0e6ee;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)}
.nodeModeInfo{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid #586579;border-radius:50%;color:#aeb9c8;background:#11161d;font:700 11px/1 Arial,sans-serif;cursor:help;flex:0 0 auto}
.nodeModeInfo:hover{border-color:#8aa9ff;color:#fff;background:#1a2230}
.nodeModeInfoTip{position:absolute;right:0;top:26px;width:260px;padding:9px 10px;border:1px solid #3b4655;border-radius:8px;background:#0f141b;color:#c5cfdb;font:9px/1.55 sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.38);opacity:0;visibility:hidden;transform:translateY(-3px);transition:.14s;z-index:100;pointer-events:none;text-align:left;font-weight:500}
.nodeModeInfo:hover .nodeModeInfoTip,.nodeModeInfo:focus .nodeModeInfoTip{opacity:1;visibility:visible;transform:translateY(0)}
#nodeModePanel{display:none;grid-column:1/-1;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:720px}.nodeTop{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;border-bottom:1px solid var(--line);background:#171b21}.nodeTop .label{font-size:11px;font-weight:800;color:#dbe2ec;margin-right:4px}.nodeAdd{border:1px dashed #425066;background:#11161d;color:#c8d2df;border-radius:8px;padding:7px 10px;font-size:10px;cursor:pointer}.nodeAdd:hover{border-color:#6d96ff;color:#fff}.nodeHint{margin-left:auto;color:#7f8a99;font-size:10px}
.nodeStage{position:relative;height:680px;overflow:auto;background-color:#0e1217;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px}.nodeStage:after{content:"";position:absolute;left:0;top:0;width:1700px;height:1px;pointer-events:none}.nodeWires{position:absolute;left:0;top:0;width:1700px;height:100%;pointer-events:none}.nodeWire{fill:none;stroke:#6d96ff;stroke-width:2.2;opacity:.85;pointer-events:stroke;cursor:pointer}.nodeWire:hover{stroke:#ff6b7a;stroke-width:3}.nodeCard{position:absolute;width:230px;background:#1a1f26;border:1px solid #343d49;border-radius:10px;box-shadow:0 10px 24px rgba(0,0,0,.2);user-select:none}.nodeCard.selected{border-color:#6d96ff}.nodeHead{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #2d343d;background:#20262e;border-radius:10px 10px 0 0;cursor:grab;font-size:11px;font-weight:800;color:#eef3f8}.nodeHead:active{cursor:grabbing}.nodeDelete{border:0;background:transparent;color:#7e8998;cursor:pointer;font-size:14px;line-height:1}.nodeDelete:hover{color:#ff7785}.nodeBody{padding:9px 10px 11px;display:grid;gap:7px}.nodeRow{display:grid;grid-template-columns:1fr 92px;align-items:center;gap:8px;font-size:10px;color:#aeb8c6}.nodeRow input[type=number]{width:100%;min-width:0;background:#11161c;border:1px solid #37414d;border-radius:6px;color:#eef3f7;padding:5px 7px;font-size:10px}.nodeRow input[type=checkbox]{justify-self:end}.nodeFixed{font-size:9px;color:#7f8996;line-height:1.45}.nodePort{position:absolute;width:12px;height:12px;border-radius:50%;background:#8a95a3;border:2px solid #14181e;top:14px;cursor:crosshair;z-index:4}.nodePort.in{left:-7px}.nodePort.out{right:-7px;background:#6d96ff}.nodePort.hot{box-shadow:0 0 0 4px rgba(109,150,255,.22)}.nodeOutput .nodeBody{min-height:70px;align-content:center}.nodeRun{width:100%;border:1px solid #2d82f5;background:#1d6fe8;color:white;border-radius:7px;padding:8px;font-size:10px;font-weight:800;cursor:pointer}
.nodeMeta{display:grid;gap:4px;padding-top:3px;border-top:1px solid #2a313a}.nodeStat{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#8995a4}.nodeStat b{color:#d7e0eb;font-weight:700}.nodeTag{display:inline-flex;align-items:center;width:max-content;padding:2px 6px;border:1px solid #35404d;border-radius:99px;color:#9eabb9;font-size:8px}.nodeCard.logic{width:200px}.nodeCard.process{width:215px}.nodeCard.outputNode{width:210px}.nodeCard .nodePort{top:16px}.nodeCard.branch .nodePort.out{background:#59c58a}

/* v1.02 advanced review algorithm graph */
.nodePalette{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 12px;border-bottom:1px solid var(--line);background:#141920}.nodeGroup{display:flex;align-items:center;gap:5px;padding-right:8px;border-right:1px solid #2a323d}.nodeGroup:last-child{border-right:0}.nodeGroupTitle{font-size:8px;color:#647183;font-weight:800;letter-spacing:.08em}.nodeCard.filterNode .nodeHead{background:#24252f}.nodeCard.generatorNode .nodeHead{background:#1e2932}.nodeCard.metricNode .nodeHead{background:#2a2430}.nodeCard.flowNode .nodeHead{background:#1d2929}.nodeCard.scoreNode .nodeHead{background:#29251d}.nodeCard.mergeNode .nodeHead{background:#222a22}.nodePort.pass{background:#59c58a}.nodePort.fail{background:#ff7474}.nodePort.alt{background:#efc46a}.nodePort.score{background:#b792ff}.nodePortLabel{position:absolute;font-size:7px;color:#8793a2;pointer-events:none;white-space:nowrap}.nodePortLabel.in{left:8px;top:12px}.nodePortLabel.out{right:8px;top:12px}.nodeCard.multiout .nodeBody{padding-bottom:22px}.algoComplexity{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:8px;color:#778493}.algoComplexity b{font-size:9px;color:#d8e2ec}.nodeMiniNote{font-size:8px;color:#738092;line-height:1.45}.nodeStage:after{width:3100px}.nodeWires{width:3100px}.nodeStage{height:760px}

/* v1.01 review algorithm studio */
.algoStatus{display:flex;align-items:center;gap:7px;margin-top:7px;justify-content:flex-end;font-size:9px;color:#8f9aaa}.algoStatus b{color:#dfe7f1;font-size:10px}.algoStatus .dot{width:7px;height:7px;border-radius:50%;background:#59c58a}.algoIntro{padding:10px 12px;border-bottom:1px solid var(--line);background:#12171e;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.algoIntro strong{font-size:11px;color:#e8eef7}.algoIntro span{font-size:9px;color:#8e99a7;line-height:1.45}.algoManager{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid var(--line);background:#171b21}.algoManager select,.algoManager input{height:29px;background:#0f141a;border:1px solid #384250;border-radius:7px;color:#dce5ef;font-size:10px;padding:0 8px}.algoManager select{min-width:160px}.algoManager button{height:29px;border:1px solid #384250;background:#121820;color:#bfc9d6;border-radius:7px;padding:0 9px;font-size:9px;font-weight:800;cursor:pointer}.algoManager button.primary{background:#1d6fe8;border-color:#2d82f5;color:#fff}.algoManager button:hover{border-color:#6687b8;color:#fff}.algoDirty{font-size:9px;color:#f4bd5f;margin-left:auto}.algoDirty.clean{color:#718093}.nodeHelp{font-size:9px;color:#8090a2;padding:7px 12px;border-bottom:1px solid #252d37;background:#10151b}.nodeCard.reviewCheck .nodeHead{background:#25242c}.nodeCard.controlNode .nodeHead{background:#1d2823}.nodeCard.selectorNode .nodeHead{background:#202532}.nodeBadge{display:inline-flex;padding:2px 5px;border-radius:99px;border:1px solid #394554;color:#93a2b4;font-size:8px}.nodeOption{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9px;color:#97a5b5}.nodeOption input[type=number]{width:76px;background:#11161c;border:1px solid #37414d;border-radius:6px;color:#eef3f7;padding:5px 6px;font-size:9px}.nodeOption select{width:90px;background:#11161c;border:1px solid #37414d;border-radius:6px;color:#eef3f7;padding:4px;font-size:9px}.nodeRename{width:100%;background:#11161c;border:1px solid #323c48;border-radius:6px;color:#dfe7f1;padding:5px 7px;font-size:10px}.algoToast{position:absolute;right:12px;top:12px;background:#15251e;border:1px solid #356a4d;color:#aee5c4;border-radius:7px;padding:7px 10px;font-size:9px;z-index:50;opacity:0;pointer-events:none;transition:.18s}.algoToast.show{opacity:1}.nodeStage{height:700px}.nodeStage:after{width:4300px}.nodeWires{width:4300px}.nodeCard{width:205px}


/* v1.03 node canvas navigation + live wire dragging */
.nodeStage{position:relative;height:700px;overflow:hidden;cursor:grab;background-color:#0b0f14;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px;background-position:0 0}
.nodeStage.panning{cursor:grabbing}.nodeWorld{position:absolute;left:0;top:0;width:6200px;height:2600px;transform-origin:0 0;will-change:transform;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.nodeWorld input,.nodeWorld select,.nodeWorld button{font-synthesis:none}.nodeWires{shape-rendering:geometricPrecision;position:absolute;left:0;top:0;width:6200px;height:2600px;overflow:visible;pointer-events:none;z-index:1}.nodeCard{z-index:2}.nodeWire{fill:none;stroke:#78a7ff;stroke-width:3.1;opacity:.92;pointer-events:stroke;cursor:pointer;filter:drop-shadow(0 0 4px rgba(72,137,255,.5));transition:stroke .12s,stroke-width .12s,opacity .12s}.nodeWire:hover{stroke:#ff7482;stroke-width:4;opacity:1}.nodeWire.preview{stroke:#a9c7ff;stroke-width:2.8;stroke-dasharray:7 5;opacity:.9;pointer-events:none;filter:drop-shadow(0 0 5px rgba(95,157,255,.55))}.nodePort{width:14px;height:14px;border:2px solid #0e1319;box-shadow:0 0 0 1px #657489,0 0 8px rgba(0,0,0,.35);transition:transform .1s,box-shadow .1s,background .1s}.nodePort.in{left:-8px;background:#aeb8c6}.nodePort.out{right:-8px;background:#78a7ff}.nodePort:hover,.nodePort.dragging{transform:scale(1.28);box-shadow:0 0 0 2px rgba(140,181,255,.3),0 0 12px rgba(98,157,255,.75)}.nodePort.compatible{box-shadow:0 0 0 3px rgba(89,197,138,.28),0 0 14px rgba(89,197,138,.8);background:#59c58a}.nodeCanvasHud{position:absolute;right:12px;bottom:12px;z-index:20;display:flex;align-items:center;gap:6px;background:rgba(16,21,27,.92);border:1px solid #303a47;border-radius:8px;padding:5px 7px;box-shadow:0 6px 18px rgba(0,0,0,.25)}.nodeCanvasHud button{border:1px solid #364252;background:#141b23;color:#cbd6e3;border-radius:6px;min-width:28px;height:25px;font-size:11px;cursor:pointer}.nodeCanvasHud button:hover{border-color:#6888b7;color:#fff}.nodeCanvasHud .zoomReadout{min-width:48px;text-align:center;font-size:9px;color:#9cabbc}.nodeCanvasTip{position:absolute;left:12px;bottom:12px;z-index:20;font-size:8px;color:#687788;background:rgba(13,18,24,.78);padding:5px 7px;border-radius:6px;pointer-events:none}
.nodeCard{box-shadow:0 12px 30px rgba(0,0,0,.34)} .nodeCard:hover{border-color:#53657a}.nodeWire[data-lane="0"]{stroke:#78a7ff}.nodeWire[data-lane="1"]{stroke:#65d0a1}.nodeWire[data-lane="2"]{stroke:#d5a7ff}.nodeWire[data-lane="3"]{stroke:#f0bd72}.algoManager select{outline:none}.algoManager select:focus{border-color:#6d96ff;box-shadow:0 0 0 2px rgba(109,150,255,.14)}


/* v1.12 dedicated guardrail node studio */
#railNodeModeBtn{
 position:relative;overflow:hidden;isolation:isolate;
 border:1px solid rgba(163,130,255,.88);color:#fff;
 background:linear-gradient(120deg,#7d36ff 0%,#334cff 30%,#008dff 58%,#00d5b0 82%,#7d36ff 100%);
 background-size:260% 260%;font-weight:900;letter-spacing:.02em;
 box-shadow:0 0 0 1px rgba(178,157,255,.18) inset,0 0 10px rgba(102,77,255,.42),0 0 20px rgba(0,139,255,.18);
 animation:railNodeGradient 3.1s ease-in-out infinite,railNodeGlow 1.7s ease-in-out infinite alternate;
}
#railNodeModeBtn::after{content:"";position:absolute;top:-55%;left:-48%;width:30%;height:210%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.88),transparent);transform:rotate(18deg);animation:railNodeShine 2.45s ease-in-out infinite;z-index:-1}
#railNodeModeBtn:hover{transform:translateY(-1px) scale(1.045);box-shadow:0 0 0 1px rgba(210,198,255,.3) inset,0 0 18px rgba(117,82,255,.75),0 0 34px rgba(0,164,255,.35)}
@keyframes railNodeGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes railNodeGlow{from{filter:saturate(1)}to{filter:saturate(1.3) brightness(1.08)}}
@keyframes railNodeShine{0%,18%{left:-48%;opacity:0}38%{opacity:.92}58%,100%{left:125%;opacity:0}}

#railNodeModePanel{display:none;grid-column:1/-1;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;min-height:720px}
.railStudioIntro{padding:11px 13px;border-bottom:1px solid var(--line);background:#12171e;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.railStudioIntro strong{font-size:12px;color:#eef3fa}.railStudioIntro span{font-size:9px;color:#8d99a8;line-height:1.45}.railStudioIntro .spacer{flex:1}
.railStudioBack,.railStudioApply{height:30px;border:1px solid #40506a;background:#131a23;color:#cbd6e3;border-radius:7px;padding:0 10px;font-size:9px;font-weight:900;cursor:pointer}.railStudioApply{background:#1d6fe8;border-color:#2d82f5;color:white}.railStudioBack:hover,.railStudioApply:hover{border-color:#82a7ff;color:#fff}
.railStudioPalette{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:9px 12px;border-bottom:1px solid var(--line);background:#151a21}
.railStudioPalette .label{font-size:8px;color:#6f7d90;font-weight:900;letter-spacing:.08em;margin-right:3px}.railAddNode{height:27px;border:1px dashed #46556a;background:#10161d;color:#c3cfdd;border-radius:7px;padding:0 9px;font-size:9px;font-weight:800;cursor:pointer}.railAddNode:hover{border-color:#8a70ff;color:#fff;box-shadow:0 0 10px rgba(126,96,255,.18)}
.railStudioStatus{margin-left:auto;font-size:8px;color:#7f8c9d}.railStudioStatus b{color:#dfe7f2}
.railGraphStage{position:relative;height:690px;overflow:hidden;cursor:grab;background-color:#0b0f14;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:24px 24px}
.railGraphStage.panning{cursor:grabbing}.railGraphWorld{position:absolute;left:0;top:0;width:3600px;height:2300px;transform-origin:0 0;will-change:transform}.railGraphWires{position:absolute;left:0;top:0;width:3600px;height:2300px;overflow:visible;pointer-events:none;z-index:1}.railGraphWire{fill:none;stroke:#8a71ff;stroke-width:3;opacity:.86;filter:drop-shadow(0 0 4px rgba(129,92,255,.45))}
.railGraphCard{position:absolute;width:220px;background:#191f27;border:1px solid #364150;border-radius:10px;box-shadow:0 12px 26px rgba(0,0,0,.28);z-index:2;user-select:none}.railGraphCard.selected{border-color:#8b73ff;box-shadow:0 0 0 1px rgba(139,115,255,.25),0 12px 28px rgba(0,0,0,.32)}
.railGraphHead{height:35px;display:flex;align-items:center;gap:7px;padding:0 9px;background:#222936;border-bottom:1px solid #313b49;border-radius:10px 10px 0 0;cursor:grab;color:#eef3f8;font-size:10px;font-weight:900}.railGraphHead:active{cursor:grabbing}.railGraphBadge{font-size:7px;padding:2px 5px;border:1px solid #4b5870;border-radius:99px;color:#9daaca}.railGraphDelete{margin-left:auto;border:0;background:transparent;color:#7f8a98;cursor:pointer;font-size:14px}.railGraphDelete:hover{color:#ff7585}
.railGraphBody{padding:9px;display:grid;gap:7px}.railGraphRow{display:grid;grid-template-columns:1fr 88px;gap:8px;align-items:center;font-size:9px;color:#aeb8c6}.railGraphRow input,.railGraphRow select{width:100%;min-width:0;background:#10161d;border:1px solid #374252;border-radius:6px;color:#edf2f8;padding:5px 6px;font-size:9px}.railGraphRow input[type=checkbox]{width:auto;justify-self:end}
.railGraphPort{position:absolute;top:13px;width:14px;height:14px;border-radius:50%;border:2px solid #0e1319;box-shadow:0 0 0 1px #69778c}.railGraphPort.in{left:-8px;background:#aeb8c6}.railGraphPort.out{right:-8px;background:#8d76ff}
.railGraphNote{font-size:8px;color:#728196;line-height:1.45;padding-top:2px}.railGraphHud{position:absolute;right:12px;bottom:12px;display:flex;gap:5px;align-items:center;z-index:10;background:#111821;border:1px solid #344152;border-radius:8px;padding:5px}.railGraphHud button{width:28px;height:27px;border:1px solid #3b4757;background:#171e27;color:#dbe4ef;border-radius:6px;cursor:pointer}.railGraphHud .fit{width:auto;padding:0 8px;font-size:8px}.railGraphHud span{min-width:42px;text-align:center;font-size:8px;color:#9ba8b8}.railGraphTip{position:absolute;left:12px;bottom:13px;font-size:8px;color:#657386;z-index:5;pointer-events:none}
@media (prefers-reduced-motion:reduce){#railNodeModeBtn,#railNodeModeBtn::after{animation:none}}

/* v1.14 semantic guardrail data-flow graph */
.railGraphCard{width:210px}
.railGraphBody{padding:7px 8px 9px;gap:5px}
.railPortRow{position:relative;min-height:24px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#96a4b6;padding:0 7px;border-radius:5px}
.railPortRow:hover{background:rgba(255,255,255,.025)}
.railPortRow.inRow{padding-left:17px}.railPortRow.outRow{padding-right:17px}
.railPortLabel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.railPortType{font-size:7px;color:#596779;margin-left:8px}
.railDataPort{position:absolute;width:11px;height:11px;border-radius:50%;border:2px solid #0d1218;box-shadow:0 0 0 1px #65758a;cursor:crosshair;z-index:5}
.railDataPort.in{left:-14px;top:6px;background:#a8b5c7}.railDataPort.out{right:-14px;top:6px;background:#826cff}
.railDataPort[data-type="number"]{background:#66c3ff}.railDataPort[data-type="path"]{background:#f0b45a}.railDataPort[data-type="points"]{background:#68d49a}.railDataPort[data-type="geometry"]{background:#b883ff}.railDataPort[data-type="config"]{background:#ff7ea4}
.railDataPort.hot{box-shadow:0 0 0 2px #fff,0 0 14px currentColor}
.railGraphWire{stroke-width:2.2;opacity:.82;pointer-events:none}.railGraphWire.hovered{stroke-width:4;opacity:1}.railGraphWireHit{fill:none;stroke:rgba(0,0,0,.001);stroke-width:16;pointer-events:stroke;cursor:grab}.railGraphWireHit:active{cursor:grabbing}
.railGraphWire[data-type="number"]{stroke:#66c3ff}.railGraphWire[data-type="path"]{stroke:#f0b45a}.railGraphWire[data-type="points"]{stroke:#68d49a}.railGraphWire[data-type="geometry"]{stroke:#b883ff}.railGraphWire[data-type="config"]{stroke:#ff7ea4}
.railGraphWire.preview{stroke:#fff;stroke-dasharray:6 5;opacity:.65;pointer-events:none}
.railGraphHead .railExecState{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#485362}.railGraphCard.live .railExecState{background:#60d394;box-shadow:0 0 8px rgba(96,211,148,.7)}
.railGraphDelete{margin-left:0}
.railGraphValue{padding:7px 8px;border-top:1px solid #2d3744}.railGraphValue label{display:grid;grid-template-columns:1fr 82px;gap:7px;align-items:center;font-size:8px;color:#9ba8b7}.railGraphValue input,.railGraphValue select{width:100%;background:#0f151c;border:1px solid #344050;border-radius:5px;color:#eef3f8;padding:5px 6px;font-size:8px}
.railGraphNote{padding:5px 8px 8px;border-top:1px solid #2c3541}
.railGraphCard[data-kind="source"] .railGraphHead{background:#322918}.railGraphCard[data-kind*="Value"] .railGraphHead{background:#173044}.railGraphCard[data-kind="divide"] .railGraphHead,.railGraphCard[data-kind*="Array"] .railGraphHead{background:#183329}.railGraphCard[data-kind="handrail"] .railGraphHead,.railGraphCard[data-kind="postShape"] .railGraphHead{background:#2b2040}.railGraphCard[data-kind="compose"] .railGraphHead,.railGraphCard[data-kind="output"] .railGraphHead{background:#3a2031}
.railGraphStatusError{color:#ff8594!important}.railGraphStatusOk{color:#73d9a3!important}


/* v1.15 generic parametric graph types */
.railDataPort[data-type="vector"]{background:#ffd166}.railDataPort[data-type="curve"]{background:#f0b45a}.railDataPort[data-type="pointList"]{background:#68d49a}.railDataPort[data-type="geom"]{background:#b883ff}.railDataPort[data-type="geomList"]{background:#d08bff}
.railGraphWire[data-type="vector"]{stroke:#ffd166}.railGraphWire[data-type="curve"]{stroke:#f0b45a}.railGraphWire[data-type="pointList"]{stroke:#68d49a}.railGraphWire[data-type="geom"]{stroke:#b883ff}.railGraphWire[data-type="geomList"]{stroke:#d08bff}
.railGraphCard[data-kind="number"] .railGraphHead{background:#173044}.railGraphCard[data-kind="stairPath"] .railGraphHead{background:#322918}.railGraphCard[data-kind="add"] .railGraphHead,.railGraphCard[data-kind="subtract"] .railGraphHead,.railGraphCard[data-kind="multiply"] .railGraphHead,.railGraphCard[data-kind="divideMath"] .railGraphHead,.railGraphCard[data-kind="negate"] .railGraphHead{background:#263041}.railGraphCard[data-kind="vector"] .railGraphHead,.railGraphCard[data-kind="move"] .railGraphHead,.railGraphCard[data-kind="divideCurve"] .railGraphHead,.railGraphCard[data-kind="linesAtPoints"] .railGraphHead,.railGraphCard[data-kind="linearArray"] .railGraphHead,.railGraphCard[data-kind="thicken"] .railGraphHead,.railGraphCard[data-kind="fillet"] .railGraphHead,.railGraphCard[data-kind="cap"] .railGraphHead,.railGraphCard[data-kind="mergeGeom"] .railGraphHead{background:#21352f}.railGraphCard[data-kind="railOutput"] .railGraphHead{background:#3a2031}
.railGraphValue .nodeNameField{grid-template-columns:1fr 112px}.railGraphValue input[type=text]{width:100%;background:#0f151c;border:1px solid #344050;border-radius:5px;color:#eef3f8;padding:5px 6px;font-size:8px}

/* v1.20 node description typography */
.railGraphHead{align-items:center;gap:7px}
.railGraphTypeTitle{flex:1 1 auto;min-width:0;font-size:11px;font-weight:900;color:#f0f4f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.railGraphDescription{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:7px;padding:8px 10px 7px;border-bottom:1px solid #27313d;background:rgba(10,15,21,.34)}
.railGraphDescription>span{font-size:8px;font-weight:500;color:#96a4b6;letter-spacing:0}
.railGraphDescription input{width:100%;min-width:0;height:25px;padding:3px 7px;border:1px solid #344050;border-radius:5px;outline:none;background:#0f151c;color:#aeb9c7;font:400 7px/1.1 inherit;transition:border-color .13s,background .13s,color .13s,box-shadow .13s}
.railGraphDescription input::placeholder{color:#566375;font-weight:500}
.railGraphDescription input:hover{border-color:#4b5a6e}
.railGraphDescription input:focus{border-color:#6d96ff;background:#111821;color:#e1e8f0;box-shadow:0 0 0 2px rgba(109,150,255,.12)}
.railGraphCard{margin:0}


button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[aria-invalid="true"]{border-color:var(--bad);background:#321d25}.dirty{font-size:12px;line-height:1.6;text-align:left;min-height:38px}.review{position:sticky;bottom:12px;z-index:9;box-shadow:0 5px 20px #0007}.preview{position:relative}.emptyPreview{z-index:2;position:absolute;inset:80px 24px 24px;display:flex;align-items:center;justify-content:center;pointer-events:none;color:var(--muted);font-size:14px;text-align:center}.emptyPreview[hidden]{display:none}#nodeModeBtn{animation:none!important}#nodeModeBtn::before,#nodeModeBtn::after{animation:none!important} @media(max-width:1000px){.grid{grid-template-columns:1fr}.main{grid-template-columns:1fr;min-height:0}.canvasWrap{height:65vh;min-height:400px}.metrics{grid-template-columns:repeat(3,1fr)}.top{gap:12px;flex-wrap:wrap}}