#factories{--factory-mint:#a8e6d0;--factory-line:rgba(174,215,207,.17)}.factory-hero{display:flex;align-items:center;justify-content:space-between;gap:40px;margin:24px 0 38px}.factory-hero h1{font-size:clamp(34px,4.2vw,60px);line-height:1.05;letter-spacing:-2px;margin:16px 0}.factory-hero h1 span{color:var(--factory-mint)}.factory-hero p{max-width:560px;line-height:1.65;color:#a6b8bd}.factory-supervisor{max-width:310px;flex:0 0 310px;border:1px solid var(--factory-line);padding:25px;border-radius:20px;background:linear-gradient(140deg,rgba(99,154,146,.12),rgba(14,21,32,.6))}.factory-supervisor strong{font-size:16px}.factory-supervisor small{color:#91a6ad;line-height:1.65;display:block}.factory-signal{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--factory-mint);margin-right:10px}.factory-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.factory-card{background:#101821;border:1px solid var(--factory-line);border-radius:14px;padding:20px;text-align:left;color:#e3eded;cursor:pointer;position:relative;min-height:172px;display:flex;flex-direction:column;gap:9px;font:inherit}.factory-card.selected{border-color:var(--factory-mint);background:linear-gradient(145deg,#1b3035,#101c26)}.factory-card:focus-visible,.factory-job:focus-visible{outline:2px solid #a8e6d0;outline-offset:3px}.factory-symbol{font-size:29px;color:#a8e6d0;line-height:1}.factory-channel{position:absolute;right:15px;top:20px;font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:#9fbdc1;max-width:78%;text-align:right}.factory-card strong{font-size:17px}.factory-card>span:not(.factory-symbol):not(.factory-channel){font-size:12px;line-height:1.5;color:#a4b4bd}.factory-card small{font-size:10px;color:#7da69e;margin-top:auto}.factory-workbench{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(0,1.65fr);gap:26px;margin-top:36px}.factory-brief,.factory-monitor{min-width:0}.factory-brief{padding:25px;background:#101822;border:1px solid var(--factory-line);border-radius:16px;align-self:start}.factory-brief h2{font-size:25px;margin:10px 0}.factory-brief p{color:#a5b7c0;line-height:1.6;font-size:13px}.factory-brief form{margin-top:18px}.factory-brief input,.factory-brief textarea,.factory-output textarea{width:100%;box-sizing:border-box}.factory-help{display:block;font-size:11px;color:#94abb2;line-height:1.6;margin:12px 0}.factory-check{display:flex;align-items:center;gap:10px}.factory-check input{width:auto}.factory-setup{margin-top:24px;border-top:1px solid var(--factory-line);padding-top:24px}.factory-setup>a{font-size:13px;color:#a8e6d0}.factory-setup>small{display:block;margin-top:16px;color:#91a6ad;font-size:11px;line-height:1.6}#factories details{border-top:1px solid var(--factory-line);padding:18px 0;margin-top:16px}#factories summary{cursor:pointer;font-size:13px;font-weight:600;color:#c1d8d7}.factory-monitor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.factory-monitor-head h2{font-size:22px;margin:0}.factory-empty{min-height:255px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed var(--factory-line);border-radius:16px;padding:25px}.factory-empty>span{font-size:38px;color:#a8e6d0}.factory-empty h3{font-size:18px;margin:20px 0 5px}.factory-empty p{max-width:380px;font-size:13px;color:#92a8b2;line-height:1.7}.factory-job-list{display:grid;gap:8px;max-height:320px;overflow:auto}.factory-job{font:inherit;color:#d9e9e8;background:#121d27;border:1px solid var(--factory-line);padding:16px;border-radius:10px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.factory-job.selected{border-color:#719e99}.factory-job strong{font-size:13px;display:block}.factory-job small{display:block;font-size:10px;color:#91a6ad;margin-top:6px;text-transform:capitalize}.factory-status{font-size:10px;white-space:nowrap;background:#23303b;padding:5px 9px;border-radius:20px}.factory-status.working{color:#b8e4d4}.factory-status.blocked{color:#f0c499}.factory-status.review,.factory-status.accepted{color:#c5efb6}.factory-output{margin-top:25px;border:1px solid var(--factory-line);padding:24px;border-radius:16px;background:#0f1822;overflow-wrap:anywhere}.factory-output h2{font-size:25px;margin:12px 0 20px}.factory-output h3{font-size:17px;margin-top:25px}.factory-output h4{font-size:12px;margin:18px 0 8px;color:#bcd3d2}.factory-output p,.factory-output li{font-size:13px;line-height:1.7;color:#b0bfc5}.factory-output a{color:#a8e6d0}.factory-output small{font-size:11px;color:#8ba3ac}.factory-stages{padding:0;display:flex;gap:9px;list-style:none;margin:12px 0 20px}.factory-stages li{flex:1;padding:10px;background:#17232e;border-radius:8px;text-transform:capitalize;font-size:11px}.factory-stages li.current{background:#25403f;color:#c5e9d8}.factory-stages span{display:block;font-size:10px;opacity:.6}.factory-actions,.factory-runs{display:flex;flex-wrap:wrap;gap:8px}.factory-actions .btn,.factory-runs .btn{font-size:11px}.factory-prose{white-space:pre-wrap}.factory-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.factory-previews figure{margin:0;padding:10px;background:#1e2933;border-radius:9px}.factory-previews img{width:100%;height:160px;object-fit:contain;background:repeating-conic-gradient(#f5f5f5 0% 25%,#e8e8e8 0% 50%) 50%/16px 16px}.factory-previews figcaption{font-size:10px;margin-top:9px;color:#adbec3}.factory-files{list-style:none;padding:0;max-height:230px;overflow:auto}.factory-files li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #24323c}.factory-timeline{padding-left:16px}.factory-timeline time{display:block;color:#8499a3;font-size:10px}.factory-timeline li{padding:8px 0}.factory-output form{margin-top:22px}@media(max-width:1100px){.factory-supervisor{flex-basis:260px}.factory-workbench{grid-template-columns:minmax(240px,1fr) minmax(0,1.4fr)}}@media(max-width:850px){.factory-hero{align-items:stretch;flex-direction:column;gap:15px}.factory-supervisor{flex-basis:auto;max-width:none}.factory-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.factory-workbench{grid-template-columns:1fr}.factory-channel{font-size:9px}.factory-card{padding:16px}.factory-hero h1{letter-spacing:-1px}}@media(max-width:440px){.factory-card{min-height:190px}.factory-channel{position:static;text-align:left}.factory-output{padding:16px}.factory-stages{gap:5px}.factory-stages li{padding:8px;font-size:10px}.factory-status{white-space:normal}.factory-previews{grid-template-columns:1fr}}
