:root{color-scheme:light}.t-day{--canvas: #e2e5e9;--dot: rgba(0, 0, 0, .1);--light: rgba(255, 255, 255, .78);--shade: rgba(0, 0, 0, .05);--ink: #111111;--muted: #5b5b57;--line: rgba(0, 0, 0, .08);--glass: rgba(255, 255, 255, .56);--glass-strong: rgba(255, 255, 255, .76);--rim: rgba(255, 255, 255, .9);--hi: #ffffff;--shadow: rgba(0, 0, 0, .16);--well: rgba(0, 0, 0, .04);--well-line: rgba(0, 0, 0, .1);--chip: rgba(255, 255, 255, .8);--inv: #ffffff;--ok: #1e7a4c;--ok-wash: rgba(30, 122, 76, .1);--warn: #9e5a00;--warn-wash: rgba(214, 140, 20, .15);--bad: #bf2a2a;--bad-wash: rgba(220, 50, 50, .11);--act: #0a6ac0;--act-ink: #0a6ac0;--act-wash: rgba(10, 106, 192, .1);--act-line: rgba(10, 106, 192, .34);--scrim: rgba(226, 229, 233, .45)}.t-night{color-scheme:dark;--canvas: #0b0d10;--dot: rgba(255, 255, 255, .07);--light: rgba(255, 255, 255, .05);--shade: rgba(0, 0, 0, .4);--ink: #f2f2ef;--muted: #a2a29d;--line: rgba(255, 255, 255, .08);--glass: rgba(40, 42, 46, .55);--glass-strong: rgba(46, 48, 53, .82);--rim: rgba(255, 255, 255, .12);--hi: rgba(255, 255, 255, .14);--shadow: rgba(0, 0, 0, .6);--well: rgba(255, 255, 255, .05);--well-line: rgba(255, 255, 255, .12);--chip: rgba(255, 255, 255, .07);--inv: #0b0d10;--ok: #5bd69a;--ok-wash: rgba(91, 214, 154, .12);--warn: #f0b25a;--warn-wash: rgba(240, 178, 90, .14);--bad: #ff7b72;--bad-wash: rgba(255, 123, 114, .14);--act: #0a6ac0;--act-ink: #6cb8f7;--act-wash: rgba(22, 139, 225, .18);--act-line: rgba(74, 171, 246, .45);--scrim: rgba(11, 13, 16, .45)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--act);outline-offset:2px}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--canvas);color:var(--ink);font-family:Host Grotesk,system-ui,sans-serif;font-size:13.5px;line-height:20px;overflow:hidden}.viewport:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1100px 760px at 24% 0%,var(--light),transparent 62%),radial-gradient(900px 700px at 100% 100%,var(--shade),transparent 60%)}.viewport:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--dot) 1px,transparent 1.4px);background-size:24px 24px}.frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;padding:12px}.content{position:relative;min-width:0;min-height:0}.toast-wrap{position:absolute;left:0;right:0;bottom:80px;display:flex;justify-content:center;padding:0 16px;z-index:2000;pointer-events:none}.split{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:12px}.split>main{flex:1 1 0;min-width:0;min-height:0;container-type:inline-size}.split>aside{flex:0 0 clamp(300px,28vw,408px);min-height:0}@media (max-width: 900px){.split{flex-direction:column}.split>aside{flex:0 0 auto;max-height:52%}.split>aside.optional{display:none!important}}.qgrid{display:grid;grid-template-columns:1.7fr 1.3fr 1fr 52px 80px;gap:16px}@container (max-width: 640px){.qgrid{grid-template-columns:minmax(0,1.6fr) minmax(0,1.2fr) 64px}.qgrid>.opt{display:none}}.hgrid{display:grid;grid-template-columns:90px 1.2fr 1fr 2.4fr 90px;gap:16px}@container (max-width: 760px){.hgrid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 64px}.hgrid>.opt{display:none}}.is-drag,.is-drag *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.gl{background:var(--glass);backdrop-filter:blur(30px) saturate(1.5);-webkit-backdrop-filter:blur(30px) saturate(1.5);border:1px solid var(--rim);box-shadow:inset 0 1px 0 var(--hi),0 1px 2px #0000000d,0 18px 40px -14px var(--shadow)}.gls{background:var(--glass-strong)}.mono{font-family:Fragment Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--well-line) transparent}.btn{height:40px;padding:0 16px;border-radius:999px;border:0;background:transparent;font-size:13.5px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn:hover:not(:disabled){background:var(--well)}.btn-p{background:linear-gradient(180deg,#1a8fe3,#0a6ac0);color:#fff;font-weight:600;box-shadow:inset 0 1px #ffffff47,0 10px 22px -10px #0a6ac0}.btn-p:hover:not(:disabled){background:linear-gradient(180deg,#2a99ea,#0b74d2)}.btn-p:disabled{opacity:.4;box-shadow:none}.btn-s{background:var(--chip);box-shadow:inset 0 0 0 1px var(--well-line)}.btn-s:hover:not(:disabled){background:var(--glass-strong)}.btn-d{color:var(--bad)}.btn-dp{background:var(--bad);color:#fff;font-weight:600}.btn-dp:hover:not(:disabled){background:#a82222}.kbd{font-family:Fragment Mono,ui-monospace,monospace;font-size:11.5px;padding:1px 7px;border-radius:999px;background:#fff3;font-weight:400}.btn-s .kbd,.btn .kbd{background:var(--well);color:var(--muted)}.btn-p .kbd{background:#fff3;color:#fff}.icon-btn{width:40px;height:40px;border-radius:50%;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.icon-btn:hover{background:var(--well);color:var(--ink)}.chip{min-width:36px;height:36px;padding:0 11px;border-radius:999px;border:0;background:var(--chip);box-shadow:inset 0 0 0 1px var(--well-line);font-size:13px}.chip[aria-pressed=true]{background:var(--act-wash);box-shadow:inset 0 0 0 1px var(--act-line);color:var(--act-ink)}.chip:disabled{opacity:.35}.field{height:40px;border-radius:12px;border:0;padding:0 12px;background:var(--well);box-shadow:inset 0 0 0 1px var(--well-line);outline:none;width:100%}.field:focus{box-shadow:inset 0 0 0 1.5px var(--act-line)}textarea.field{height:auto;padding:10px 12px;resize:none;line-height:19px;field-sizing:content;min-height:60px}.label{font-size:12.5px;color:var(--muted)}.dock-nav a,.dock-nav button.nav{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--muted);border:0;background:transparent;position:relative}.dock-nav .nav:hover{color:var(--ink);background:var(--well)}.dock-nav .nav[aria-current=page]{color:var(--ink);background:var(--chip);box-shadow:inset 0 0 0 1px var(--well-line)}.badge{position:absolute;top:6px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--act);color:#fff;font-size:10.5px;line-height:16px;font-family:Fragment Mono,ui-monospace,monospace}.pnl{position:absolute;border-radius:22px;display:flex;flex-direction:column;overflow:hidden;transition:left .45s cubic-bezier(.2,.8,.2,1),top .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),height .45s cubic-bezier(.2,.8,.2,1),box-shadow .2s}.is-drag .pnl{transition:box-shadow .2s}.flow .pnl{position:relative;transition:none}.flow .pnl-hd{cursor:default}.flow .pnl-body{overflow:visible}.flow .pnl-rz{display:none}.pnl.lift{box-shadow:inset 0 1px 0 var(--hi),0 2px 4px #0000000f,0 36px 70px -18px var(--shadow)}.pnl-hd{height:36px;flex:none;display:flex;align-items:center;gap:6px;padding:0 6px 0 10px;color:var(--muted);cursor:grab}.pnl-title{font-size:12.5px;font-weight:500}.pnl-rz{position:absolute;right:6px;bottom:6px;width:14px;height:14px;cursor:nwse-resize;color:var(--muted);opacity:.5}.pnl-body{flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--well-line) transparent}.row-link{transition:background .2s;border-radius:10px}.row-link.hot{background:var(--warn-wash)}.row-link.hot-bad{background:var(--bad-wash)}.qrow{width:100%;text-align:left;border:0;background:transparent;border-radius:16px}.qrow:hover{background:var(--well)}.sheet-in{animation:sheetIn .32s cubic-bezier(.2,.8,.2,1)}@keyframes sheetIn{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in{animation:slideIn .42s cubic-bezier(.2,.8,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:none}}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.connector{transition:opacity .3s}
