/* generator flow Node-RED — /node-red/generator/ (22.09.2026) */
.gen{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start}
.gen .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gen-czat{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;box-shadow:var(--sh);padding:18px;display:grid;gap:14px;min-width:0}
.gen-log{display:flex;flex-direction:column;gap:12px;max-height:560px;min-height:220px;overflow-y:auto;padding:4px 2px;scroll-behavior:smooth}
.gm{max-width:86%;padding:11px 14px;border-radius:16px;font-size:15px;line-height:1.55;overflow-wrap:anywhere}
.gm p{margin:0 0 8px}.gm p:last-child{margin:0}
.gm ul{margin:4px 0 8px;padding-left:20px}.gm li{margin:2px 0}
.gm a{color:var(--info);text-decoration:underline}
.gm-a{align-self:flex-start;background:var(--soft2);color:var(--ink);border-bottom-left-radius:6px}
.gm-u{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:6px;white-space:pre-wrap}
.gm-pisze{color:var(--dim);font-style:italic}
.gm-pisze::after{content:"";display:inline-block;width:1.2em;text-align:left;animation:gen-kropki 1.2s steps(4) infinite}
@keyframes gen-kropki{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}
.gen-gotowe{align-self:stretch;border:1.5px solid var(--amber2);background:var(--amber-soft);border-radius:16px;padding:14px 16px;display:grid;gap:10px}
.gen-gotowe b{font-family:var(--f-h);font-size:16px;color:var(--ink)}
.gen-gotowe details{font-size:13.5px;color:#3a4a5f}
.gen-gotowe details,.gen-wynik details{border:0;padding:0}
.gen-gotowe summary,.gen-wynik summary{padding:4px 0;font:600 14px var(--f-b);color:var(--ink);justify-content:flex-start;gap:10px}
.gen-gotowe summary::after,.gen-wynik summary::after{width:22px;height:22px;font-size:15px}
.gen-gotowe pre{white-space:pre-wrap;font:13px/1.5 var(--f-b);margin:8px 0 0;max-height:260px;overflow:auto}
.gen-gotowe .btn{justify-self:start}
.gen-przyk{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;color:var(--dim)}
.gen-przyk button{border:1.5px solid var(--line2);background:#fff;border-radius:var(--pill);padding:6px 12px;font:500 13.5px var(--f-b);color:var(--ink);cursor:pointer}
.gen-przyk button:hover{border-color:var(--ink)}
.gen-form{display:grid;gap:10px}
.gen-form textarea{width:100%;border:1.5px solid var(--line2);border-radius:12px;padding:11px 14px;font:16px/1.5 var(--f-b);color:var(--ink);resize:vertical;min-height:84px;outline:0}
.gen-form textarea:focus{border-color:var(--ink)}
.gen-akcje{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.gen-akcje .btn{width:auto}
.btn[disabled]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}
.gen-blad{margin:0;padding:10px 14px;border-radius:12px;background:var(--warn-soft);color:var(--warn);font-size:14.5px}
.gen-bok{display:grid;gap:16px}
.gen-karta{border:1px solid var(--line);border-radius:var(--r);background:#fff;padding:16px 18px;font-size:14.5px;color:#33445a}
.gen-karta>b{display:block;font-family:var(--f-h);font-size:16px;color:var(--ink);margin-bottom:6px}
.gen-karta ol{margin:0;padding-left:20px}.gen-karta li{margin:3px 0}
.gen-karta p{margin:8px 0 0}
.gen-lim{font-weight:600;color:var(--ink)}
.gen-wynik{border-top:1px solid var(--line);padding-top:16px;display:grid;gap:12px}
.gen-wynik h2{font-size:22px;margin:0}
.gen-wynik p{margin:0}
.gen-wynik ol,.gen-wynik ul{margin:0;padding-left:22px;display:grid;gap:5px;font-size:15px}
.gen-wynik h3{font-size:16px;margin:6px 0 0}
.gen-przyc{display:flex;gap:10px;flex-wrap:wrap}.gen-przyc .btn{width:auto}
.gen-wezly{display:flex;flex-wrap:wrap;gap:6px}
.gen-wezly span{font:600 12.5px var(--f-m);background:var(--soft2);border-radius:8px;padding:4px 8px;color:var(--ink)}
.gen-wezly span.v{background:#e6f0ff;color:#123a73}
.gen-wynik pre{margin:8px 0 0;max-height:360px;overflow:auto;padding:12px 14px;border-radius:12px;background:#12233a;color:#e6edf6;font:12.5px/1.5 var(--f-m);white-space:pre}
.gen-postep{display:flex;gap:12px;align-items:center;font-size:14.5px;color:#33445a}
.gen-krec{width:22px;height:22px;border-radius:50%;border:3px solid var(--line2);border-top-color:var(--amber2);animation:gen-obrot 1s linear infinite;flex:none}
@keyframes gen-obrot{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.gen-krec,.gm-pisze::after{animation:none}}
@media(max-width:980px){.gen{grid-template-columns:1fr}.gen-bok{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.gen-czat{padding:12px;border-radius:var(--r)}.gen-bok{grid-template-columns:1fr}.gm{max-width:94%}.gen-log{max-height:62vh}}
.gen-wynik[hidden]{display:none}