@font-face{font-family:Bricolage;src:url(./bricolage-latin-DLoelf7F.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bricolage;src:url(./bricolage-latin-ext-CcLUaPy7.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;src:url(./martian-400-DZsjfPjH.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Martian Mono;src:url(./martian-500-BWC8e-kx.woff2) format("woff2");font-weight:500;font-display:swap}:root{color-scheme:dark;--bg: #08080a;--bg-2: #0d0d10;--surface: #131316;--surface-2: #19191d;--surface-3: #212126;--border: #26262c;--border-strong: #34343b;--text: #f4f4f5;--text-2: #b4b4bc;--text-3: #7c7c86;--red: #e5141b;--red-hover: #f42a30;--red-soft: rgba(229, 20, 27, .12);--red-line: rgba(229, 20, 27, .38);--gold: #e5c400;--gold-soft: rgba(229, 196, 0, .12);--green: #22c55e;--green-soft: rgba(34, 197, 94, .12);--amber: #f59e0b;--amber-soft: rgba(245, 158, 11, .12);--blue: #60a5fa;--radius: 14px;--radius-sm: 9px;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--font: "Bricolage", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--mono: "Martian Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--sidebar: 252px;--sidebar-collapsed: 76px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}::selection{background:var(--red-line)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:10px;border:2px solid var(--bg)}.mono{font-family:var(--mono);font-size:.86em;letter-spacing:-.01em}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.nowrap{white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.app{display:grid;grid-template-columns:var(--sidebar) 1fr;height:100%;transition:grid-template-columns .18s ease}.app.collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.content{flex:1;overflow:auto;padding:24px 28px 48px}.page{max-width:1180px;margin:0 auto;display:grid;gap:20px}.sidebar{background:linear-gradient(180deg,#0c0c0f,#09090b);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;overflow:hidden}.brand{display:flex;align-items:center;gap:12px;padding:18px 18px 16px;border-bottom:1px solid var(--border);min-height:76px}.brand-mark{width:40px;height:40px;flex:none;filter:drop-shadow(0 0 10px rgba(229,20,27,.35))}.brand-text{min-width:0;line-height:1.1}.brand-title{font-weight:800;letter-spacing:.14em;font-size:17px}.brand-title span{color:var(--red)}.brand-sub{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-top:3px}.nav{display:grid;gap:2px;padding:14px 10px;overflow-y:auto}.nav-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-3);padding:12px 12px 6px}.nav-item{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--text-2);text-decoration:none;border:0;background:none;cursor:pointer;text-align:left;width:100%}.nav-item svg{flex:none;width:19px;height:19px}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.active{background:var(--red-soft);color:var(--text);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--red)}.nav-item.active svg{color:var(--gold)}.nav-badge{margin-left:auto;font-size:11px;font-weight:700;padding:1px 7px;border-radius:99px;background:var(--amber-soft);color:var(--amber)}.sidebar-foot{margin-top:auto;padding:12px 10px 14px;border-top:1px solid var(--border);display:grid;gap:6px}.collapsed .brand{justify-content:center;padding-inline:0}.collapsed .brand-text,.collapsed .nav-label,.collapsed .nav-text,.collapsed .nav-badge,.collapsed .foot-text{display:none}.collapsed .nav-item{justify-content:center;padding-inline:0}.collapsed .nav-item[data-badge]:after{content:"";position:absolute;top:8px;right:16px;width:7px;height:7px;border-radius:50%;background:var(--amber)}.topbar{display:flex;align-items:center;gap:16px;padding:0 28px;min-height:76px;border-bottom:1px solid var(--border);background:#08080adb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.topbar h1{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.topbar .subtitle{font-size:12.5px;color:var(--text-3);margin-top:1px}.topbar-status{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;min-width:0}.card-head{display:flex;align-items:center;gap:12px;margin-bottom:16px;min-width:0}.card-title{font-size:15px;font-weight:700;margin:0;display:flex;align-items:center;gap:10px;min-width:0}.card-title svg{color:var(--gold);flex:none}.card-head .spacer{flex:1}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:var(--text-3);display:flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:14px;height:2px;background:var(--gold);border-radius:2px}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.row{display:flex;align-items:center;gap:10px;min-width:0}.row.wrap{flex-wrap:wrap}.col{display:grid;gap:6px;min-width:0}.divider{height:1px;background:var(--border);margin:4px 0}.hero{position:relative;overflow:hidden;display:flex;align-items:center;gap:22px;padding:26px 28px;background:radial-gradient(120% 140% at 0% 0%,#e5141b29,#e5141b00 55%),var(--surface)}.hero-mark{width:84px;height:84px;flex:none;filter:drop-shadow(0 6px 24px rgba(229,20,27,.35))}.hero h2{margin:0;font-size:24px;letter-spacing:-.01em}.hero p{margin:4px 0 0;color:var(--text-2)}.hero-watermark{position:absolute;right:-60px;top:-60px;width:260px;opacity:.05;pointer-events:none}.checklist{display:grid;gap:10px;margin-top:18px}.check{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--bg-2);border:1px solid var(--border)}.check-icon{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none}.check-icon svg{width:15px;height:15px}.check.ok .check-icon{background:var(--green-soft);color:var(--green)}.check.warn .check-icon{background:var(--amber-soft);color:var(--amber)}.check.err .check-icon{background:var(--red-soft);color:var(--red)}.check.wait .check-icon{background:var(--surface-3);color:var(--text-2)}.check-title{font-weight:600}.check-text{color:var(--text-2);font-size:13px}.check-action{margin-left:auto;align-self:center}.kv{display:grid;grid-template-columns:minmax(130px,auto) 1fr;gap:10px 16px;align-items:center;margin:0}.kv dt{color:var(--text-3);font-size:12.5px}.kv dd{margin:0;min-width:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border-radius:10px;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font-weight:600;font-size:13.5px;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,color .12s}.btn svg{width:16px;height:16px;flex:none}.btn:hover:not(:disabled){background:var(--surface-3);border-color:#44444c}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 4px 16px #e5141b40}.btn-primary:hover:not(:disabled){background:var(--red-hover);border-color:var(--red-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text);border-color:transparent}.btn-danger{color:#ff6b6f;border-color:#e5141b66;background:transparent}.btn-danger:hover:not(:disabled){background:var(--red-soft);border-color:var(--red)}.btn-sm{height:32px;padding:0 11px;font-size:12.5px;border-radius:8px}.btn-icon{width:38px;padding:0}.btn-sm.btn-icon{width:32px}.input,.select,.textarea{width:100%;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg-2);color:var(--text);outline:none;transition:border-color .12s}.textarea{height:auto;min-height:160px;padding:10px 12px;resize:vertical;font-family:var(--mono);font-size:12px}.input:focus,.select:focus,.textarea:focus{border-color:var(--gold)}.input-icon{position:relative}.input-icon svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;color:var(--text-3);pointer-events:none}.input-icon .input{padding-left:38px}.field-label{font-size:12.5px;color:var(--text-2);font-weight:600}.switch{position:relative;width:42px;height:24px;flex:none;border-radius:99px;border:1px solid var(--border-strong);background:var(--surface-3);cursor:pointer;transition:background .15s,border-color .15s;padding:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#d4d4d8;transition:transform .15s,background .15s}.switch[aria-checked=true]{background:var(--red);border-color:var(--red)}.switch[aria-checked=true]:after{transform:translate(18px);background:#fff}.switch:disabled{opacity:.45;cursor:not-allowed}.seg{display:inline-flex;padding:3px;border-radius:10px;background:var(--bg-2);border:1px solid var(--border);gap:2px}.seg button{border:0;background:none;padding:5px 11px;border-radius:7px;color:var(--text-2);cursor:pointer;font-size:12.5px;font-weight:600}.seg button[aria-pressed=true]{background:var(--surface-3);color:var(--text)}.chip{justify-self:start;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 11px;border-radius:99px;font-size:12.5px;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text-2);white-space:nowrap;max-width:100%}.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--text-3);flex:none}.chip.ok{color:#86efac;border-color:#22c55e4d;background:var(--green-soft)}.chip.ok .dot{background:var(--green);box-shadow:0 0 0 3px #22c55e2e}.chip.warn{color:#fcd34d;border-color:#f59e0b4d;background:var(--amber-soft)}.chip.warn .dot{background:var(--amber)}.chip.err{color:#ff8a8d;border-color:var(--red-line);background:var(--red-soft)}.chip.err .dot{background:var(--red)}.chip.busy .dot{background:var(--gold);animation:pulse 1.1s ease-in-out infinite}.chip.gold{color:var(--gold);border-color:#e5c4004d;background:var(--gold-soft)}.chip.gold .dot{background:var(--gold)}button.chip{cursor:pointer}button.chip:hover{border-color:var(--border-strong)}.tag{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:6px;font-size:11.5px;font-weight:600;background:var(--surface-3);color:var(--text-2);white-space:nowrap}.tag.red{background:var(--red-soft);color:#ff8a8d}.tag.gold{background:var(--gold-soft);color:var(--gold)}.tag.green{background:var(--green-soft);color:#86efac}.tag.amber{background:var(--amber-soft);color:#fcd34d}.keycap{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border-radius:8px;border:1px solid var(--border-strong);border-bottom-width:2px;background:var(--bg-2);font-weight:600;font-size:12.5px;white-space:nowrap}.keycap svg{width:15px;height:15px;color:var(--gold)}.keycap.is-empty{color:var(--text-3);border-style:dashed}button.keycap{cursor:pointer}button.keycap:hover{border-color:var(--gold)}.keycap.capturing{border-color:var(--gold);color:var(--gold);animation:pulse 1.1s ease-in-out infinite}.notice{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-2);font-size:13px;color:var(--text-2)}.notice svg{flex:none;width:18px;height:18px;margin-top:1px}.notice strong{color:var(--text)}.notice.ok{border-color:#22c55e4d;background:var(--green-soft)}.notice.ok svg{color:var(--green)}.notice.warn{border-color:#f59e0b4d;background:var(--amber-soft)}.notice.warn svg{color:var(--amber)}.notice.err{border-color:var(--red-line);background:var(--red-soft)}.notice.err svg{color:var(--red)}.notice .notice-action{margin-left:auto;align-self:center}.empty{display:grid;place-items:center;text-align:center;gap:8px;padding:44px 20px;color:var(--text-2)}.empty svg{width:34px;height:34px;color:var(--text-3)}.empty h3{margin:4px 0 0;color:var(--text);font-size:15px}.empty p{margin:0;max-width:420px;font-size:13px}.list{display:grid;border:1px solid var(--border);border-radius:12px;overflow:hidden}.list-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface);border-top:1px solid var(--border);min-width:0}.list-row:first-child{border-top:0}.list-row:hover{background:#16161a}.list-row.invalid{background:linear-gradient(90deg,rgba(229,20,27,.08),transparent 60%)}.action{display:grid;gap:14px;padding:18px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:border-color .15s}.action.on{border-color:var(--red-line);box-shadow:inset 3px 0 0 var(--red)}.action-head{display:flex;align-items:center;gap:12px;min-width:0;flex-wrap:wrap}.action-title{display:grid;gap:0;flex:1 1 140px;min-width:0}.action-name{font-size:15.5px;font-weight:700;overflow-wrap:anywhere}.steps{margin:0;padding:0;list-style:none;display:grid;gap:6px}.steps li{display:flex;gap:10px;font-size:12.5px;color:var(--text-2)}.steps li span:first-child{color:var(--text-3);font-family:var(--mono);font-size:11px;min-width:18px;padding-top:1px}.status-pill{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:99px;font-size:12px;font-weight:700;white-space:nowrap;flex:none;border:1px solid var(--border-strong)}.status-pill.on{background:var(--green-soft);color:#86efac;border-color:#22c55e59}.status-pill.off{background:var(--bg-2);color:var(--text-3)}.macro-row{display:grid;gap:10px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);transition:border-color .15s}.macro-row.on{border-color:var(--red-line);box-shadow:inset 3px 0 0 var(--red)}.macro-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.macro-name{font-size:15px;overflow-wrap:anywhere}.macro-actions{display:flex;flex-wrap:wrap;gap:6px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px 20px;align-items:start}.num-field .input{max-width:160px;font-family:var(--mono);font-size:12.5px}.step-card{display:grid;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-2)}.step-card.dragging{opacity:.5;border-style:dashed;border-color:var(--gold)}.step-head{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.drag-handle{cursor:grab;color:var(--text-3);display:flex}.step-num{font-family:var(--mono);font-size:11px;color:var(--gold);min-width:18px}.step-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px 14px;align-items:end}.rec-live{display:flex;align-items:center;gap:16px;padding:16px;border-radius:12px;border:1px solid var(--red-line);background:var(--red-soft)}.rec-dot{width:16px;height:16px;border-radius:50%;background:var(--red);flex:none;animation:pulse 1s ease-in-out infinite;box-shadow:0 0 0 6px #e5141b33}select.select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a8;display:grid;place-items:center;padding:20px;z-index:50;animation:fade .12s ease}.modal{width:min(560px,100%);max-height:min(86vh,760px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow);animation:pop .14s ease}.modal.wide{width:min(760px,100%)}.modal-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--border)}.modal-head h2{margin:0;font-size:16px}.modal-body{padding:20px;overflow:auto;display:grid;gap:14px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:14px 20px;border-top:1px solid var(--border);flex-wrap:wrap}.big-number{font-size:34px;font-weight:800;line-height:1;color:var(--text)}.toasts{position:fixed;right:20px;bottom:20px;display:grid;gap:8px;z-index:60;width:min(380px,calc(100vw - 40px))}.toast{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border-strong);box-shadow:var(--shadow);font-size:13px;animation:pop .16s ease}.toast svg{flex:none;width:18px;height:18px;margin-top:1px}.toast.success svg{color:var(--green)}.toast.error{border-color:var(--red-line)}.toast.error svg{color:var(--red)}.toast.info svg{color:var(--gold)}.toast button{margin-left:auto;background:none;border:0;color:var(--text-3);cursor:pointer;padding:0}.split{display:grid;grid-template-columns:290px 1fr;gap:16px;align-items:start}.preset-list{display:grid;gap:2px}.preset-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;cursor:pointer;border:1px solid transparent;background:none;width:100%;text-align:left;color:var(--text-2)}.preset-item:hover{background:var(--surface-2);color:var(--text)}.preset-item.active{background:var(--red-soft);border-color:var(--red-line);color:var(--text)}.swatch{width:10px;height:10px;border-radius:3px;flex:none}.flag-value{width:150px;flex:none}.flag-value .input{height:32px;font-family:var(--mono);font-size:12px}.suggest{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;background:var(--surface-2);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow);padding:4px;max-height:320px;overflow:auto}.suggest button{display:flex;width:100%;align-items:center;gap:10px;padding:8px 10px;border:0;background:none;border-radius:8px;cursor:pointer;text-align:left}.suggest button:hover,.suggest button[aria-selected=true]{background:var(--surface-3)}.boot{height:100%;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 40%,rgba(229,20,27,.12),transparent 70%),var(--bg)}.boot-inner{display:grid;justify-items:center;gap:18px;text-align:center}.boot-ring{position:relative;width:132px;height:132px;display:grid;place-items:center}.boot-ring:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:50%;border:2px solid transparent;border-top-color:var(--red);border-right-color:var(--gold);animation:spin 1.1s linear infinite}.boot-ring img{width:120px;height:120px}.boot-title{font-weight:800;letter-spacing:.3em;font-size:20px}.boot-sub{color:var(--text-3);font-size:12.5px;letter-spacing:.1em}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--gold);animation:spin .8s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(6px) scale(.98)}}@media (max-width: 1100px){.split{grid-template-columns:1fr}}@media (max-width: 900px){.app,.app.collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}.app .brand{justify-content:center;padding-inline:0}.app .brand-text,.app .nav-label,.app .nav-text,.app .nav-badge,.app .foot-text,.collapse-toggle{display:none}.app .nav-item{justify-content:center;padding-inline:0}}@media (max-width: 640px){.app,.app.collapsed{grid-template-columns:1fr;grid-template-rows:1fr auto}.sidebar{order:2;flex-direction:row;border-right:0;border-top:1px solid var(--border)}.brand,.sidebar-foot{display:none}.nav{display:flex;padding:6px;gap:2px;width:100%;justify-content:space-around;overflow:visible}.nav-item.active:before{display:none}.content{padding:16px 16px 32px}.topbar{padding:12px 16px;min-height:0;flex-wrap:wrap}.hero{flex-direction:column;text-align:center;padding:22px 18px}.kv{grid-template-columns:1fr;gap:2px 0}.kv dd{margin-bottom:8px}.flag-value{width:110px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.spin{animation:spin 1s linear infinite}