:root{color-scheme:light;--dock-width:430px;--dock-gap:24px;--page-gutter:clamp(24px, 4vw, 56px);--ink:#1f2940;--ink-soft:#55627a;--bg:#f4f8ff;--bg-deep:#e9f1ff;--panel:#fffffff0;--panel-strong:#fff;--line:#6784c42e;--line-strong:#4f75e26b;--blue:#4e73ec;--blue-soft:#58c7f5;--teal:#53d094;--teal-soft:#53d09429;--orange:#ff9d42;--orange-soft:#ff9d422e;--pink-soft:#ff6ebc24;--shadow:0 22px 60px #5673b024;--shadow-soft:0 10px 30px #5673b01a;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;padding:0 calc(var(--dock-width) + var(--dock-gap)) 0 var(--page-gutter);color:var(--ink);background:radial-gradient(circle at 12% 10%,#4e73ec24,#0000 24%),radial-gradient(circle at 88% 12%,#58c7f529,#0000 20%),radial-gradient(circle at 70% 78%,#53d0941a,#0000 22%),linear-gradient(#f9fbff 0%,#f1f6ff 52%,#edf4ff 100%);justify-content:center;margin:0;display:flex}body[data-dock-collapsed=true]{padding-right:196px}.bg-orbit{filter:blur(18px);pointer-events:none;border-radius:50%;animation:16s ease-in-out infinite orbit;position:fixed}.bg-orbit-a{background:radial-gradient(circle,#4e73ec38,#0000 68%);width:36vw;height:36vw;inset:-14vh auto auto -10vw}.bg-orbit-b{background:radial-gradient(circle,#53d09433,#0000 70%);width:28vw;height:28vw;animation-duration:20s;inset:auto -8vw -18vh auto}@keyframes orbit{0%,to{transform:translate(0)scale(1)}50%{transform:translate(4%,-3%)scale(1.05)}}.shell{flex-direction:column;gap:24px;width:min(1680px,100%);margin:0 auto;padding:34px 0 64px;display:flex}body[data-dock-collapsed=true] .shell{width:min(1760px,100%)}@media (width>=1600px){.workspace-grid{grid-template-columns:minmax(0,1.7fr) minmax(340px,.78fr)}.workspace-grid-secondary{grid-template-columns:minmax(0,1fr)}}.hero,.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(16px);border-radius:30px;animation:.55s ease-out fadeIn;position:relative;overflow:hidden}.hero:before,.panel:before{content:"";background:linear-gradient(90deg, var(--blue), var(--blue-soft), var(--teal));width:100%;height:4px;position:absolute;inset:0 auto auto 0}.hero{background:linear-gradient(135deg,#fffffff5,#f3f8ffeb),linear-gradient(120deg,#4e73ec0f,#53d0940a);grid-template-columns:minmax(0,1.8fr) minmax(280px,.95fr);align-items:end;gap:28px;padding:34px 34px 32px;display:grid}.hero-copy{gap:10px;display:grid}.bundle-version-line{color:var(--ink-soft);margin:0;font-size:.98rem}.bundle-version-line span{color:var(--ink);background:#4e73ec1a;border-radius:999px;margin-left:.35rem;padding:.08rem .5rem;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.92em;display:inline-block}.hero-aside{align-self:stretch;gap:14px;display:grid}.hero-stat,.hero-badge{box-shadow:var(--shadow-soft);background:linear-gradient(#fffffffa,#f1f7ffeb);border:1px solid #4f75e224;border-radius:22px}.hero-stat{gap:6px;padding:18px 18px 16px;display:grid}.hero-stat-label{text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft);font-size:.72rem;font-weight:700}.hero-stat strong{font-size:1rem;line-height:1.4}.hero-badge{color:#fff;background:linear-gradient(135deg, var(--blue), var(--blue-soft));border:none;place-self:end start;padding:12px 18px;font-weight:700}.workspace-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,.86fr);align-items:start;gap:24px;display:grid}.tab-shell{gap:24px;display:grid}.tab-list{backdrop-filter:blur(18px)saturate(1.08);isolation:isolate;background:linear-gradient(#ffffffe6,#e0ecffc7),linear-gradient(135deg,#4e73ec14,#58c7f50f);border:1px solid #7898df4d;border-radius:28px;align-self:start;gap:10px;padding:8px;display:inline-flex;position:relative;box-shadow:inset 0 1px #fffffff5,inset 0 -1px #7493db24,0 16px 34px #5673b01f,0 0 0 1px #ffffff52}.tab-list:before{content:"";opacity:.9;pointer-events:none;background:linear-gradient(#ffffff75,#ffffff14),radial-gradient(circle at 18% 0,#ffffffb8,#0000 34%);border-radius:24px;position:absolute;inset:2px}.tab-list:after{content:"";filter:blur(16px);opacity:.85;pointer-events:none;background:linear-gradient(90deg,#4e73ec24,#58c7f538);border-radius:999px;height:18px;position:absolute;inset:auto 14px 6px}button.tab-button{z-index:1;color:#51617f;filter:saturate(.92);background:linear-gradient(#ffffff3d,#e2ecff1f),#ffffff14;border:1px solid #8ea8e238;border-radius:22px;min-width:156px;padding:14px 24px;transition:background .18s,color .18s,border-color .18s,box-shadow .18s,transform .18s,filter .18s;position:relative;transform:translateY(0);box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #789ae514}button.tab-button:before{content:"";border-radius:inherit;opacity:.7;pointer-events:none;background:linear-gradient(#ffffffb3,#fff0);height:48%;position:absolute;inset:1px 1px auto}button.tab-button:after{content:"";filter:blur(10px);opacity:0;pointer-events:none;background:#58c7f52e;border-radius:999px;height:10px;transition:opacity .18s;position:absolute;inset:auto 18px 8px}button.tab-button:hover:not(:disabled){color:var(--ink);filter:saturate();background:linear-gradient(#ffffff85,#e3eeff4d),#ffffff1f;border-color:#7393db4d;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #4e73ec1f,0 10px 18px #627ebf1f}button.tab-button.is-active{color:#33559e;filter:saturate(1.04);background:radial-gradient(circle at 50% -20%,#fffffff2,#0000 52%),linear-gradient(#eef5fffa,#ccdefff5);border-color:#698cd857;transform:translateY(-1px);box-shadow:inset 0 1px #fffffff5,inset 0 -2px #58c7f5e6,0 14px 28px #5478cb33,0 0 0 1px #fff6}button.tab-button.is-active:after{opacity:1}button.tab-button:active:not(:disabled){color:inherit;filter:none;transform:translateY(0)}button.tab-button.is-active:hover:not(:disabled),button.tab-button.is-active:active:not(:disabled){color:#2d4d94;box-shadow:inset 0 1px 0 #fffffffa, inset 0 -2px 0 var(--blue-soft), 0 16px 30px #5478cb38, 0 0 0 1px #ffffff75;background:radial-gradient(circle at 50% -16%,#fffffffa,#0000 56%),linear-gradient(#f4f8fffa,#d6e5fffa);border-color:#698cd861}button.tab-button:focus-visible{outline-offset:2px;outline:2px solid #4e73ec61}.tab-panel{gap:24px;display:grid}.tab-panel[hidden]{display:none}.tab-panel .panel,.tab-panel .status-card{animation:none}.workspace-main,.workspace-rail{gap:24px;display:grid}.panel{padding:24px}.panel-split{padding:26px}.panel-title{justify-content:space-between;align-items:start;gap:20px;margin-bottom:18px;display:flex}.panel-copy{gap:16px;display:grid}.summary-panel{background:linear-gradient(#fffffff5,#f3f8fff0),linear-gradient(135deg,#4e73ec0a,#53d0940a)}.summary-grid{gap:16px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#7a89a4;margin:0;font-size:.72rem;font-weight:700}h1,h2{margin:0}h1{letter-spacing:-.03em;font-size:clamp(2.4rem,4vw,4rem);line-height:1}h2{letter-spacing:-.02em;font-size:1.14rem}.subhead,.panel-note,.status-detail,.status-time,.status-note,.log-hint{color:var(--ink-soft)}.subhead{max-width:760px;margin:0;font-size:1.02rem;line-height:1.7}.panel-note{max-width:420px;margin:0;font-size:.93rem;line-height:1.55}.status-card{box-shadow:var(--shadow-soft);background:linear-gradient(#fff,#f6faff);border:1px solid #4f75e21f;border-radius:24px;padding:18px}.status-card-connection{background:radial-gradient(circle at 100% 0,#58c7f51f,#0000 32%),linear-gradient(#fff,#f6fbff)}.status-card-file{background:radial-gradient(circle at 100% 0,#53d0941f,#0000 32%),linear-gradient(#fff,#f7fffb)}.status-card-stream{background:radial-gradient(circle at 100% 0,#4e73ec1a,#0000 34%),linear-gradient(#fff,#f7faff)}.status-label{color:#73839f;text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:8px;margin-bottom:10px;font-size:.8rem;font-weight:700;display:inline-flex}.status-line{overflow-wrap:anywhere;margin:0 0 8px;font-size:1.5rem;font-weight:700;line-height:1.15}.status-line-stream{letter-spacing:-.02em;color:var(--ink);background:#4e73ec0f;border:1px solid #4f75e21f;border-radius:16px;margin-bottom:14px;padding:12px 14px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.98rem;line-height:1.5}.status-detail,.status-time,.status-note{margin:0;font-size:.92rem;line-height:1.55}.status-meta{gap:10px;display:grid}.status-kv{gap:4px;display:grid}.status-kv-label{letter-spacing:.12em;text-transform:uppercase;color:#73839f;font-size:.73rem;font-weight:700}.status-kv-value{min-width:0;color:var(--ink-soft);overflow-wrap:anywhere}.status-kv-value-code{letter-spacing:-.015em;font-variant-ligatures:none;color:var(--ink);font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.88rem;line-height:1.6}.status-json{color:#e6efff;background:linear-gradient(#0f1c34fa,#14223cfa);border:1px solid #6d96f138;border-radius:22px;min-height:156px;margin:0;padding:18px;font-size:.85rem;line-height:1.65;overflow:auto;box-shadow:inset 0 1px #ffffff0d}.snapshot-json{min-height:520px}.field{flex-direction:column;gap:8px;display:flex}.upload-grid,.form-grid{gap:16px;margin-bottom:16px;display:grid}.field+.actions,.form-grid+.actions,.upload-grid+.actions{margin-top:10px}.upload-grid,.form-grid.two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.remote-fetch{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;margin-top:18px;display:grid}label{font-size:.94rem;font-weight:700}input,textarea{width:100%;color:var(--ink);background:#f5f9ffeb;border:1px solid #6784c433;border-radius:18px;transition:border-color .2s,box-shadow .2s,background .2s}input{padding:13px 15px;font-size:1rem}input[type=file]{padding:10px 12px}textarea{resize:vertical;padding:14px 16px;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.95rem;line-height:1.6}input:focus,textarea:focus{background:#fff;border-color:#4e73ec94;outline:none;box-shadow:0 0 0 4px #58c7f524}.actions{flex-wrap:wrap;gap:12px;display:flex}.floating-dock{width:min(var(--dock-width), calc(100vw - 32px));backdrop-filter:blur(18px);z-index:20;background:#f8fbffd1;border:1px solid #6784c42e;border-radius:28px;flex-direction:column;gap:14px;padding:18px;display:flex;position:fixed;top:24px;bottom:24px;right:24px;box-shadow:0 28px 70px #5673b033}.dock-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.dock-header h2{font-size:1.28rem}.dock-toggle{flex-shrink:0;min-width:112px}.dock-body{gap:14px;min-height:0;padding-right:4px;display:grid;overflow:auto}.dock-panel{box-shadow:var(--shadow-soft);border-radius:24px;padding:20px}.dock-status-json{min-height:170px;max-height:240px}.dock-log-list{max-height:320px}.floating-dock[data-collapsed=true]{width:min(320px,100vw - 32px);bottom:auto}.floating-dock[data-collapsed=true] .dock-body{display:none}.floating-dock[data-collapsed=true] .dock-header{align-items:center}button{background:linear-gradient(135deg, var(--blue), var(--blue-soft));color:#fff;cursor:pointer;border:none;border-radius:999px;padding:12px 20px;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s,filter .2s;box-shadow:0 10px 24px #4e73ec3d}button:hover:not(:disabled){filter:saturate(1.04);transform:translateY(-1px);box-shadow:0 14px 28px #4e73ec47}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button.ghost{color:var(--ink);box-shadow:none;background:#f5f9ffeb;border:1px solid #6784c438}button.ghost:hover:not(:disabled){background:#fff;box-shadow:0 10px 18px #5673b01f}.log-header-inline{margin:8px 0 14px}.log-list,.stream-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.log-list{max-height:360px;overflow:auto}.log-entry,.stream-entry{background:linear-gradient(#fff,#f7faff);border:1px solid #6784c424;border-radius:18px;padding:14px 15px;box-shadow:0 8px 18px #5673b014}.log-entry{color:var(--ink);flex-direction:column;gap:4px;font-size:.92rem;display:flex}.log-entry span{color:#7a89a4;font-size:.75rem}.stream-entry{gap:5px;font-size:.92rem;display:grid}.stream-entry-action{justify-self:start;margin-top:6px}.stream-modal{background:linear-gradient(#fffffffa,#f3f8fff2),linear-gradient(135deg,#4e73ec0f,#53d0940a);border:1px solid #6784c42e;border-radius:30px;width:min(920px,100vw - 32px);max-height:min(86vh,960px);padding:0;overflow:hidden;box-shadow:0 32px 80px #2842764d}.stream-modal::backdrop{backdrop-filter:blur(10px);background:#13213a61}.stream-modal-shell{gap:18px;padding:26px;display:grid}.stream-modal-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.stream-modal-close{flex-shrink:0}.stream-modal-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.stream-modal-kv{background:linear-gradient(#fff,#f7faff);border:1px solid #6784c424;border-radius:18px;gap:6px;padding:14px 16px;display:grid}.stream-modal-json{min-height:420px;max-height:56vh}code{color:var(--blue);font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.92em}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (width<=1100px){.hero,.workspace-grid{grid-template-columns:1fr}.snapshot-json{min-height:420px}}@media (width<=720px){body{flex-direction:column;padding:0;display:flex}.shell{box-sizing:border-box;width:min(100%,96vw);max-width:100%;margin:0 auto;padding:20px 0 0;overflow-x:clip}body[data-dock-collapsed=true] .shell{width:min(100%,96vw);max-width:100%;margin:0 auto;padding:20px 0 0}.workspace-grid,.workspace-grid-secondary{grid-template-columns:1fr}.workspace-main,.workspace-rail{min-width:0}.panel-title{gap:12px}.panel-note{max-width:none}.status-line{font-size:1.2rem}.status-json,.snapshot-json,input,textarea,button,.actions,.field{max-width:100%}.shell{gap:18px;padding-top:20px}.hero,.panel,.panel-split{border-radius:24px;padding:20px}.hero-aside,.panel-title,.upload-grid,.form-grid.two-up,.remote-fetch{grid-template-columns:1fr;display:grid}.summary-grid,.workspace-main,.workspace-rail{gap:18px}.tab-list{grid-template-columns:1fr;gap:8px;width:100%;display:grid}.tab-button{width:100%;min-width:0}.snapshot-json{min-height:320px}.actions button{width:100%}.stream-modal{border-radius:24px;width:min(100vw - 20px,920px);max-height:calc(100vh - 20px)}.stream-modal-shell{padding:20px}.stream-modal-meta{grid-template-columns:1fr}.floating-dock{width:100%;max-width:min(100%,96vw);height:auto;box-shadow:none;backdrop-filter:none;background:0 0;border:none;order:-1;margin:20px auto 18px;padding:0;position:static}.dock-header{padding:0 4px}.dock-body{padding-right:0;overflow:visible}.dock-panel{padding:20px}}
/*# sourceMappingURL=demo.929f2848.css.map */