:root{--bg: #ffffff;--surface: #f9f9f9;--surface-2: #f4f4f4;--line: #ececec;--line-2: #e2e2e2;--ink: #141416;--ink-2: #4a4a4e;--dim: #717171;--faint: #9a9a9a;--accent: #399ef7;--up: #07b56a;--up-bg: rgba(7, 181, 106, .08);--down: #f75d5f;--down-bg: rgba(247, 93, 95, .08);--grad: linear-gradient(100deg, #eb53ff, #ff538e, #ff9a32);--r-sm: 4px;--r: 8px;--r-lg: 12px;--sans: "Geist", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Noto Sans SC", sans-serif;--serif: "PT Serif", "Noto Serif SC", Georgia, serif;--rail: 64px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--sans);font-size:14px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}::selection{background:#399ef72e}.num,.mono{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.serif{font-family:var(--serif)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:6px}*::-webkit-scrollbar-track{background:transparent}.shell{min-height:100%;display:flex}.rail{width:var(--rail);flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:4px;background:var(--bg);border-right:1px solid var(--line);z-index:20}.rail .mark{width:34px;height:34px;border-radius:9px;margin-bottom:14px;display:grid;place-items:center;color:#fff;background:var(--grad)}.rail a{width:52px;padding:9px 0 7px;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--dim);transition:.14s;cursor:pointer}.rail a:hover{background:var(--surface);color:var(--ink)}.rail a.active{color:var(--ink);background:var(--surface-2)}.rail a .lbl{font-size:10px;font-weight:500;letter-spacing:.01em}.rail .grow{flex:1}.rail .foot{display:flex;flex-direction:column;align-items:center;gap:10px}.rail .avatar{width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600;cursor:pointer}.rail .ico-btn{color:var(--faint);background:none;border:none;cursor:pointer;padding:6px;border-radius:8px}.rail .ico-btn:hover{color:var(--ink);background:var(--surface)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topstrip{height:52px;flex-shrink:0;display:flex;align-items:center;gap:14px;padding:0 clamp(18px,3vw,34px);border-bottom:1px solid var(--line)}.topstrip .sep{flex:1}.topstrip .pill{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--dim)}.topstrip .pill .live{width:7px;height:7px;border-radius:50%;background:var(--up)}.topstrip .pill b{color:var(--ink);font-weight:600}.topstrip .logout{font-size:12.5px;color:var(--dim);background:none;border:none;cursor:pointer;padding:6px 10px;border-radius:7px}.topstrip .logout:hover{color:var(--down);background:var(--down-bg)}.view{flex:1;padding:clamp(22px,3vw,40px) clamp(18px,3vw,40px) 60px;max-width:1240px;width:100%}.hero{display:flex;align-items:center;gap:14px;margin-bottom:6px}.hero .mark-lg{width:40px;height:40px;border-radius:11px;background:var(--grad);flex-shrink:0;display:grid;place-items:center;color:#fff}h1.display{font-family:var(--serif);font-weight:700;font-size:clamp(28px,4vw,40px);letter-spacing:-.01em;margin:0;color:var(--ink);line-height:1.08}.sub{color:var(--dim);font-size:15px;margin:10px 0 0;max-width:60ch}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0 0 10px}.btn{font-family:var(--sans);font-size:13px;font-weight:500;border-radius:var(--r);padding:9px 16px;cursor:pointer;transition:.14s;border:1px solid var(--line-2);background:var(--bg);color:var(--ink);display:inline-flex;align-items:center;gap:7px}.btn:hover{background:var(--surface)}.btn-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-dark:hover{background:#2a2a2e}.btn-dark:disabled{opacity:.45;cursor:not-allowed}.btn-grad{background:var(--grad);color:#fff;border:none}.btn-grad:hover{filter:brightness(1.05)}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-lg)}.input{font-family:var(--sans);font-size:14px;color:var(--ink);background:var(--bg);border:1px solid var(--line-2);border-radius:var(--r);padding:9px 12px;outline:none;transition:.14s;width:100%}.input:focus{border-color:#bfbfbf;box-shadow:0 0 0 3px #0000000a}.input::placeholder{color:var(--faint)}input.input[type=date]{color-scheme:light}.field{display:flex;flex-direction:column;gap:6px}.field>label{font-size:12px;font-weight:500;color:var(--dim)}.controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px;padding:16px}.controls .field{min-width:120px}.controls .field.grow{flex:1;min-width:150px}.controls .run{margin-left:auto;display:flex;gap:8px}.tabs{display:inline-flex;gap:2px;padding:0 16px 14px}.tabs button{font-family:var(--sans);font-size:13px;font-weight:500;color:var(--dim);background:none;border:none;padding:6px 12px;border-radius:7px;cursor:pointer}.tabs button:hover{background:var(--surface);color:var(--ink)}.tabs button.on{color:var(--ink);background:var(--surface-2)}.kpirow{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--bg)}.kpi{padding:16px 18px;border-right:1px solid var(--line)}.kpi:last-child{border-right:none}.kpi .k{font-size:12px;color:var(--dim);margin-bottom:8px}.kpi .v{font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--ink);line-height:1}.kpi .v.up{color:var(--up)}.kpi .v.down{color:var(--down)}.kpi .s{font-size:11.5px;color:var(--faint);margin-top:7px}.panel{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--bg);overflow:hidden}.panel-h{display:flex;align-items:center;gap:8px;padding:13px 16px;border-bottom:1px solid var(--line);font-size:13px;font-weight:500;color:var(--ink)}.panel-h .meta{margin-left:auto;font-size:12px;color:var(--faint);font-weight:400}.panel-b{padding:14px 16px}.legend{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--dim)}.legend i{width:14px;height:2px;border-radius:2px;display:inline-block}.legend i.solid{background:var(--up)}.legend i.dash{background:repeating-linear-gradient(90deg,var(--faint) 0 4px,transparent 4px 7px)}.tbl-wrap{max-height:380px;overflow:auto}table.dt{width:100%;border-collapse:collapse;font-size:13px}table.dt thead th{position:sticky;top:0;background:var(--bg);font-size:11px;font-weight:500;color:var(--dim);text-align:right;padding:11px 16px;border-bottom:1px solid var(--line)}table.dt thead th:first-child,table.dt tbody td:first-child{text-align:left}table.dt tbody td{padding:10px 16px;text-align:right;color:var(--ink-2);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}table.dt tbody tr:last-child td{border-bottom:none}table.dt tbody tr:hover td{background:var(--surface)}.side-long{color:var(--up)}.side-short{color:var(--down)}.pos{color:var(--up)}.neg{color:var(--down)}.nm{color:var(--ink);font-weight:500}.badge{font-size:11px;color:var(--dim);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:2px 9px}.wl tbody tr{cursor:pointer}.go{color:var(--accent);font-weight:500}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.tile{padding:18px;cursor:pointer;transition:.16s}.tile:hover{background:var(--surface);border-color:var(--line-2)}.tile .ic{width:30px;height:30px;border-radius:8px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--ink);margin-bottom:12px}.tile h3{margin:0 0 6px;font-size:15px;font-weight:600}.tile p{margin:0;color:var(--dim);font-size:13px;line-height:1.5}.tile .go{display:inline-block;margin-top:12px;font-size:13px}.pipe{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:22px 0}.pipe .step{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--dim)}.pipe .step.on{color:var(--ink);border-color:var(--ink)}.suggest{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.suggest .row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line);cursor:pointer;font-size:13.5px;color:var(--ink-2)}.suggest .row:last-child{border-bottom:none}.suggest .row:hover{background:var(--surface);color:var(--ink)}.suggest .row .arr{margin-left:auto;color:var(--faint)}.empty{padding:52px 20px;text-align:center;color:var(--dim)}.empty .glyph{width:46px;height:56px;margin:0 auto 14px;border:1.5px solid var(--line-2);border-radius:8px;display:grid;place-items:center;color:var(--faint);position:relative}.empty .glyph:before{content:"";position:absolute;top:-5px;width:9px;height:9px;border:1.5px solid var(--line-2);border-radius:50%;background:var(--bg)}.empty .big{font-family:var(--serif);font-size:17px;color:var(--ink);margin-bottom:6px}.loading{padding:44px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--dim);font-size:13px}.loading .bars{display:inline-flex;gap:4px}.loading .bars i{width:3px;height:14px;background:var(--ink);border-radius:2px;animation:bob .95s ease-in-out infinite}.loading .bars i:nth-child(2){animation-delay:.1s}.loading .bars i:nth-child(3){animation-delay:.2s}.loading .bars i:nth-child(4){animation-delay:.3s}@keyframes bob{0%,to{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}.alert{margin:14px 0 0;padding:11px 14px;border-radius:var(--r);font-size:13px;color:#b42318;background:var(--down-bg);border:1px solid rgba(247,93,95,.28)}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;width:100%}.auth-card{width:100%;max-width:392px;padding:36px 34px 30px}.auth-mark{width:40px;height:40px;border-radius:11px;background:var(--grad);margin-bottom:22px;display:grid;place-items:center;color:#fff}.auth-card h1{font-family:var(--serif);font-size:30px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em}.auth-card .lead{color:var(--dim);font-size:14px;margin:0 0 24px}.auth-card .field{margin-bottom:14px}.auth-card .btn-dark{width:100%;justify-content:center;padding:12px;margin-top:6px}.auth-foot{margin-top:20px;font-size:12px;color:var(--faint);text-align:center}.rise{animation:rise .4s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.split{display:grid;grid-template-columns:1fr;gap:14px}@media (min-width: 1080px){.split{grid-template-columns:1.6fr 1fr;align-items:start}}.studio-fluid{height:calc(100vh - 52px);display:flex;min-height:0;overflow:hidden}.studio-rail{width:240px;flex-shrink:0;border-right:1px solid var(--line);overflow-y:auto;background:var(--bg)}.studio-main{flex:1;min-width:0;overflow:auto;background:var(--surface)}.studio-copilot{width:360px;flex-shrink:0;border-left:1px solid var(--line);display:flex;flex-direction:column;background:var(--bg)}@media (max-width: 1100px){.studio-copilot{display:none}}@media (max-width: 860px){.studio-rail{display:none}}.drafts-rail{display:flex;flex-direction:column;height:100%}.drafts-rail-header{display:flex;flex-direction:column;gap:10px;padding:14px 14px 10px;border-bottom:1px solid var(--line);flex-shrink:0}.drafts-rail-title{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}.drafts-new-btn{font-size:12px;padding:7px 12px;border-radius:var(--r-sm);justify-content:center}.draft-list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}.draft-row{position:relative;display:flex;flex-direction:column;gap:2px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--line);transition:background .12s}.draft-row:hover{background:var(--surface)}.draft-row--selected{background:var(--surface-2)}.draft-row-name{font-size:13px;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-row-meta{font-size:11.5px;color:var(--dim)}.draft-del-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--down);font-size:14px;line-height:1;width:22px;height:22px;display:grid;place-items:center;cursor:pointer;padding:0}.draft-del-btn:hover{background:var(--down-bg)}.ws{display:flex;flex-direction:column;gap:14px;padding:18px 20px 28px}.ws-header{display:flex;flex-direction:column;gap:3px}.ws-title{font-family:var(--serif);font-size:19px;color:var(--ink)}.ws-sub{font-size:12px;color:var(--faint)}.ws-chart{background:var(--bg)}.ws-result{display:flex;flex-direction:column}.ws-code{margin:0;padding:14px 16px;overflow:auto;max-height:420px;font-family:var(--mono, ui-monospace, monospace);font-size:12.5px;line-height:1.55;color:var(--ink);background:var(--surface);white-space:pre}.code-editor{display:flex;flex-direction:column}.code-editor-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--surface);gap:12px;flex-shrink:0}.code-editor-hint{flex:1}.code-editor-unsaved{font-size:11.5px;color:var(--faint);font-weight:500}.code-editor-save{padding:6px 14px;font-size:12.5px}.copilot{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg)}.copilot-head{flex-shrink:0;display:flex;align-items:baseline;gap:7px;padding:13px 16px 12px;border-bottom:1px solid var(--line)}.copilot-title{font-family:var(--serif);font-size:14px;font-weight:700;letter-spacing:.01em;color:var(--ink)}.copilot-tag{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.copilot-scroll{flex:1;min-height:0;overflow-y:auto;padding:14px 14px 6px;display:flex;flex-direction:column;gap:10px}.copilot-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:32px 16px;text-align:center;color:var(--faint);font-size:13px}.copilot-empty p{margin:0}.copilot-empty-eg{color:var(--dim);font-size:12.5px;font-style:italic}.copilot-turn{display:flex;flex-direction:column;gap:6px}.copilot-msg{display:flex}.copilot-msg--user{justify-content:flex-end}.copilot-msg--user .copilot-bubble{background:var(--ink);color:#fff;border:none;max-width:86%}.copilot-msg--assistant{justify-content:flex-start}.copilot-msg--assistant .copilot-bubble{background:var(--bg);color:var(--ink-2);border:1px solid var(--line);max-width:94%}.copilot-msg--error .copilot-bubble{background:var(--down-bg);border-color:#f75d5f47;color:var(--down)}.copilot-msg--done .copilot-bubble{background:var(--up-bg);border-color:#07b56a38;color:var(--up)}.copilot-msg--pending .copilot-bubble{color:var(--faint);border-style:dashed}.copilot-bubble{display:inline-flex;align-items:flex-start;gap:6px;padding:8px 11px;border-radius:var(--r);font-size:13px;line-height:1.5;word-break:break-word}.copilot-glyph{flex-shrink:0;font-size:12px;line-height:1.6;opacity:.7}.copilot-text{flex:1;min-width:0;white-space:pre-wrap}.copilot-compose{flex-shrink:0;display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--line);background:var(--bg)}.copilot-input{font-family:var(--sans);font-size:13px;color:var(--ink);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r);padding:8px 11px;outline:none;resize:none;width:100%;transition:border-color .14s,box-shadow .14s;line-height:1.5}.copilot-input:focus{border-color:#bfbfbf;box-shadow:0 0 0 3px #0000000a}.copilot-input::placeholder{color:var(--faint)}.copilot-input:disabled{opacity:.55;cursor:not-allowed}.copilot-send{align-self:flex-end;padding:7px 18px;font-size:13px}