:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-feature-settings:"cv02", "cv03", "cv04", "cv11";font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg-deep:#eff6ff;--bg-base:#ffffff40;--bg-panel:#ffffff73;--bg-elevated:#ffffffa6;--bg-hover:#ffffff8c;--bg-active:#2563eb1a;--text:#0f172a;--text-secondary:#1e3a5f;--text-muted:#64748b;--text-faint:#94a3b8;--accent:#2563eb;--accent-bright:#1d4ed8;--accent-light:#60a5fa;--accent-blue:#0ea5e9;--accent-dim:#2563eb1f;--accent-glow:#2563eb38;--success:#059669;--success-dim:#0596691a;--danger:#dc2626;--danger-dim:#dc26261a;--warning:#d97706;--warning-dim:#d977061a;--ring:#2563eb;--border:#fff9;--border-strong:#ffffffd9;--hairline:#ffffff73;--syn-key:#2563eb;--syn-string:#059669;--syn-number:#d97706;--syn-literal:#0284c7;--syn-punct:#9ca3af;--radius-sm:10px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--font-mono:"SF Mono", Menlo, Monaco, Consolas, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration:.2s;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{color:var(--text);background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 35%,#e0f2fe 100%)}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.app{background:0 0;width:100vw;min-width:320px;height:100vh;position:relative;overflow:hidden}.app-ambient{pointer-events:none;position:absolute;inset:0;overflow:hidden}.app-ambient-blob{filter:blur(60px);border-radius:50%;position:absolute}.app-ambient-blob-a{background:#2563eb2e;width:350px;height:350px;animation:28s ease-in-out infinite alternate drift-a;top:-80px;right:-60px}.app-ambient-blob-b{background:#0ea5e924;width:280px;height:280px;animation:32s ease-in-out infinite alternate drift-b;bottom:-40px;left:-40px}@keyframes drift-a{to{transform:translate(-30px,40px)}}@keyframes drift-b{to{transform:translate(30px,-20px)}}.nav-scrim{z-index:15;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#0f172a40;border:0;position:fixed;inset:0}.resizable-split{--split-handle-size:12px;z-index:1;grid-template-columns:var(--split-first-size) var(--split-handle-size) minmax(0, 1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative}.resizable-split.is-dragging{-webkit-user-select:none;user-select:none}.resizable-split-pane{min-width:0;min-height:0;display:flex;overflow:hidden}.resizable-split-handle{z-index:10;cursor:col-resize;touch-action:none;width:100%;min-width:0;height:100%;transition:background var(--duration) var(--ease-out);background:0 0;border:0;place-self:stretch stretch;margin:0;padding:0;position:relative}.resizable-split-handle:after{background:var(--border);content:"";pointer-events:none;width:1px;transition:width var(--duration) var(--ease-out), background var(--duration) var(--ease-out);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.resizable-split-handle:hover,.resizable-split.is-dragging .resizable-split-handle{background:#2563eb14}.resizable-split-handle:hover:after,.resizable-split.is-dragging .resizable-split-handle:after{background:var(--accent-light);width:2px}.app-layout-split{--split-first-size:260px}.two-pane-tool{--split-first-size:50%;flex:1;min-height:0}.two-pane-tool>.resizable-split-pane{min-height:0}.nav-panel{-webkit-backdrop-filter:blur(16px)saturate(1.4);backdrop-filter:blur(16px)saturate(1.4);background:#ffffff59;flex-direction:column;gap:0;width:100%;min-width:0;height:100%;padding:20px 16px 16px;display:flex}.nav-brand{align-items:center;gap:12px;margin-bottom:20px;padding:0 4px;display:flex}.nav-brand-mark{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-blue) 100%);color:#fff;letter-spacing:-.02em;border-radius:12px;place-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:grid;box-shadow:0 4px 12px #2563eb47}.nav-brand-copy{flex-direction:column;gap:1px;min-width:0;display:flex}.nav-brand-name{color:var(--text);letter-spacing:-.02em;font-size:15px;font-weight:700}.nav-brand-sub{color:var(--text-muted);font-size:11px;font-weight:500}.nav-search{border-radius:var(--radius-md);color:var(--accent-light);transition:border-color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);background:#fff9;border:1px solid #fffc;align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex;box-shadow:0 2px 8px #0000000a}.nav-search:focus-within{box-shadow:0 0 0 3px var(--accent-dim);border-color:#2563eb59}.nav-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0;font-size:13px}.nav-search input::placeholder{color:var(--text-faint)}.nav-search input:focus-visible{outline:none}.nav-section-label{color:var(--text-faint);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;padding:0 8px;font-size:10px;font-weight:600}.nav-list{scrollbar-width:thin;scrollbar-color:var(--text-faint) transparent;flex-direction:column;flex:1;gap:4px;min-height:0;padding:0;display:flex;overflow-y:auto}.nav-list-empty{color:var(--text-muted);text-align:center;margin:24px 8px;font-size:13px}.nav-item{border-radius:var(--radius-sm);text-align:left;cursor:pointer;width:100%;transition:background var(--duration) var(--ease-out), color var(--duration) var(--ease-out), transform var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:10px 12px;display:flex}.nav-item:hover{color:var(--text);background:#ffffff80;transform:translate(2px)}.nav-item.is-active{background:linear-gradient(135deg,#2563eb1f,#60a5fa14);border-color:#ffffff80;box-shadow:0 2px 12px #2563eb1a}.nav-item-icon{width:32px;height:32px;color:var(--text-muted);transition:background var(--duration) var(--ease-out), color var(--duration) var(--ease-out);background:#ffffffb3;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.nav-item.is-active .nav-item-icon{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff}.nav-item-copy{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.nav-item-title{color:var(--text-muted);letter-spacing:-.01em;font-size:13px;font-weight:500}.nav-item-desc{color:var(--text-faint);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.35;overflow:hidden}.nav-item:hover .nav-item-title{color:var(--text)}.nav-item.is-active .nav-item-title{color:var(--accent);font-weight:600}.nav-item.is-active .nav-item-desc{color:var(--accent-light)}.nav-footer{justify-content:center;align-items:center;padding-top:16px;display:flex}.nav-version{color:var(--text-faint);font-size:11px;font-weight:500}.stage{flex-direction:column;gap:12px;width:100%;min-width:0;height:100%;min-height:0;padding:16px;display:flex}.stage-header{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff80;border:1px solid #fff9;flex-shrink:0;align-items:center;gap:12px;padding:14px 18px;display:flex;box-shadow:0 2px 8px #00000008}.stage-menu-btn{border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-muted);cursor:pointer;transition:background var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);background:#ffffffb3;flex-shrink:0;justify-content:center;align-items:center;display:none}.stage-menu-btn:hover{border-color:var(--border-strong);color:var(--text);background:#ffffffe6}.stage-heading{align-items:center;gap:14px;min-width:0;display:flex}.stage-heading-icon{width:40px;height:40px;color:var(--accent);background:linear-gradient(135deg,#2563eb1f,#60a5fa14);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.stage-heading-copy{min-width:0}.stage-heading-copy h1{color:var(--text);letter-spacing:-.02em;margin:0;font-size:17px;font-weight:700;line-height:1.2}.stage-heading-copy p{color:var(--text-muted);margin:2px 0 0;font-size:12px;line-height:1.45}.stage-surface{background:0 0;flex:1;min-height:0;overflow:hidden}.stage-footer{color:var(--text-faint);flex-shrink:0;justify-content:center;padding-top:4px;font-size:11px;line-height:1.2;display:flex}.stage-footer a{color:inherit;text-decoration:none}.stage-footer a:hover{color:var(--text-muted);text-decoration:underline}.tool-panel{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff73;border:1px solid #fff9;flex-direction:column;width:100%;min-width:0;height:100%;min-height:0;padding:0;display:flex;overflow:hidden;box-shadow:0 4px 16px #0000000a}.tool-panel-toolbar{background:#ffffff4d;border-bottom:1px solid #ffffff80;align-items:center;gap:8px;min-height:40px;padding:10px 14px;display:flex}.tool-panel-toolbar strong{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:600}.tool-panel-controls{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.tool-panel-body{background:#ffffff40;border:0;border-radius:0;flex:1;min-height:0;overflow:hidden}.tool-panel-footer{border-top:1px solid #fff6;min-height:24px;padding:8px 14px 10px}.action-button,.select-control{border-radius:var(--radius-pill);height:30px;color:var(--text-muted);cursor:pointer;transition:background var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);background:#ffffffb3;border:1px solid #fffc;align-items:center;gap:5px;padding:0 12px;font-size:11px;font-weight:600;display:inline-flex}.action-button:hover,.select-control:hover{color:var(--accent);background:#fff;border-color:#fffffff2}.action-button:active{transform:scale(.98)}.action-button:disabled{cursor:not-allowed;opacity:.45}.action-button-primary{background:linear-gradient(135deg, var(--accent), var(--accent-light));color:#fff;border:0;box-shadow:0 2px 8px #2563eb40}.action-button-primary:hover{background:linear-gradient(135deg, var(--accent-bright), var(--accent-light));color:#fff;box-shadow:0 4px 12px #2563eb4d}.select-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;min-width:100px;padding-right:28px}.status-pill{border-radius:var(--radius-pill);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:4px;height:24px;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex}.status-pill:before{content:"";border-radius:50%;width:5px;height:5px}.status-pill.ok{background:var(--success-dim);color:var(--success)}.status-pill.ok:before{background:var(--success)}.status-pill.error{background:var(--danger-dim);color:var(--danger)}.status-pill.error:before{background:var(--danger)}.status-pill.warning{background:var(--warning-dim);color:var(--warning)}.status-pill.warning:before{background:var(--warning)}.segmented-control{border-radius:var(--radius-pill);background:#fff9;border:1px solid #fffc;grid-template-columns:1fr 1fr;height:30px;display:inline-grid;overflow:hidden}.segmented-control button{min-width:68px;color:var(--text-muted);cursor:pointer;transition:background var(--duration) var(--ease-out), color var(--duration) var(--ease-out);background:0 0;border:0;font-size:11px;font-weight:600}.segmented-control button.active{color:var(--accent);background:linear-gradient(135deg,#2563eb26,#60a5fa14);font-weight:600}.monaco-frame,.code-editor-fallback{width:100%;height:100%}.code-editor-fallback{resize:none;min-height:260px;color:var(--text);font-family:var(--font-mono);background:#ffffff40;border:0;outline:0;padding:14px 16px;font-size:13px;line-height:1.65;display:block}.code-editor-fallback::placeholder{color:var(--text-faint)}.error-message,.note-message{margin:0;font-size:12px}.error-message{color:var(--danger)}.note-message{color:var(--text-muted)}.json-tree-view{width:100%;height:100%;color:var(--text);font-family:var(--font-mono);background:#ffffff40;padding:14px 16px;font-size:13px;line-height:1.65;overflow:auto}.json-tree-node{min-width:max-content}.json-tree-line{white-space:pre;align-items:center;min-height:22px;display:flex}.json-tree-children{border-left:1px solid #2563eb1f;margin-left:18px;padding-left:4px}.json-tree-toggle{width:18px;height:18px;color:var(--text-muted);cursor:pointer;transition:background var(--duration) var(--ease-out), color var(--duration) var(--ease-out);background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;margin-right:2px;padding:0;display:inline-flex}.json-tree-toggle:hover{background:var(--accent-dim);color:var(--accent)}.json-tree-spacer{width:20px;min-width:20px}.json-key{color:var(--syn-key)}.json-string{color:var(--syn-string)}.json-number,.json-literal{color:var(--syn-number)}.json-punctuation{color:var(--syn-punct)}.json-tree-summary{color:var(--text-muted);font-style:italic}@media (width<=900px){.nav-panel{z-index:20;width:min(300px,88vw);transition:transform .22s var(--ease-out);position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:16px 0 48px #2563eb1f}.nav-panel.nav-panel-open{transform:translate(0)}.stage{padding:12px}.stage-menu-btn{display:inline-flex}.two-pane-tool{overflow-y:auto}.tool-panel{min-height:380px}.two-pane-tool.is-stacked>.resizable-split-pane:last-child{margin-top:12px}}@media (width<=540px){.nav-item-desc{display:none}.stage-heading-copy h1{font-size:15px}.tool-panel-toolbar{flex-direction:column;align-items:flex-start}.action-button span{display:none}}