.site-board,.source-files-view{border:1px solid var(--line);color:#ddd;background:#0b0b0b;border-radius:10px;min-height:340px;padding:16px}.board-intro,.source-files-head{align-items:flex-start;gap:11px;margin-bottom:16px;display:flex}.board-intro>svg,.source-files-head>svg{color:#bbb;flex:none;margin-top:2px}.board-intro h3,.source-files-head h3{margin:0 0 4px;font-size:15px}.board-intro p,.source-files-head p{color:#898989;margin:0;font-size:11px;line-height:1.5}.board-flow{grid-template-columns:minmax(150px,190px) 28px minmax(0,1fr);align-items:center;gap:10px;display:grid}.board-node{background:linear-gradient(145deg,#202020,#111);border:1px solid #474747;border-radius:10px;flex-direction:column;gap:7px;min-width:0;padding:15px;display:flex}.board-node span,.board-node small{color:#999;font-size:10px}.board-node strong{overflow-wrap:anywhere;font-size:14px}.board-arrow{color:#777}.board-lanes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:360px;display:grid;overflow:auto}.board-lanes section{background:#111;border:1px solid #292929;border-radius:8px;min-width:0;padding:10px}.board-lanes header{color:#eee;align-items:center;gap:7px;margin-bottom:9px;font-size:11px;font-weight:700;display:flex}.board-lanes header b{color:#999;margin-left:auto}.board-lanes section>p{color:#777;font-size:10px}.board-leaf{background:#181818;border-left:2px solid #555;border-radius:0 5px 5px 0;margin:5px 0;padding:5px 8px}.board-leaf strong{overflow-wrap:anywhere;font-size:10px;font-weight:650;display:block}.board-leaf small{color:#848484;margin-top:2px;font-size:9px;display:block}.source-files-layout{border:1px solid #2d2d2d;border-radius:8px;grid-template-columns:minmax(180px,235px) minmax(0,1fr);min-height:350px;display:grid;overflow:hidden}.source-tree{background:#101010;border-right:1px solid #2d2d2d;max-height:420px;padding:7px;overflow:auto}.source-folder-trigger,.source-file{text-align:left;color:#bdbdbd;border-radius:5px;align-items:center;gap:7px;width:100%;min-width:0;padding:8px;font-size:11px;display:flex}.source-folder-trigger:hover,.source-file:hover,.source-file.active{color:#fff;background:#252525}.source-folder-trigger span,.source-file span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-folder-trigger small{color:#777;margin-left:auto}.source-folder-trigger svg.closed{transform:rotate(-90deg)}.source-folder-content{overflow:hidden}.source-file{padding-left:27px}.source-preview{background:#090909;min-width:0}.source-preview header{border-bottom:1px solid #2d2d2d;justify-content:space-between;gap:10px;padding:10px 12px;font-size:11px;display:flex}.source-preview header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.source-preview header small{white-space:nowrap;color:#888}.source-preview pre{white-space:pre;color:#d2d2d2;max-height:380px;margin:0;padding:13px;font:10px/1.55 ui-monospace,SFMono-Regular,monospace;overflow:auto}.source-empty{text-align:center;color:#999;border:1px dashed #383838;border-radius:9px;padding:55px 20px}.source-empty h3{color:#eee;margin:10px 0 5px;font-size:14px}.source-empty p{max-width:420px;margin:auto;font-size:11px;line-height:1.5}@media (max-width:680px){.board-flow{grid-template-columns:1fr}.board-arrow{justify-self:center;transform:rotate(90deg)}.board-lanes{grid-template-columns:1fr;max-height:440px}.source-files-layout{grid-template-columns:1fr}.source-tree{border-bottom:1px solid #2d2d2d;border-right:0;max-height:170px}.source-preview pre{max-height:280px}}.logic-workspace{z-index:1200;color:#eee;background:#080808;grid-template-rows:58px minmax(0,1fr);display:grid;position:fixed;inset:0}.logic-topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d0d0df2;border-bottom:1px solid #292929;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:0 17px;display:grid}.logic-topbar>button{color:#aaa;border:1px solid #303030;border-radius:7px;justify-self:start;align-items:center;gap:8px;padding:9px 11px;font-size:11px;display:flex}.logic-topbar>button:hover{color:#fff;background:#191919}.logic-topbar>div{align-items:center;gap:10px;display:flex}.logic-topbar>div>span{flex-direction:column;display:flex}.logic-topbar strong{font-size:13px}.logic-topbar small{color:#777;font-size:9px}.logic-live{color:#888;letter-spacing:1px;justify-self:end;align-items:center;gap:7px;font:8px/1 monospace;display:flex}.logic-live i{background:#fff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 9px #fff}.logic-layout{grid-template-columns:minmax(0,1fr) 330px;min-height:0;display:grid}.logic-board{touch-action:none;cursor:grab;background-color:#0a0a0a;background-image:radial-gradient(#4b4b4b 1px,#0000 1px);background-size:24px 24px;min-width:0;position:relative;overflow:hidden}.logic-board:active{cursor:grabbing}.logic-board:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 45%,#0007);position:absolute;inset:0}.logic-stage{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.logic-edges{position:absolute;inset:0;overflow:visible}.logic-edges path{fill:none;stroke:#626262;stroke-width:1.4px;opacity:.75}.logic-edges marker path{fill:#767676;stroke:none}.logic-node{z-index:2;text-align:left;background:#121212ef;border:1px solid #383838;border-radius:9px;grid-template-columns:35px minmax(0,1fr);align-items:center;gap:9px;width:196px;min-height:70px;padding:11px;display:grid;position:absolute;box-shadow:0 12px 28px #0007}.logic-node:hover,.logic-node.selected{background:#1c1c1c;border-color:#aaa;transform:none}.logic-node>span{background:#202020;border:1px solid #383838;border-radius:7px;place-items:center;width:35px;height:35px;display:grid}.logic-node strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.logic-node small{color:#858585;margin-top:4px;font-size:8px;line-height:1.35;display:block}.logic-node.origin{color:#111;background:#e9e9e9;border-color:#999}.logic-node.origin>span{color:#fff;background:#111;border-color:#111}.logic-node.origin small{color:#555}.logic-node.script{border-style:dashed}.logic-node.form>span{color:#111;background:#ddd}.logic-node.route{opacity:.78}.logic-node.route>span{background:#171717}.logic-controls{z-index:4;background:#111d;border:1px solid #343434;border-radius:8px;align-items:center;display:flex;position:absolute;bottom:18px;left:18px;overflow:hidden;box-shadow:0 9px 25px #0008}.logic-controls button{border-right:1px solid #303030;place-items:center;width:38px;height:37px;display:grid}.logic-controls button:last-child{border:0;border-left:1px solid #303030}.logic-controls button:hover{background:#242424}.logic-controls span{text-align:center;color:#aaa;min-width:48px;font:9px monospace}.logic-legend{z-index:4;color:#888;background:#111d;border:1px solid #303030;border-radius:7px;gap:13px;padding:9px 11px;font-size:8px;display:flex;position:absolute;bottom:18px;right:18px}.logic-legend span{align-items:center;gap:5px;display:flex}.logic-legend i{background:#aaa;border-radius:2px;width:6px;height:6px}.logic-legend i.script{background:0 0;border:1px dashed #aaa}.logic-legend i.form{background:#eee}.logic-legend i.route{background:#555}.logic-empty{text-align:center;color:#777;max-width:450px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logic-empty h2{color:#eee;margin:12px 0 7px;font-size:19px}.logic-empty p{font-size:11px;line-height:1.6}.logic-files{background:#0d0d0d;border-left:1px solid #303030;grid-template-rows:auto auto minmax(150px,.8fr) minmax(220px,1.2fr);min-width:0;display:grid}.logic-files>header{border-bottom:1px solid #292929;justify-content:space-between;align-items:center;height:61px;padding:0 14px;display:flex}.logic-files>header>div{align-items:center;gap:9px;display:flex}.logic-files>header span{flex-direction:column;display:flex}.logic-files>header strong{font-size:12px}.logic-files>header small{color:#777;font-size:8px}.logic-files>header button{border-radius:6px;place-items:center;width:32px;height:32px;display:grid}.logic-files>header button:hover{background:#222}.logic-files>label{color:#777;background:#080808;border:1px solid #303030;border-radius:6px;align-items:center;gap:7px;margin:10px;padding:0 9px;display:flex}.logic-files>label input{color:#ddd;background:0 0;border:0;width:100%;height:34px;font-size:10px}.logic-file-tree{padding:0 9px 10px;overflow:auto}.logic-file-tree section{margin-bottom:8px}.logic-file-tree h3{color:#777;align-items:center;gap:6px;padding:7px;font:9px monospace;display:flex}.logic-file-tree button{text-align:left;color:#aaa;border-radius:5px;align-items:center;gap:8px;width:100%;padding:7px 9px;display:flex}.logic-file-tree button:hover,.logic-file-tree button.active{color:#fff;background:#232323;transform:none}.logic-file-tree button>span{text-overflow:ellipsis;white-space:nowrap;flex-direction:column;flex:1;min-width:0;font-size:10px;display:flex;overflow:hidden}.logic-file-tree button small{color:#666;margin-top:2px;font-size:7px}.logic-file-preview{background:#080808;border-top:1px solid #303030;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.logic-file-preview>header{color:#aaa;border-bottom:1px solid #262626;justify-content:space-between;gap:8px;padding:10px;font:9px monospace;display:flex}.logic-file-preview>header span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.logic-file-preview>header small{color:#666}.logic-file-preview pre{white-space:pre;color:#aaa;min-height:0;margin:0;padding:11px;font:8px/1.55 ui-monospace,SFMono-Regular,monospace;overflow:auto}@media (max-width:760px){.logic-workspace{grid-template-rows:52px minmax(0,1fr)}.logic-topbar{grid-template-columns:auto 1fr;padding:0 10px}.logic-topbar>button{padding:8px;font-size:0}.logic-topbar>div{justify-self:center}.logic-live{display:none}.logic-layout{grid-template-rows:minmax(330px,1fr) minmax(260px,.75fr);grid-template-columns:1fr}.logic-files{border-top:1px solid #303030;border-left:0;grid-template-rows:auto auto minmax(110px,.7fr) minmax(130px,1fr)}.logic-files>header{height:44px}.logic-files>header>button,.logic-legend{display:none}.logic-controls{bottom:10px;left:10px}.logic-node{width:176px}.logic-file-preview pre{font-size:7px}}.report-logic-hero{color:#090909;text-align:left;background:linear-gradient(125deg,#f4f4f4,#cfcfcf);border:1px solid #777;border-radius:10px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;margin:14px 0;padding:13px;display:grid;box-shadow:0 9px 28px #0005}.report-logic-hero:hover{background:#fff;border-color:#fff;transform:translateY(-1px)}.report-logic-hero>span:first-child{color:#fff;background:#111;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.report-logic-hero>span:nth-child(2){flex-direction:column;gap:3px;display:flex}.report-logic-hero strong{font-size:13px}.report-logic-hero small{color:#565656;font-size:9px}.logic-page-state{color:#eee;text-align:center;background:#080808;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0}.logic-page-state h1{font-size:20px}.logic-page-state p{color:#888;max-width:430px;font-size:11px}.logic-page-state button{background:#171717;border:1px solid #444;border-radius:7px;margin-top:8px;padding:10px 14px}.logic-layout{transition:grid-template-columns .22s}.logic-layout.files-hidden{grid-template-columns:minmax(0,1fr) 0}.logic-layout.files-hidden .logic-files{visibility:hidden;opacity:0;pointer-events:none}.logic-card{z-index:2;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#121212f2;border:1px solid #414141;border-radius:10px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 16px 42px #0009}.logic-card:active{cursor:grabbing}.logic-card:hover,.logic-card.selected{border-color:#aaa;box-shadow:0 0 0 1px #aaa4,0 18px 48px #000b}.logic-card>header{background:#181818;border-bottom:1px solid #303030;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:64px;padding:10px;display:grid}.logic-card>header>span{background:#242424;border:1px solid #3c3c3c;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.logic-card>header>div{min-width:0}.logic-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.logic-card small{color:#7d7d7d;margin-top:4px;font-size:8px;display:block}.logic-card>header>svg{color:#555}.logic-card pre{color:#aeb4b8;white-space:pre;pointer-events:none;background:#090909;flex:1;margin:0;padding:10px 12px;font:8px/1.5 ui-monospace,SFMono-Regular,monospace;overflow:hidden}.logic-card.origin{color:#111;background:#eee;border-color:#fff}.logic-card.origin>header{background:#e8e8e8;border:0;height:100%}.logic-card.origin>header>span{color:#fff;background:#111;border-color:#111}.logic-card.origin small{color:#555}.logic-card.script{border-style:dashed}.logic-card.form>header>span{color:#111;background:#e8e8e8}.logic-card.route{opacity:.82}.logic-files-toggle{z-index:6;background:#111e;border:1px solid #383838;border-radius:8px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:14px;right:14px;box-shadow:0 10px 28px #0008}.logic-files-toggle:hover{background:#262626}.logic-hint{z-index:4;color:#777;white-space:nowrap;pointer-events:none;background:#101010dc;border:1px solid #303030;border-radius:7px;padding:8px 11px;font-size:8px;position:absolute;bottom:19px;left:50%;transform:translate(-50%)}.logic-controls button:last-child{color:#888;width:auto;padding:0 11px;font:8px monospace}.logic-edges path{stroke:#858585;stroke-width:1.5px}.logic-board{background-attachment:local}@media (max-width:760px){.logic-layout,.logic-layout.files-hidden{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr}.logic-files{z-index:10;width:min(88vw,340px);position:absolute;top:52px;bottom:0;right:0;box-shadow:-20px 0 50px #000c}.logic-layout.files-hidden .logic-files{transform:translate(100%)}.logic-files-toggle{top:10px;right:10px}.logic-hint{display:none}.logic-card pre{font-size:7px}.logic-controls{max-width:calc(100vw - 74px);overflow:auto}.report-logic-hero{grid-template-columns:38px minmax(0,1fr) auto}.report-logic-hero>span:first-child{width:38px;height:38px}}.react-flow-board,.react-flow-board:active{cursor:default}.react-flow-board:after{display:none}.react-flow-board>.react-flow{background:#090909;width:100%;height:100%}.react-flow-workspace .react-flow__pane{cursor:grab}.react-flow-workspace .react-flow__pane.dragging{cursor:grabbing}.react-flow-workspace .react-flow__node{width:auto;color:inherit;background:0 0;border:0}.react-flow-workspace .react-flow__node.selected{box-shadow:none}.react-flow-workspace .react-flow__edge-path{stroke:#777;stroke-width:1.5px}.react-flow-workspace .react-flow__arrowhead polyline{stroke:#888;fill:#888}.react-flow-workspace .react-flow__controls{border:1px solid #383838;border-radius:8px;overflow:hidden;box-shadow:0 12px 35px #0009}.react-flow-workspace .react-flow__controls-button{color:#ddd;fill:#ddd;background:#121212;border-color:#303030;width:34px;height:34px}.react-flow-workspace .react-flow__controls-button:hover{background:#292929}.react-flow-workspace .react-flow__minimap{background:#0d0d0d;border:1px solid #383838;border-radius:8px;box-shadow:0 12px 35px #0009}.flow-logic-card{background:#121212f2;border:1px solid #414141;border-radius:10px;width:300px;overflow:hidden;box-shadow:0 16px 42px #0009}.flow-logic-card:hover,.flow-logic-card.selected{border-color:#bdbdbd;box-shadow:0 0 0 1px #aaa4,0 18px 48px #000b}.flow-logic-card>header{background:#181818;border-bottom:1px solid #303030;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;min-height:62px;padding:10px;display:grid}.flow-logic-card>header>span{background:#242424;border:1px solid #3c3c3c;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.flow-logic-card>header>div{min-width:0}.flow-logic-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;display:block;overflow:hidden}.flow-logic-card small{color:#858585;margin-top:4px;font-size:8px;display:block}.flow-logic-card pre{color:#b9bec2;white-space:pre;tab-size:2;background:#080808;width:300px;height:126px;margin:0;padding:10px 12px;font:8px/1.55 ui-monospace,SFMono-Regular,monospace;overflow:hidden}.flow-logic-card.origin{color:#111;background:#eee;border-color:#fff;width:235px}.flow-logic-card.origin>header{background:#e8e8e8;border:0}.flow-logic-card.origin>header>span{color:#fff;background:#111;border-color:#111}.flow-logic-card.origin small{color:#555}.flow-logic-card.route,.flow-logic-card.form{width:245px}.flow-logic-card.script{border-style:dashed}.flow-logic-card.form>header>span{color:#111;background:#eee}.flow-handle{background:#aaa!important;border:2px solid #111!important;width:8px!important;height:8px!important}.flow-panel-actions{gap:7px;display:flex;margin:12px!important}.flow-panel-actions button{color:#bbb;background:#111e;border:1px solid #383838;border-radius:7px;align-items:center;gap:7px;padding:9px 11px;font-size:9px;display:flex;box-shadow:0 8px 25px #0008}.flow-panel-actions button:hover{color:#fff;background:#262626}.flow-help{color:#777;background:#101010dd;border:1px solid #303030;border-radius:7px;font-size:8px;margin:0 0 14px!important;padding:8px 11px!important}.logic-file-preview pre{tab-size:2;line-height:1.6}@media (max-width:760px){.react-flow-workspace .react-flow__minimap,.flow-help{display:none}.flow-panel-actions{margin:8px!important}.flow-panel-actions button{padding:9px;font-size:0}.flow-panel-actions button:last-child{font-size:8px}.flow-logic-card{width:260px}.flow-logic-card pre{width:260px;height:110px;font-size:7px}.flow-logic-card.origin{width:210px}.flow-logic-card.route,.flow-logic-card.form{width:220px}}