:root{--z-font: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", "Geeza Pro", "Noto Sans Arabic", Tahoma, sans-serif}button,input,textarea,select{font-family:inherit}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:#0b0b0d;color:#e8e6e3;font:13px/1.4 var(--z-font);overflow:hidden}.app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex}.stage{position:relative;flex:1;min-width:0}.brand{position:fixed;top:16px;left:20px;display:flex;align-items:baseline;gap:10px;pointer-events:none;color:#8d8984}.brand .z{font:800 30px/1 var(--z-font);color:#ff8a00;text-shadow:0 0 18px rgba(255,138,0,.45)}.hint{position:fixed;bottom:14px;left:20px;color:#5b5853;font-size:12px;pointer-events:none}.panel{width:340px;flex:none;height:100%;overflow-y:auto;background:#121214f5;border-left:1px solid #222226;padding:10px 12px 40px}.status{display:flex;align-items:center;gap:8px;padding:6px 2px 10px;border-bottom:1px solid #222226;margin-bottom:6px}.status b{color:#ff8a00;font-size:18px}.pill{background:#ff8a0026;color:#ffb35c;padding:2px 8px;border-radius:99px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.status .act{flex:1;color:#8d8984;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status .fps{color:#5b5853;font-size:11px;font-variant-numeric:tabular-nums}.sec{border-bottom:1px solid #1d1d21}.sec-h{width:100%;display:flex;justify-content:space-between;background:none;border:0;color:#cfcbc6;font:600 11px/1 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;padding:12px 2px;cursor:pointer}.sec-h span{color:#5b5853}.sec-b{padding:0 0 12px;display:grid;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:4px}.chips button,.row button{background:#1d1d21;border:1px solid #2a2a2f;color:#bdb9b3;padding:5px 9px;border-radius:8px;font:inherit;font-size:12px;cursor:pointer}.chips.big button{padding:7px 10px}.chips button:hover,.row button:hover{color:#fff;border-color:#3a3a40}.chips button.on,.row button.on{background:#ff8a0029;border-color:#ff8a008c;color:#ffcf99}.row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}button.ghost{background:none;border:1px dashed #2f2f35;color:#8d8984;padding:5px 9px;border-radius:8px;font:inherit;font-size:12px;cursor:pointer;justify-self:start}.lbl{color:#6f6b66;font-size:11px;margin-top:2px}.sl{display:grid;grid-template-columns:104px 1fr 44px;align-items:center;gap:8px;font-size:12px;color:#a29e98}.sl input{width:100%;accent-color:#ff8a00}.sl em{font-style:normal;color:#6f6b66;font-size:11px;text-align:right;font-variant-numeric:tabular-nums;cursor:pointer}.sl.auto input{opacity:.45}.ck{display:flex;align-items:center;gap:6px;color:#a29e98;font-size:12px}.ck input{accent-color:#ff8a00}.sw{width:22px!important;height:22px;padding:0!important;border-radius:50%!important;border:2px solid transparent!important}.sw.on{border-color:#fff!important}@media (max-width: 760px){.app{flex-direction:column}.stage{flex:1 1 55%}.panel{width:100%;height:45%;border-left:0;border-top:1px solid #222226}}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}.agent .brand{z-index:2}.topbar{position:fixed;top:14px;right:16px;display:flex;gap:8px;align-items:center;z-index:3}.topbar .ghost{background:#141417b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dot{width:9px;height:9px;border-radius:50%;background:#3a3a40;margin-right:4px}.dot.connecting{background:#ffb35c;animation:zpulse 1s infinite}.dot.live{background:#ff8a00;box-shadow:0 0 10px #ff8a00cc}@keyframes zpulse{50%{opacity:.35}}.log::-webkit-scrollbar{display:none}.msg{max-width:86%;padding:8px 12px;border-radius:14px;font-size:14px;line-height:1.45;white-space:pre-wrap;word-wrap:break-word;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.msg.you{align-self:flex-end;background:#ff8a0029;border:1px solid rgba(255,138,0,.35);color:#ffe2c2}.msg.z{align-self:flex-start;background:#18181cc7;border:1px solid #2a2a2f;color:#ece9e4}.msg.live{opacity:.8}.note{justify-self:center;background:#3c1212d9;border:1px solid #6a2a2a;color:#ffc9c9;border-radius:10px;padding:6px 12px;font-size:12px}.bar{display:flex;gap:8px;align-items:center;background:#121215d1;border:1px solid #2a2a2f;border-radius:999px;padding:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bar input{flex:1;min-width:0;background:none;border:0;outline:0;color:#f2efea;font:inherit;font-size:15px;padding:8px 6px}.bar input::placeholder{color:#6f6b66}.mic,.send{flex:none;width:44px;height:44px;border-radius:50%;border:0;display:grid;place-items:center;cursor:pointer;font:700 18px/1 var(--z-font)}.mic{background:#ff8a00;color:#140b00;box-shadow:0 0 #ff8a0080}.mic.live{background:#2b2b2f;color:#ff8a00;animation:zring 1.6s infinite}.mic.connecting{background:#2b2b2f}@keyframes zring{0%{box-shadow:0 0 #ff8a008c}to{box-shadow:0 0 0 14px #ff8a0000}}.send{background:#2b2b2f;color:#ff8a00}.send:disabled{opacity:.35;cursor:default}.spin{width:18px;height:18px;border:2px solid #ff8a00;border-right-color:transparent;border-radius:50%;animation:zspin .8s linear infinite}@keyframes zspin{to{transform:rotate(360deg)}}.login{position:fixed;left:50%;bottom:8vh;transform:translate(-50%);width:min(320px,calc(100vw - 32px));display:grid;gap:10px;padding:18px;background:#121215db;border:1px solid #2a2a2f;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:4}.login-title{font:700 18px/1 var(--z-font);color:#cfcbc6;display:flex;gap:8px;align-items:baseline;margin-bottom:4px}.login-title .z{font:800 26px/1 var(--z-font);color:#ff8a00}.login input{background:#121215;border:1px solid #2a2a2f;border-radius:10px;padding:10px 12px;color:#f2efea;font:inherit;font-size:15px;outline:0}.login input:focus{border-color:#ff8a0099}.login button{background:#ff8a00;color:#140b00;border:0;border-radius:10px;padding:10px;font:700 14px/1 var(--z-font);cursor:pointer}.login button:disabled{opacity:.5}.login-err{color:#ff9b9b;font-size:12px}.zwin{position:fixed;display:flex;flex-direction:column;background:#0e0e10f0;border:1px solid #2c2c31;border-radius:14px;overflow:hidden;box-shadow:0 18px 50px #0000008c,0 0 0 1px #ff8a000f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:zpop .18s ease-out}.zwin.min{display:none}@keyframes zpop{0%{opacity:0;transform:scale(.97) translateY(6px)}}.zwin-bar{flex:none;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 12px;background:linear-gradient(#1b1b1f,#151518);border-bottom:1px solid #26262b;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.zwin-bar:active{cursor:grabbing}.zwin-title{font:600 12px/1 var(--z-font);color:#e9e5df;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zwin-title:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff8a00;margin-right:8px;box-shadow:0 0 8px #ff8a00b3;vertical-align:1px}.zwin-title em{font-style:normal;color:#7d7973;font-weight:500}.zwin-btns{display:flex;gap:2px}.zwin-btns button{width:26px;height:24px;border:0;border-radius:6px;background:none;color:#8d8984;font:14px/1 var(--z-font);cursor:pointer}.zwin-btns button:hover{background:#2a2a2f;color:#fff}.zwin-btns button.x:hover{background:#5a1f1f;color:#ffd0d0}.zwin-body{position:relative;flex:1;min-height:0}.zwin-body iframe{width:100%;height:100%;border:0;background:#0b0b0d;display:block}.zwin-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.zwin-size{position:absolute;right:0;bottom:0;width:16px;height:16px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 50%,rgba(255,138,0,.5) 50%)}.zveil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;cursor:grabbing}.zstrip{position:fixed;top:14px;left:50%;transform:translate(-50%);z-index:5;display:flex;gap:6px;max-width:60vw;overflow-x:auto}.zstrip button{padding:5px 10px;border-radius:99px;border:1px solid rgba(255,138,0,.35);background:#141417cc;color:#ffcf99;font:12px var(--z-font);cursor:pointer;white-space:nowrap}.dock,.topbar,.zstrip{z-index:100000}.zpanel{height:100%;overflow-y:auto;padding:14px 16px 64px;display:grid;align-content:start;gap:14px;color:#ece9e4}.zpanel-top b{font:700 18px/1.2 var(--z-font);margin-right:8px}.zpanel-top p{margin:6px 0 0;color:#8d8984;font-size:12.5px;line-height:1.45}.zstate{display:inline-block;padding:2px 8px;border-radius:99px;font:600 10.5px/1.4 var(--z-font);text-transform:uppercase;letter-spacing:.06em;background:#26262b;color:#a29e98;vertical-align:2px}.zstate.running{background:#ff8a002e;color:#ffb35c}.zstate.offline{background:#ff5d5d29;color:#ff9b9b}.zpanel section h4{margin:0 0 6px;font:700 10.5px/1 var(--z-font);text-transform:uppercase;letter-spacing:.1em;color:#6f6b66}.zrun{display:grid;gap:2px;padding:8px 10px;border-radius:10px;background:#17171a;border:1px solid #222226;margin-bottom:5px}.zrun b{font:600 12.5px/1.3 var(--z-font)}.zrun small{color:#8d8984;font-size:11px}.zrun.live{border-color:#ff8a0073;background:#1d1813}.zrun.bad{border-color:#ff5d5d59}.zmuted,.zpanel-empty{color:#6f6b66;font-size:12px;padding:4px 2px}.zpanel-ask{position:absolute;left:10px;right:10px;bottom:10px;display:flex;gap:6px;padding:5px;border-radius:12px;background:#0c0c0ef2;border:1px solid #2a2a2f}.zpanel-ask input{flex:1;min-width:0;background:none;border:0;outline:0;color:#f2efea;font-size:13px;padding:6px 8px}.zpanel-ask button{border:0;border-radius:8px;padding:0 12px;background:#ff8a00;color:#140b00;font:700 12px/1 var(--z-font);cursor:pointer}.zpanel-ask button:disabled{opacity:.4}.msg.note{align-self:center;background:none;border:0;color:#8d8984;font-size:12px;padding:2px 8px}.brand-word{font:800 22px/1 var(--z-font);color:#cfcbc6;margin-left:-8px}.crew-tag{font:600 13px/1 var(--z-font);color:#f2efea;background:#0a0a0cdb;border:1.5px solid #ff8a00;border-radius:99px;padding:5px 13px 6px;white-space:nowrap;letter-spacing:.01em}.dock{position:fixed;top:64px;right:22px;bottom:22px;width:min(380px,34vw);display:flex;flex-direction:column;gap:10px;padding:14px 14px 12px;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:linear-gradient(160deg,#ffffff16,#ffffff08 45%,#ff8a0009);box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff24,inset 0 0 0 1px #ffffff05;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);transform:perspective(1400px) rotateY(-9deg) rotate(.4deg);transform-origin:right center;transition:transform .35s cubic-bezier(.23,1,.32,1)}.dock:hover,.dock:focus-within{transform:perspective(1400px) rotateY(-4deg)}.dock-head{display:flex;align-items:center;gap:8px;padding:2px 4px 8px;border-bottom:1px solid rgba(255,255,255,.08);font:700 11px/1 var(--z-font);letter-spacing:.12em;text-transform:uppercase;color:#cfcbc6}.dock-dot{width:7px;height:7px;border-radius:50%;background:#ff8a00;box-shadow:0 0 10px #ff8a00cc}.log{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding:6px 2px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 22px);mask-image:linear-gradient(to bottom,transparent 0,#000 22px);scrollbar-width:none}.log-empty{margin:auto;color:#6f6b66;font-size:12.5px}.dock .msg{max-width:92%}.dock .bar{background:#0a0a0c8c;border-color:#ffffff1a}@media (max-width: 760px){.dock{top:auto;left:10px;right:10px;bottom:10px;width:auto;height:46vh;transform:none}.dock:hover,.dock:focus-within{transform:none}}.zmenu{position:fixed;top:64px;left:16px;z-index:100000;display:grid;gap:4px;padding:6px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#1010138c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.zmenu button{position:relative;display:flex;align-items:center;gap:0;width:38px;height:36px;padding:0 10px;border:0;border-radius:10px;background:none;color:#bdb9b3;cursor:pointer;overflow:hidden;white-space:nowrap;transition:width .2s,background .15s,gap .2s}.zmenu button span{opacity:0;font:600 12.5px/1 var(--z-font);transition:opacity .15s}.zmenu:hover button{width:140px;gap:10px}.zmenu:hover button span{opacity:1}.zmenu button:hover{background:#ff8a0024;color:#ffcf99}.zmenu button svg{flex:none}.zmenu em{position:absolute;top:4px;left:24px;min-width:15px;height:15px;padding:0 4px;border-radius:99px;background:#ff8a00;color:#140b00;font:800 9.5px/15px var(--z-font);font-style:normal;text-align:center}.zs{height:100%;display:flex;flex-direction:column;color:#ece9e4}.zs-tools{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid #222226}.zs-tools button{padding:5px 10px;border-radius:8px;border:1px solid #2a2a2f;background:#18181b;color:#bdb9b3;font:600 11.5px/1 var(--z-font);cursor:pointer}.zs-tools button.on{border-color:#ff8a008c;color:#ffcf99;background:#ff8a001f}.zs-note{color:#8d8984;font-size:11.5px}.zs-err{margin:8px 12px 0;padding:7px 10px;border-radius:8px;background:#3c1212b3;color:#ffc9c9;font-size:12px}.zs-body{flex:1;min-height:0;overflow-y:auto;padding:10px 12px 16px;display:grid;align-content:start;gap:8px}.zs-empty{color:#6f6b66;font-size:13px;padding:24px 4px;text-align:center}.zs-card{display:grid;gap:6px;padding:10px 12px;border-radius:12px;border:1px solid #25252a;background:#16161a}.zs-card p{margin:0;color:#b5b1ab;font-size:12.5px;line-height:1.45;white-space:pre-wrap}.zs-card pre,.zs-plan{margin:0;max-height:160px;overflow:auto;padding:8px;border-radius:8px;background:#0e0e10;color:#cfcbc6;font:11px/1.4 JetBrains Mono,ui-monospace,monospace;white-space:pre-wrap}.zs-card small,.zs-line small{color:#7d7973;font-size:11px}.zs-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.zs-row b{font:700 13px/1.3 var(--z-font)}.zs-chip{flex:none;padding:2px 8px;border-radius:99px;border:1px solid #34343a;color:#cfcbc6;font:600 10.5px/1.4 var(--z-font)}.zs-chip.running,.zs-chip.active{border-color:#ff8a0099;color:#ffcf99}.zs-chip.done,.zs-chip.completed{border-color:#7ee08180;color:#a8f0aa}.zs-chip.failed,.zs-chip.cancelled{border-color:#ff5d5d80;color:#ff9b9b}.zs-actions{display:flex;gap:6px}.zs-actions button,.zstep button,.zs-search button{padding:7px 12px;border-radius:9px;border:1px solid #2f2f35;background:#1d1d21;color:#e9e5df;font:700 12px/1 var(--z-font);cursor:pointer}button.primary{background:#ff8a00!important;color:#140b00!important;border-color:#ff8a00!important}button.primary:disabled,.zs-actions button:disabled{opacity:.45;cursor:default}.zs-line{display:flex;gap:10px;align-items:flex-start;padding:7px 4px;border-bottom:1px solid #1d1d21}.zs-line>i{flex:none;width:8px;height:8px;margin-top:5px;border-radius:50%;background:#55555c}.zs-line>div{display:grid;gap:2px;min-width:0}.zs-line b{font:600 12.5px/1.3 var(--z-font)}.zs-line.bad b{color:#ff9b9b}.zs-line.off{opacity:.5}.zs-group h4,.zs-h{display:flex;align-items:center;gap:8px;margin:8px 0 2px;font:700 10.5px/1 var(--z-font);text-transform:uppercase;letter-spacing:.1em;color:#8d8984}.zs-group h4 i{width:8px;height:8px;border-radius:50%}.zs-bar{height:6px;border-radius:99px;background:#222226;overflow:hidden;flex:1}.zs-bar span{display:block;height:100%;background:linear-gradient(90deg,#ff8a00,#ffb35c);border-radius:99px}.zs-step{display:flex;align-items:center;gap:8px;font-size:12px;color:#cfcbc6}.zs-step small{margin-left:auto}.zs-dot{width:7px;height:7px;border-radius:50%;background:#55555c;flex:none}.zs-dot.running{background:#ff8a00}.zs-dot.done,.zs-dot.verified{background:#7ee081}.zs-dot.failed{background:#ff5d5d}.zs-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.zs-kpis>div{display:grid;gap:3px;padding:10px 12px;border-radius:12px;border:1px solid #25252a;background:#16161a}.zs-kpis b{font:800 20px/1.1 var(--z-font);color:#ffcf99}.zs-kpis small{color:#7d7973;font-size:11px}.zs-barrow{display:grid;grid-template-columns:110px 1fr 54px;align-items:center;gap:8px;font-size:12px}.zs-barrow b{text-align:right;font-weight:700}.zs-search{display:flex;gap:6px;width:100%}.zs-search input{flex:1;min-width:0;padding:7px 10px;border-radius:9px;border:1px solid #2a2a2f;background:#0e0e10;color:#f2efea;font-size:13px;outline:0}.zstep{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200000;display:grid;place-items:center;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.zstep form{display:grid;gap:10px;width:min(320px,calc(100vw - 32px));padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#141418eb;box-shadow:0 30px 80px #0009}.zstep b{font:700 15px/1.2 var(--z-font)}.zstep small{color:#8d8984;font-size:12px}.zstep input{padding:10px 12px;border-radius:10px;border:1px solid #2a2a2f;background:#0e0e10;color:#f2efea;font-size:18px;letter-spacing:.25em;text-align:center;outline:0}