cardbuddy 0.8.0 → 0.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/cli.js +5 -0
  2. package/dist/preview-editor/assets/index-B9MOriNv.js +80 -0
  3. package/dist/preview-editor/assets/index-CwD14gm3.css +1 -0
  4. package/dist/preview-editor/index.html +2 -2
  5. package/dist/server-core/index.js +19 -0
  6. package/dist/server-core/logStream.js +275 -0
  7. package/dist/standalone.js +15 -3
  8. package/dist/vendored/App.vue +63 -38
  9. package/dist/vendored/ansi.js +185 -0
  10. package/dist/vendored/api.js +76 -10
  11. package/dist/vendored/components/CardGallery.vue +2 -2
  12. package/dist/vendored/components/ComponentPalette.vue +1 -1
  13. package/dist/vendored/components/ConfirmDialog.vue +2 -2
  14. package/dist/vendored/components/DebugPanel.vue +276 -31
  15. package/dist/vendored/components/EventEditor.vue +2 -0
  16. package/dist/vendored/components/NodeInspector.vue +1 -1
  17. package/dist/vendored/components/RemotePreview.vue +3 -1
  18. package/dist/vendored/components/StructureTree.vue +2 -0
  19. package/dist/vendored/styles/app.css +245 -49
  20. package/dist/vendored/styles/card-gallery.css +1 -9
  21. package/dist/vendored/styles/card-select.css +0 -15
  22. package/dist/vendored/styles/dropdown.css +0 -15
  23. package/dist/vendored/styles/json-tree.css +1 -1
  24. package/dist/vendored/styles/node-inspector.css +28 -12
  25. package/dist/vendored/styles/structure-tree.css +2 -0
  26. package/package.json +1 -1
  27. package/dist/preview-editor/assets/index-BQKzMPBq.js +0 -79
  28. package/dist/preview-editor/assets/index-D3zp47Dg.css +0 -1
package/dist/preview-editor/assets/index-CwD14gm3.css ADDED
@@ -0,0 +1 @@
1
+ .ce_map_view[data-v-b297e8af]{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%;min-height:160px;position:relative}.ce_map_grid[data-v-b297e8af]{width:100%;height:100%;position:absolute;inset:0}.ce_map_center[data-v-b297e8af]{pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.ce_map_pin[data-v-b297e8af]{filter:drop-shadow(0 2px 3px #00000040)}.ce_map_markname[data-v-b297e8af]{color:#333;white-space:nowrap;text-overflow:ellipsis;background:#ffffffe6;border-radius:4px;max-width:160px;margin-top:2px;padding:2px 6px;font-size:12px;line-height:1.3;overflow:hidden}.ce_multicolumn[data-v-cc3a8cee]{box-sizing:border-box;min-height:24px}.cp__mask[data-v-8ec066bf]{background:var(--scrim-modal);-webkit-backdrop-filter:blur(var(--scrim-modal-blur));backdrop-filter:blur(var(--scrim-modal-blur));z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cp[data-v-8ec066bf]{background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:560px;max-width:calc(100vw - 32px);max-height:calc(100vh - 64px);box-shadow:var(--shadow-4);color:var(--text);flex-direction:column;display:flex;overflow:hidden}.cp__head[data-v-8ec066bf]{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;display:flex}.cp__title[data-v-8ec066bf]{font-size:13px;font-weight:600}.cp__hint[data-v-8ec066bf]{color:var(--text-faint);font-size:11px}.cp__close[data-v-8ec066bf]{width:22px;height:22px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;padding:0;font-size:15px;line-height:1;transition:background .15s,color .15s;display:inline-flex}.cp__close[data-v-8ec066bf]:hover{background:var(--bg-hover);color:var(--text)}.cp__body[data-v-8ec066bf]{padding:10px 16px 16px;overflow-y:auto}.cp__group[data-v-8ec066bf]{margin-top:10px}.cp__group-title[data-v-8ec066bf]{color:var(--text-faint);letter-spacing:.04em;margin:0 0 6px;font-size:11px;font-weight:600}.cp__grid[data-v-8ec066bf]{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cp__item[data-v-8ec066bf]{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;transition:border-color .15s,background .15s;display:flex}.cp__item[data-v-8ec066bf]:hover{border-color:var(--accent-border);background:var(--accent-soft)}.cp__avatar[data-v-8ec066bf]{width:28px;height:28px;color:var(--text-dim);background:var(--bg-hover);border-radius:6px;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:flex}.cp__avatar[data-g=layout][data-v-8ec066bf]{color:var(--accent);background:var(--accent-soft)}.cp__avatar[data-g=basic][data-v-8ec066bf]{color:var(--ok);background:var(--ok-soft)}.cp__avatar svg[data-v-8ec066bf]{width:18px;height:18px;display:block}.cp__avatar-text[data-v-8ec066bf]{justify-content:center;align-items:center;width:18px;height:18px;font-size:13px;font-weight:600;display:flex}.cp__item-name[data-v-8ec066bf]{text-align:center;font-size:12px;line-height:1.2}.cp__item-class[data-v-8ec066bf]{color:var(--text-faint);font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:10px}.cp__search[data-v-8ec066bf]{box-sizing:border-box;width:100%;height:28px;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:6px;outline:none;margin-bottom:10px;padding:0 8px;font-size:12px}.cp__search[data-v-8ec066bf]:focus{border-color:var(--accent)}.cp__empty[data-v-8ec066bf]{color:var(--text-faint);text-align:center;margin:8px 0;font-size:12px}.ce_divider{background-color:#00000026;width:100%;height:1px}.ce_image{aspect-ratio:16/9;display:flex}.ce_image_fill{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%}.ce_input{border:0;width:100%}.ce_input:focus{outline:none}.ce_text{text-overflow:ellipsis;box-orient:vertical;word-wrap:break-word;word-break:break-all;white-space:pre-line;text-align:left;-webkit-box-orient:vertical;width:fit-content;display:-webkit-box;display:-ms-flexbox;overflow:hidden}.ce_multitext{width:fit-content;display:flex}.ce_svgsymbols,.ce_svgcode{fill:#000;width:100%;height:100%}.ce_svgcode svg{width:100%;height:100%;fill:inherit}.ce_icon{font-size:0}.ce_button{-webkit-user-select:none;user-select:none;background-color:#0000;border:0}.ce_button.ce_button_disabled{color:#9a9a9a!important;background-color:#e6e6e6!important;border:none!important}.ce_map{position:relative}.ce_map .ce_map_view{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;width:100%;height:100%}.ce_map .ce_map_view svg{width:100%;height:100%}.ce_map .ce_map_placeholder{z-index:1000;width:100%;height:100%;position:absolute;inset:0}.ce_svgcheckstyle{width:100%;height:100%}.ce_check_group .ce_check_list{flex-wrap:wrap;display:flex;overflow:hidden}.ce_check_group .ce_check_item{cursor:pointer;align-items:center;display:flex}.ce_check_group .ce_check_icon{flex:none;font-size:0}.ce_check_group .ce_check_text{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.ce_svgradiostyle{width:100%;height:100%}.ce_radio_button .ce_radio_item{cursor:pointer;align-items:center;display:flex}.ce_radio_button .ce_radio_icon{font-size:0}.ce_slider{align-items:center;display:flex}.ce_slider .ce_slider_rect{width:100%;position:relative}.ce_slider .ce_slider_bar{width:0;height:100%;position:absolute;top:0;left:0}.ce_slider .ce_slider_con{position:absolute;top:50%;left:0;transform:translateY(-50%)translate(-50%)}.ce_slider .ce_slider_block{background-repeat:no-repeat;background-size:100% 100%}.ce_slider .ce_hover,.ce_slider .ce_dragging{transform:scale(1.2)}.ce_video{position:relative}.ce_video .ce_video_elem{width:100%;height:100%}.ce_video .ce_video_poster{cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.ce_viewcontainer{width:100%}.ce_root{color:#000;flex-direction:column;line-height:1.5;display:flex;position:relative;overflow:hidden}.ce_row{display:flex}.ce_column{flex-direction:column;max-width:100%;display:flex}.ce_singlecolumn{flex-direction:column;width:100%;display:flex}.ce_multicolumn{justify-content:space-between;width:100%;display:flex}.ce_listlayout{width:100%}.ce_listlayout .ce_listlayout_con{box-sizing:border-box;flex-direction:column;width:100%;display:flex}.ce_listlayout .ce_listlayout_item{width:100%;display:flex}.ce_listlayout .ce_listlayout_horizontal{flex-flow:row;width:100%;height:100%;display:flex;overflow:auto hidden}.ce_listlayout .ce_listlayout_horizontal::-webkit-scrollbar{display:none}.ce_listlayout .ce_listlayout_horizontal .ce_listlayout_item{width:auto;height:100%;display:flex}.ce_gridlayout{flex-wrap:wrap;width:100%;display:flex}.ce_gridlayout .ce_gridlayout_item{width:100%;display:flex}.ce_absolutelayout{flex-direction:column;display:flex;position:relative}.ce_absolutelayout>*{z-index:1;position:absolute}.ce_absolutelayout_bottomright>*{z-index:1;position:static}:root{--bg-app:#0e0f13;--bg-bar:#15171c;--bg-panel:#181b21;--bg-stage:#0b0c0f;--bg-input:#1b1e25;--bg-hover:#232733;--bg-active:#2b2f3d;--bg-pop:#1c1f26f5;--bg-soft:#0f1219;--border:#2a2e38;--border-strong:#353b48;--text:#e8eaf0;--text-dim:#949aab;--text-faint:#626a7d;--accent:#6b83f7;--accent-2:#5a6ff0;--accent-soft:#6b83f724;--accent-border:#6b83f773;--accent-hover:#8195f9;--danger:#f87171;--danger-soft:#f8717124;--danger-hover:#ef4444;--warn:#fbbf24;--warn-soft:#fbbf2424;--warn-border:#fbbf2466;--warn-hover:#f59e0b;--on-warn:#0f1115;--ok:#34d399;--ok-soft:#34d39929;--ok-border:#34d39973;--ok-strong:#34d399;--ok-solid:#17734a;--on-ok:#fff;--info:#6b83f7;--info-soft:#6b83f724;--info-border:#6b83f773;--on-accent:#0f1115;--radius:8px;--radius-sm:6px;--shadow-pop:#0000008c;--shadow-card:#00000080;--shadow-drawer:#00000073;--shadow-toast:#00000047;--scrim:#0000008c;--scrim-soft:#00000073;--scrim-faint:#0006;--scrim-modal:#080a108c;--scrim-modal-blur:2px;--bar-grad:linear-gradient(180deg, #171a20, #131519);--splitter:#5b6cff;--splitter-grip:#ffffff47;--overlay-tint:#ffffff08;--overlay-tint-strong:#ffffff47;--err-item-fg:#ffb3a3;--api-item-fg:#bcd3ff;--api-item-border:#7c8cff33;--api-item-bg:#384c890f;--copy-ok:#8fe39a;--tag-ok-fg:#1a7f37;--tag-ok-bg:#1a7f3724;--tag-warn-fg:#b58105;--tag-warn-bg:#b5810529;--log-warn-fg:#e0b341;--log-warn-bg:#e0b34124;--log-warn-border:#e0b34159;--scroll-thumb:#949aab47;--scroll-thumb-hover:#949aab73;--scroll-thumb-idle:#949aab24;--jt-key:#9db4ff;--jt-string:#8fe39a;--jt-number:#f0b86e;--jt-boolean:#f08e8e;--jt-null:#626a7d;--jt-faint:#8b93a7;--jt-ring:#9db4ff40;--jt-del-fg:#f08e8e;--jt-del-bg:#f0646426;--jt-add-bg:#9db4ff1a;--st-label:#ccc;--st-id:#8b93a7;--st-badge-bg:#6b83f7;--st-badge-fg:#fff;--st-hl-bg:#6b83f747;--code-comment:#6b7280;--code-punc:#9ca3af;--code-prop:#f0883e;--code-str:#7ee787;--code-num:#79c0ff;--code-kw:#ff7b72;--code-fn:#d2a8ff;--code-var:#ffa657;--code-binding:#56d4dd;--code-warn:#f59e0b;--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--space-9:48px;--fs-xs:11px;--lh-xs:16px;--fs-sm:12px;--lh-sm:18px;--fs-base:13px;--lh-base:20px;--fs-md:14px;--lh-md:22px;--fs-lg:15px;--lh-lg:22px;--fs-xl:16px;--lh-xl:24px;--fs-2xl:20px;--lh-2xl:28px;--radius-xs:4px;--radius-md:8px;--radius-lg:10px;--radius-xl:12px;--radius-2xl:16px;--radius-pill:999px;--ctrl-xs:24px;--ctrl-sm:28px;--ctrl-md:32px;--ctrl-lg:36px;--ctrl-xl:40px;--row-h:28px;--icon-xs:12px;--icon-sm:14px;--icon-md:16px;--icon-lg:20px;--icon-xl:24px;--stroke:1.75;--shadow-1:0 1px 2px var(--shadow-card);--shadow-2:0 4px 12px var(--shadow-card);--shadow-3:0 8px 24px var(--shadow-card);--shadow-4:0 20px 64px var(--shadow-pop);--shadow-5:-20px 0 32px var(--shadow-drawer);--z-base:1;--z-sticky:20;--z-overlay-low:50;--z-overlay:60;--z-pop:70;--z-panel:100;--z-modal:1000;--z-deviceui:1100;--z-appmodal:2000;--z-toast-app:2100}:root[data-theme=light]{--bg-app:#f4f5f7;--bg-bar:#fff;--bg-panel:#fff;--bg-stage:#e9ecf1;--bg-input:#eef1f5;--bg-hover:#e3e7ee;--bg-active:#d6dbe4;--bg-pop:#fffffff7;--bg-soft:#e7ebf2;--border:#d8dce3;--border-strong:#c2c8d2;--text:#1f2329;--text-dim:#5b6472;--text-faint:#8a93a3;--accent:#4f6bf2;--accent-2:#3d57d9;--accent-soft:#4f6bf21f;--accent-border:#4f6bf266;--accent-hover:#3d57d9;--danger:#ef4444;--danger-soft:#ef44441f;--danger-hover:#dc2626;--warn:#f59e0b;--warn-soft:#f59e0b24;--warn-border:#f59e0b66;--warn-hover:#d97706;--on-warn:#0f1115;--ok:#10b981;--ok-soft:#10b98124;--ok-border:#10b98166;--ok-strong:#166534;--ok-solid:#166534;--on-ok:#fff;--info:#4f6bf2;--info-soft:#4f6bf21f;--info-border:#4f6bf266;--on-accent:#fff;--radius:8px;--radius-sm:6px;--shadow-pop:#0f172a29;--shadow-card:#0f172a29;--shadow-drawer:#0f172a24;--shadow-toast:#0f172a1f;--scrim:#0f172a59;--scrim-soft:#0f172a47;--scrim-faint:#0f172a38;--bar-grad:linear-gradient(180deg, #fff, #f3f5f8);--splitter:#5b6cff;--splitter-grip:#00000029;--overlay-tint:#00000008;--overlay-tint-strong:#0000001a;--err-item-fg:#c0392b;--api-item-fg:#2f4fb0;--api-item-border:#5b6cff40;--api-item-bg:#5b6cff0f;--copy-ok:#1a7f37;--tag-ok-fg:#1a7f37;--tag-ok-bg:#1a7f371a;--tag-warn-fg:#b58105;--tag-warn-bg:#b581051a;--log-warn-fg:#9a6a00;--log-warn-bg:#b581051a;--log-warn-border:#b581054d;--scroll-thumb:#0003;--scroll-thumb-hover:#00000052;--scroll-thumb-idle:#0000001a;--jt-key:#953800;--jt-string:#0a3069;--jt-number:#116329;--jt-boolean:#cf222e;--jt-null:#57606a;--jt-faint:#6b7280;--jt-ring:#5b6cff4d;--jt-del-fg:#cf222e;--jt-del-bg:#cf222e1f;--jt-add-bg:#5b6cff1f;--st-label:#24292f;--st-id:#64748b;--st-badge-bg:#4f6bf2;--st-badge-fg:#fff;--st-hl-bg:#4f6bf229;--code-comment:#6e7781;--code-punc:#6e7781;--code-prop:#953800;--code-str:#0a3069;--code-num:#0550ae;--code-kw:#cf222e;--code-fn:#8250df;--code-var:#953800;--code-binding:#0d9488;--code-warn:#b58105}*{box-sizing:border-box;outline:none}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0}html,body{background:var(--bg-app);height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}#app{height:100vh}@supports ((-moz-appearance:none)){*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb-idle);border-radius:8px;transition:background-color .2s}:has(:hover)::-webkit-scrollbar-thumb{background:var(--scroll-thumb)}.st-expr:hover .st-expr__editor::-webkit-scrollbar-thumb{background:var(--scroll-thumb)}.st-code:hover .st-code__editor::-webkit-scrollbar-thumb{background:var(--scroll-thumb)}.debug__scope-raw:hover .debug__raw-editor::-webkit-scrollbar-thumb{background:var(--scroll-thumb)}.dlg:hover .dlg__msg::-webkit-scrollbar-thumb{background:var(--scroll-thumb)}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}::-webkit-scrollbar-thumb:active{background:var(--scroll-thumb-hover)}::-webkit-scrollbar-track{background:0 0}.app{background:var(--bg-app);flex-direction:column;height:100vh;display:flex}.app__bar{background:var(--bar-grad);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;height:48px;padding:0 16px;display:flex}.app__logo{color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.app__logo-icon{width:var(--icon-xl);height:var(--icon-xl);display:block}.app__logo-version{font-size:var(--fs-xs);letter-spacing:.02em;color:var(--text-faint);font-weight:500;line-height:1}.app__btn{height:var(--ctrl-md);background:var(--bg-input);color:var(--text);border:1px solid var(--border-strong);cursor:pointer;white-space:nowrap;border-radius:8px;flex:none;align-items:center;gap:6px;padding:0 12px;font-size:13px;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.app__btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-border);color:var(--accent)}.app__btn:active:not(:disabled){transform:translateY(1px)}.app__btn:disabled{opacity:.5;cursor:default}.app__btn--icon{height:var(--ctrl-md);padding:0 8px}.app__btn--active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.app__bar .app__btn--icon{height:var(--ctrl-sm)}.app__btn--remote{height:var(--ctrl-sm);background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border);padding:0 10px;font-size:12px}.app__btn--remote:hover:not(:disabled){background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.app__btn--remote.app__btn--warn{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-border)}.app__btn--remote.app__btn--warn:hover:not(:disabled){background:var(--warn);color:var(--on-accent);border-color:var(--warn)}.app__remote-menu{display:inline-flex;position:relative}.app__remote-menu .app__btn--remote{gap:6px}.app__icon--chev{transition:transform .15s}.app__remote-item--save:hover{background:var(--accent-soft);color:var(--accent)}.app__remote-item--upload:hover{background:var(--warn-soft);color:var(--warn)}.app__remote-item--sync:hover{background:var(--ok-soft);color:var(--ok)}.app__op-group{display:inline-flex}.app__op-group>.app__btn{background:var(--bg-input);color:var(--text);border:1px solid var(--border);height:var(--ctrl-sm);border-radius:0;margin-left:-1px;padding:0 10px;font-size:12px}.app__op-group>.app__btn:first-child{border-top-left-radius:var(--radius-sm,6px);border-bottom-left-radius:var(--radius-sm,6px);margin-left:0}.app__op-group>.app__btn:last-child{border-top-right-radius:var(--radius-sm,6px);border-bottom-right-radius:var(--radius-sm,6px)}.app__op-group>.app__btn:hover:not(:disabled){z-index:var(--z-base);border-color:var(--border-strong);background:var(--bg-hover);position:relative}.app__op-group>.app__btn:disabled{opacity:.5;cursor:default}.app__btn--history-save.is-dirty:disabled{background:var(--bg-input);color:var(--text);border-color:var(--border-strong);box-shadow:none;opacity:.5;cursor:default}.app__btn--history-save.is-dirty:not(:disabled){background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.app__btn--history-save.is-dirty:not(:disabled):hover{background:var(--accent-2);border-color:var(--accent-2)}.app__btn--publish{height:var(--ctrl-md);color:var(--info);border-color:var(--info-border);background:var(--info-soft);align-items:center;gap:5px;padding:0 12px;display:inline-flex}.app__btn--publish:hover:not(:disabled){background:var(--info);color:var(--on-accent);border-color:var(--info)}.app__btn--publish:disabled{opacity:.5;cursor:default}.app__btn--publish.app__btn--warn{color:var(--warn);border-color:var(--warn-border);background:var(--warn-soft)}.app__btn--publish.app__btn--warn:hover:not(:disabled){background:var(--warn);color:var(--on-accent);border-color:var(--warn)}.app__bar-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.app__dev-svc{display:inline-flex;position:relative}.app__btn--warn{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-border)}.app__btn--connected{background:var(--ok-soft);color:var(--ok);border-color:var(--ok-border)}.app__btn--connected:hover:not(:disabled){background:var(--ok-soft);color:var(--ok-strong);border-color:var(--ok)}.app__btn--reconnecting{background:var(--warn-soft);color:var(--warn);border-color:var(--warn-border)}.app__btn--disconnected{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.app__btn--sm{padding:4px 10px;font-size:12px}.app__dev-svc-panel{z-index:var(--z-overlay-low);background:var(--bg-soft,#20242b);border:1px solid var(--border,#2b3038);border-radius:var(--radius-xl);width:320px;color:var(--text,#e6e9ef);text-align:left;padding:16px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 30px #00000059}.app__dev-svc-title{margin-bottom:10px;font-size:13px;font-weight:600}.app__dev-svc-row{color:var(--text-dim,#9aa3b2);justify-content:space-between;align-items:center;gap:4px;margin-bottom:10px;font-size:12px;display:flex}.app__dev-svc-row--col{flex-direction:column;align-items:stretch}.app__dev-svc-row--col>span{margin-bottom:4px}.app__dev-svc-row input[type=text],.app__dev-svc-row input[type=password],.app__dev-svc-row textarea{width:100%;min-width:0;height:var(--ctrl-md);background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;padding:0 12px;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.app__dev-svc-row textarea{resize:none;height:auto;min-height:84px;padding:6px 8px;line-height:1.5}.app__dev-svc-row input[type=text]:focus,.app__dev-svc-row input[type=password]:focus,.app__dev-svc-row textarea:focus{border-color:var(--accent-border);box-shadow:0 0 0 2px var(--accent-soft)}.app__dev-svc-row input::placeholder,.app__dev-svc-row textarea::placeholder{color:var(--text-faint)}.app__dev-svc-row .switch{flex:none}.app__dev-svc-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.app__dev-svc-hint{color:var(--warn,#e0a23a);margin:8px 0 0;font-size:11px;line-height:1.5}.app__nosvc-banner{color:var(--warn,#e0a23a);background:var(--warn-soft,#e0a23a1f);padding:8px 14px;font-size:13px}.app__nosvc-banner--disconnected{color:var(--danger,#ef4444);background:var(--danger-soft,#ef44441f)}.app__extreload-banner{color:var(--info,#0079f2);background:var(--info-soft,#0079f21f)}.theme-toggle{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;align-items:center;gap:7px;padding:0;font-size:12px;transition:color .15s;display:inline-flex}.theme-toggle:hover{color:var(--text)}.theme-toggle__track{background:var(--bg-input);border:1px solid var(--border-strong);border-radius:999px;width:36px;height:20px;transition:background .18s,border-color .18s;position:relative}.theme-toggle__thumb{background:var(--text-faint);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;transition:transform .18s,background .18s;display:flex;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.theme-toggle__icon{width:11px;height:11px;color:var(--bg-app)}:root[data-theme=light] .theme-toggle__track{background:var(--accent-soft);border-color:var(--accent-border)}:root[data-theme=light] .theme-toggle__thumb{background:var(--accent);transform:translateY(-50%)translate(16px)}:root[data-theme=light] .theme-toggle__icon{color:var(--on-accent)}.switch{cursor:pointer;vertical-align:middle;background:0 0;border:none;margin:0;padding:0;line-height:0;display:inline-flex}.switch--disabled{cursor:not-allowed;opacity:.5}.switch__track{background:var(--bg-input);border:1px solid var(--border-strong);box-sizing:border-box;border-radius:999px;width:36px;height:20px;transition:background .18s,border-color .18s;display:inline-block;position:relative}.switch__thumb{background:var(--text-faint);border-radius:50%;width:16px;height:16px;transition:transform .18s,background .18s;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.switch--on .switch__track{background:var(--accent);border-color:var(--accent)}.switch--on .switch__thumb{background:var(--on-accent);transform:translateY(-50%)translate(16px)}.app__badge{border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-dim);-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;padding:2px 9px;font-size:11px;font-weight:600;display:inline-flex}.app__badge-dot{background:var(--text-faint);border-radius:50%;flex:none;width:7px;height:7px}.app__badge--ok{color:var(--ok);border-color:var(--ok-border);background:var(--ok-soft)}.app__badge--ok .app__badge-dot{background:var(--ok)}.app__badge--error{color:var(--danger);border-color:var(--danger-soft);background:var(--danger-soft)}.app__badge--error .app__badge-dot{background:var(--danger)}.app__badge--pending{color:var(--warn);border-color:var(--warn-border);background:var(--warn-soft)}.app__badge--pending .app__badge-dot{background:var(--warn);animation:1s ease-in-out infinite app-badge-pulse}.app__badge--nopython,.app__badge--fail{color:var(--text-faint);border-color:var(--border);background:var(--bg-input)}.app__badge--nopython .app__badge-dot,.app__badge--fail .app__badge-dot{background:var(--text-faint)}@keyframes app-badge-pulse{0%,to{opacity:1}50%{opacity:.3}}.app__icon{width:15px;height:15px;display:block}.app__icon--spin{animation:.8s linear infinite app__spin}@keyframes app__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app__stage{flex:auto;min-height:0;display:flex;position:relative}.workside{flex-direction:column;flex:auto;min-width:0;min-height:0;display:flex}.workside__bar{flex:none;order:2}.workside__panels{flex-direction:column;flex:none;order:1;display:flex}.workside__cols{flex:auto;min-width:0;min-height:0;display:flex;position:relative}.phone{background:radial-gradient(circle at 30% 20%, #7c8cff0d, transparent 60%), var(--bg-stage);flex-direction:column;flex:none;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.phone__frame{flex:auto;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.phone__scaler{flex-direction:column;width:100%;height:100%;display:flex;position:relative}.splitter{top:0;bottom:0;left:calc(var(--preview-width) - 3px);cursor:col-resize;width:6px;z-index:var(--z-sticky);transition:background .15s;position:absolute}.splitter--api{left:auto;right:calc(var(--api-panel-width,360px) - 3px)}.splitter:after{content:"";background:var(--splitter);opacity:0;width:3px;transition:opacity .15s;position:absolute;top:0;bottom:0;left:1.5px}.splitter:hover:after,.splitter.is-dragging:after{opacity:1}.phone--dragging,.phone--dragging *{-webkit-user-select:none!important;user-select:none!important;cursor:col-resize!important}.canvas-bar{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:4px;width:100%;height:32px;padding:0 8px;display:flex}.canvas-bar__spacer{flex:auto}.canvas-bar__chip{height:24px;color:var(--text-dim);white-space:nowrap;cursor:pointer;border-radius:5px;align-items:center;gap:6px;padding:0 8px;font-size:11.5px;transition:background .15s,color .15s;display:inline-flex}.canvas-bar__chip:hover,.dd--open>.dd__trigger--slot .canvas-bar__chip{background:var(--bg-hover);color:var(--text)}.canvas-bar__chev{width:10px;height:10px;color:var(--text-faint)}.canvas-bar__icn{width:13px;height:13px;color:var(--text-faint);flex:none}.canvas-bar__swatch{border:1px solid var(--border-strong);border-radius:3px;flex:none;width:10px;height:10px}.canvas-bar__swatch--white{background:#fff}.canvas-bar__swatch--gray{background:#f0f0f0}.canvas-bar__swatch--checker{background-color:#fff;background-image:linear-gradient(45deg,#cfcfcf 25%,#0000 25% 75%,#cfcfcf 75%),linear-gradient(45deg,#cfcfcf 25%,#0000 25% 75%,#cfcfcf 75%);background-position:0 0,3px 3px;background-size:6px 6px}.canvas-bar__size{font-variant-numeric:tabular-nums;color:var(--text-faint);white-space:nowrap;padding:0 4px;font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:11px}.canvas-bar__iconbtn{width:24px;height:24px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:5px;flex:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.canvas-bar__iconbtn:hover:not(:disabled){background:var(--bg-hover);color:var(--accent)}.canvas-bar__iconbtn:disabled{opacity:.4;cursor:default}.canvas-bar__iconbtn.is-loading svg{animation:.8s linear infinite canvas-bar-spin}@keyframes canvas-bar-spin{to{transform:rotate(360deg)}}.canvas-bar--tight .canvas-bar__size,.canvas-bar--tight .canvas-bar__txt{display:none}.statusbar__conn-icon{flex:none;width:14px;height:14px}.statusbar .app__btn--connected,.statusbar .app__btn--reconnecting,.statusbar .app__btn--disconnected,.statusbar .app__btn--warn{background:0 0;border:none;padding:0 10px}.statusbar .app__btn--connected{color:var(--ok)}.statusbar .app__btn--reconnecting{color:var(--warn)}.statusbar .app__btn--disconnected{color:var(--danger)}.statusbar .app__btn--warn{color:var(--warn)}button.statusbar__conn{cursor:pointer;font:inherit}.statusbar__conn:hover{background:var(--bg-hover)}.vc-sketch-presets{border-top-color:var(--border)!important}.phone-viewport{width:100%;min-height:0;box-shadow:0 12px 48px var(--shadow-pop);cursor:default;flex:auto;position:relative}.phone__screen{scrollbar-width:none;-ms-overflow-style:none;width:100%;height:100%;padding:16px;position:relative;overflow:hidden auto}.phone__screen--bg-checker{background-color:#fff;background-image:linear-gradient(45deg,#cfcfcf 25%,#0000 25% 75%,#cfcfcf 75%),linear-gradient(45deg,#cfcfcf 25%,#0000 25% 75%,#cfcfcf 75%);background-position:0 0,8px 8px;background-size:16px 16px}.phone__screen--bg-white{background:#fff}.phone__screen--bg-gray{background:#f0f0f0}.phone__screen::-webkit-scrollbar{display:none}.ce-sel-overlay{pointer-events:none;box-sizing:border-box;z-index:var(--z-overlay-low);background:#4285f42e;position:absolute}.ce-guides{pointer-events:none;z-index:var(--z-overlay-low);position:absolute;top:0;left:0}.ce-guide{background:#68ffff;position:absolute}.ce-guide--v{width:1px;height:100%;top:0;transform:translate(-.5px)}.ce-guide--h{width:100%;height:1px;left:0;transform:translateY(-.5px)}.debug{background:var(--bg-panel);border-left:1px solid var(--border);flex-direction:column;flex:auto;min-width:33.333vw;display:flex}.apipanel{width:var(--api-panel-width,360px);background:var(--bg-panel);border-left:1px solid var(--border);flex-direction:column;flex:none;min-width:320px;min-height:0;display:flex}.apipanel__head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;height:40px;padding:0 12px;display:flex}.apipanel__title{color:var(--text);white-space:nowrap;font-size:13px;font-weight:600}.apipanel__spacer{flex:auto}.apipanel__btn{width:28px;height:28px;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s,transform 50ms;display:inline-flex}.apipanel__btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border);color:var(--text)}.apipanel__btn:active:not(:disabled){transform:translateY(1px)}.apipanel__btn:disabled{opacity:.5;cursor:default}.apipanel__body{flex:auto;padding:8px 12px;overflow:auto}.empty-state{color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:56px 16px;display:flex}.empty-state__badge{background:var(--bg-hover);border:1px dashed var(--border-strong);width:48px;height:48px;color:var(--text-faint);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.empty-state__badge svg{width:20px;height:20px}.empty-state__hint{max-width:240px;color:var(--text-faint);text-align:center;margin:0;font-size:11px;line-height:1.6}.debug__tabs{border-bottom:1px solid var(--border);display:flex}.debug__tab{height:39px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex:1;padding:10px 8px;font-size:13px;transition:color .15s;position:relative}.debug__tab:hover{color:var(--text)}.debug__tab--active{color:var(--accent)}.debug__tab--active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:20%;right:20%}.debug__count{background:var(--bg-hover);min-width:16px;color:var(--text-dim);border-radius:999px;margin-left:5px;padding:0 5px;font-size:12px;display:inline-block}.debug__body{flex:auto;position:relative;overflow:auto}.debug__meta{flex-direction:column;min-height:100%;margin:0;padding:8px 12px 0;display:flex}.debug__empty{color:var(--text-faint);text-align:center;font-size:13px}.debug__meta-list{flex-direction:column;gap:8px;margin:0;display:flex}.debug__meta-row{grid-template-columns:72px 1fr;align-items:baseline;gap:8px;font-size:13px;display:grid}.debug__meta-row dt{color:var(--text-faint);margin:0}.debug__meta-row dd{color:var(--text);word-break:break-all;margin:0}.debug__meta-row code{font-family:var(--mono,ui-monospace, monospace);background:var(--bg-hover);border-radius:4px;padding:1px 5px;font-size:12px}.debug__meta-muted{color:var(--text-faint);font-size:12px}.debug__meta-err{color:var(--danger);font-size:12px}.debug__meta-hint{background:var(--bg-panel);border-top:1px solid var(--border);color:var(--text-faint);margin:auto -12px 0;padding:10px 12px;font-size:12px;line-height:1.6;position:sticky;bottom:0}.statepanel{background:var(--bg-panel);border-top:1px solid var(--border-strong);flex-direction:column;flex:none;height:240px;min-height:120px;max-height:60vh;display:flex;position:relative;overflow:hidden}.statepanel__head{height:var(--ctrl-lg);border-bottom:1px solid var(--border);color:var(--text);flex:none;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.panelhead__edge{cursor:row-resize;-webkit-user-select:none;user-select:none;height:6px;z-index:var(--z-sticky);position:absolute;top:0;left:0;right:0}.panelhead__edge:after{content:"";background:var(--splitter);opacity:0;height:3px;transition:opacity .15s;position:absolute;top:0;left:0;right:0}.panelhead__edge:hover:after,.panelhead__edge.is-dragging:after{opacity:1}.statepanel__title{letter-spacing:.2px;font-weight:600}.statepanel__title code{font-family:var(--mono,ui-monospace, SFMono-Regular, Menlo, monospace);color:var(--text-dim);background:var(--bg-hover);border-radius:4px;padding:1px 5px;font-size:12px}.statepanel__close{width:24px;height:24px;color:var(--text-dim);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;justify-content:center;align-items:center;margin-left:auto;padding:0;transition:background .15s,color .15s;display:inline-flex}.statepanel__close:hover{background:var(--bg-hover);color:var(--text)}.statepanel__close svg{display:block}.statepanel__tree{flex:auto;padding:8px 12px 10px;overflow:auto}.statusbar__item--prob.is-open{color:var(--accent)}.debug__tag{border-radius:999px;padding:1px 8px;font-size:12px;line-height:1.6;display:inline-block}.debug__tag--ok{color:var(--ok-strong);background:var(--ok-soft)}.debug__tag--warn{color:var(--tag-warn-fg);background:var(--tag-warn-bg)}.debug__tag--err{color:var(--danger);background:var(--danger-soft)}.debug__list{margin:0;padding:0;list-style:none}.debug__item{word-break:normal;overflow-wrap:anywhere;border-radius:8px;margin-bottom:6px;padding:9px 11px;font-size:12px;line-height:1.6}.debug__item--err{border-left:2px solid var(--danger);border-bottom:1px solid var(--border);color:var(--err-item-fg);word-break:normal;background:0 0;border-radius:0;grid-template-columns:52px 84px minmax(0,1fr);align-items:baseline;gap:8px;margin-bottom:0;padding:3px 12px 3px 10px;font-size:11px;line-height:1.45;display:grid}.debug__item--err:last-child{border-bottom:none}.debug__item--err:hover{background:var(--danger-soft)}.debug__item--err .debug__kind{color:var(--danger);text-overflow:ellipsis;white-space:nowrap;opacity:1;font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:10px;overflow:hidden}.err__msg{word-break:break-word;min-width:0}.debug__item--api{border:1px solid var(--api-item-border);color:var(--api-item-fg);background:var(--api-item-bg);margin-bottom:8px}.debug__item--api:last-child{margin-bottom:0}.debug__item--api .debug__kind{font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.6}.debug__kind{opacity:.85;font-weight:600}.debug__pre{white-space:pre-wrap;color:var(--text-dim);margin:4px 0 0;font-size:11px}.debug__api-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.debug__copy-ic{width:24px;height:22px;color:var(--text-faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.debug__copy-ic:hover{background:var(--bg-hover);border-color:var(--border);color:var(--text)}.debug__copy-ok{color:var(--copy-ok);font-size:14px;line-height:1}.apt{color:var(--text-dim);margin-top:4px;font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.6}.apt__list{margin:0;padding:0;list-style:none}.apt__node{position:relative}.apt__branch,.apt__leaf{cursor:pointer;border-radius:4px;align-items:baseline;gap:4px;padding:1px 4px;display:flex}.apt .jt__colon{margin-left:-4px}.apt .jt__key{flex-shrink:0}.apt .jt__val,.apt .jt__preview{min-width:0}.apt__branch:hover,.apt__leaf:hover{background:var(--bg-hover)}.apt__caret{text-align:center;width:12px;color:var(--text-faint);-webkit-user-select:none;user-select:none;flex:none;font-size:9px;transition:transform .15s;transform:rotate(0)}.apt__caret--open{color:var(--accent);transform:rotate(90deg)}.apt__caret--leaf{visibility:hidden}.apt__children{border-left:1px solid var(--border);margin-left:4px;padding-left:16px}.apt__close{color:var(--text-faint);padding:1px 4px 1px 20px}.debug__scope{white-space:pre-wrap;color:var(--text-dim);margin:0;font-size:11px;line-height:1.5}.debug__scope-wrap{flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.debug__scope-tree{flex:auto;min-height:0;overflow:auto}.debug__scope-foot{background:var(--bg-bar);border:1px solid var(--border);border-radius:10px;justify-content:flex-end;align-items:center;gap:8px;padding:6px;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 6px 18px #00000047}.debug__copied{color:var(--accent);margin:0 4px 0 8px;font-size:12px}.debug__copy{background:var(--bg-input);height:26px;color:var(--text-dim);border:1px solid var(--border-strong);cursor:pointer;border-radius:7px;align-items:center;gap:5px;padding:0 10px;font-size:12px;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.debug__copy:hover{background:var(--bg-hover);border-color:var(--accent-border);color:var(--text)}.debug__copy-icn{flex:none;width:13px;height:13px}.debug__copy--primary:hover{background:var(--ok-soft);border-color:var(--ok-border);color:var(--ok)}.debug__copy--warn:hover{background:var(--warn-soft);border-color:var(--warn-border);color:var(--warn)}.debug__sep{background:var(--border-strong);width:1px;height:16px;margin:0 2px}.debug__scope-wrap--raw{flex-direction:column;min-height:0;display:flex}.debug__scope-raw{flex-direction:column;flex:auto;min-height:0;display:flex}.debug__raw-editor{background:var(--bg-input);width:100%;min-height:160px;color:var(--text);tab-size:2;white-space:pre;outline:none;flex:auto;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;overflow:auto}.debug__raw-editor .token.property,.debug__raw-editor .token.tag,.debug__raw-editor .token.boolean,.debug__raw-editor .token.number,.debug__raw-editor .token.constant,.debug__raw-editor .token.symbol{color:var(--code-prop)}.debug__raw-editor .token.selector,.debug__raw-editor .token.attr-name,.debug__raw-editor .token.string,.debug__raw-editor .token.char,.debug__raw-editor .token.builtin{color:var(--code-str)}.debug__raw-editor .token.operator,.debug__raw-editor .token.entity,.debug__raw-editor .token.url{color:var(--code-num)}.debug__raw-editor .token.punctuation{color:var(--code-punc)}.debug__raw-editor .token.keyword,.debug__raw-editor .token.null{color:var(--code-kw)}.debug__raw-editor .token.function,.debug__raw-editor .token.class-name{color:var(--code-fn)}.debug__raw-err{color:var(--danger);flex:none;margin:6px 0 0;font-size:12px}.statusbar{background:var(--bg-bar);border-top:1px solid var(--border);height:28px;color:var(--text-dim);-webkit-user-select:none;user-select:none;flex:none;order:3;align-items:stretch;padding:0 2px;font-size:12px;display:flex}.statusbar__spacer{flex:auto}.statusbar__item{white-space:nowrap;cursor:default;align-items:center;gap:5px;height:100%;padding:0 10px;display:inline-flex}.statusbar__item--right{color:var(--text-faint)}.statusbar__item--prob{cursor:pointer;color:var(--text-dim);background:0 0;border:none;border-radius:0;font-weight:400}.statusbar__item--prob:hover{color:var(--text)}.statusbar__item--prob.is-error,.statusbar__item--prob.is-error:hover{color:var(--danger)}.statusbar__item--prob.is-log,.statusbar__item--prob.is-log:hover{color:var(--accent)}.statusbar__item--prob.is-ok{color:var(--text-faint);cursor:default}.statusbar__item--prob.is-ok:hover{color:var(--text-faint)}.statusbar__icon{font-size:14px;line-height:1}.statusbar__icon.is-dirty{color:var(--warn)}.errpanel{background:var(--bg-panel);border-top:1px solid var(--border-strong);flex-direction:column;flex:none;height:240px;min-height:120px;max-height:60vh;display:flex;position:relative;overflow:hidden}.errpanel__head{height:var(--ctrl-lg);border-bottom:1px solid var(--border);color:var(--text);flex:none;align-items:center;gap:8px;padding:0 12px;font-size:13px;display:flex}.errpanel__title{letter-spacing:.2px;font-weight:600}.errpanel__actions{align-items:center;gap:6px;margin-left:auto;display:flex}.errpanel__iconbtn{width:24px;height:24px;color:var(--text-dim);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.errpanel__iconbtn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.errpanel__iconbtn svg{display:block}.errpanel__iconbtn:disabled{opacity:.35;cursor:not-allowed}.errpanel__clear:hover:not(:disabled){color:var(--danger)}.errpanel__tabs{flex:none;align-self:stretch;align-items:stretch;gap:2px;margin-left:4px;display:flex}.errpanel__tab{height:100%;color:var(--text-dim);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0 10px;font-size:12px;transition:color .15s;display:inline-flex;position:relative}.errpanel__tab:hover{color:var(--text)}.errpanel__tab--active{color:var(--accent)}.errpanel__tab--active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:20%;right:20%}.errpanel__tab-count{background:var(--bg-hover);min-width:16px;color:var(--text-faint);text-align:center;border-radius:999px;padding:0 5px;font-size:11px;line-height:15px}.errpanel__tab--active .errpanel__tab-count{background:var(--accent-soft);color:var(--accent)}.errpanel__tab-count.is-hit,.errpanel__tab--active .errpanel__tab-count.is-hit{background:var(--danger-soft);color:var(--danger)}.errpanel__body{flex:auto;padding:4px 0 6px;overflow:auto}.errpanel__body .empty-state{gap:8px;padding:20px 16px}.errpanel__body .empty-state__badge{width:40px;height:40px}.errpanel__body .empty-state__badge svg{width:18px;height:18px}.errpanel__body .empty-state__hint{max-width:460px}.errpanel__body--term{color:#e8eaf0;background:#14161c;padding:0}.svclog{padding:6px 0 10px;font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:11.5px;line-height:1.55}.svclog__line{white-space:pre-wrap;word-break:break-word;border-left:2px solid #0000;min-height:1.55em;padding:0 12px;display:flex}.svclog__line:hover{background:#ffffff0b}.svclog__line--ok{border-left-color:#34d3998c}.svclog__line--warn{border-left-color:var(--warn);background:#fbbf2412}.svclog__line--error{border-left-color:var(--danger);background:#f8717114}.svclog__text{min-width:0}.svclog__meta{color:var(--text-faint);white-space:nowrap;align-items:center;gap:5px;margin-left:8px;font-size:11px;display:inline-flex}.svclog__dot{background:var(--text-faint);border-radius:50%;width:6px;height:6px;margin-left:4px}.svclog__dot.is-live{background:var(--ok);box-shadow:0 0 0 2px var(--ok-soft)}.svclog__follow.is-on{color:var(--accent)}.errpanel__iconbtn.is-done{color:var(--ok)}.debug__list--log{flex-direction:column;display:flex}.log__item{border-bottom:1px solid var(--border);grid-template-columns:52px 44px minmax(0,1fr);align-items:baseline;gap:8px;padding:2px 12px;display:grid}.log__item:last-child{border-bottom:none}.log__item:hover{background:var(--bg-input)}.log__time,.err__time{font-variant-numeric:tabular-nums;color:var(--text-faint);font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:10px}.log__tag{text-transform:uppercase;letter-spacing:.3px;color:var(--text-dim);background:var(--bg-hover);border:none;border-radius:3px;justify-self:start;padding:0 5px;font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:10px;font-weight:600;line-height:14px}.log__tag--info{color:var(--accent);background:var(--accent-soft)}.log__tag--warn{color:var(--log-warn-fg);background:var(--log-warn-bg)}.log__tag--error{color:var(--danger);background:var(--danger-soft)}.log__content{min-width:0;color:var(--text);flex-wrap:wrap;flex:auto;align-items:flex-start;gap:3px 8px;font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:11px;line-height:1.45;display:flex}.log__val{white-space:pre-wrap;word-break:break-word}.log__json{flex:100%;padding:0}.log__json .apt{margin-top:0;font-size:11px;line-height:1.4}.log__json .apt__branch--root{cursor:pointer;border-radius:4px}.log__json .apt__list--nested{border-left:1px solid var(--border);margin-left:4px;padding-left:14px}.log__empty{color:var(--text-faint)}.alert-layer{z-index:var(--z-modal);position:absolute;inset:0}.alert-mask{background:#0000008c;padding:16px;display:flex;position:absolute;inset:0}.alert-mask--bottom{justify-content:center;align-items:flex-end}.alert-mask--top{justify-content:center;align-items:flex-start}.alert-mask--center{justify-content:center;align-items:center}.alert-mask--left{justify-content:flex-start;align-items:center}.alert-mask--right{justify-content:flex-end;align-items:center}.alert-panel{background:#fff;border-radius:12px;width:100%;max-width:100%;max-height:92vh;animation:.2s ease-out alert-pop;overflow:hidden auto;box-shadow:0 18px 60px #00000080}@keyframes alert-pop{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.alert-mask--center .alert-panel,.alert-mask--left .alert-panel,.alert-mask--right .alert-panel{border-radius:12px}.device-ui{z-index:var(--z-deviceui);pointer-events:none;position:absolute;inset:0}.dlg-mask{pointer-events:auto;background:#00000073;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dlg{text-align:center;background:#fff;border-radius:12px;width:288px;max-width:82%;padding:24px 20px 0;animation:.2s ease-out dlg-pop;box-shadow:0 12px 40px #00000059}@keyframes dlg-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.dlg__title{color:#333;font-size:16px;font-weight:600}.dlg__msg{color:#666;text-align:left;word-break:break-all;white-space:pre-wrap;max-height:320px;margin-top:10px;font-size:14px;line-height:1.5;overflow-y:auto}.dlg__title+.dlg__msg{margin-top:12px}.dlg__btns{border-top:1px solid #e8e8e8;margin:18px -20px 0;display:flex}.dlg__btn{cursor:pointer;background:0 0;border:none;flex:1 1 0;min-width:0;padding:14px 0;font-size:15px}.dlg__btn--ok{color:#1677ff;font-weight:500}.dlg__btn--cancel{color:#1677ff;border-right:1px solid #e8e8e8}.dlg__btn--cancel.dlg__btn--gray{color:#888}.dtoast{color:#fff;text-align:center;box-sizing:border-box;pointer-events:none;background:#000000b3;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;max-width:76%;padding:10px 14px;font-size:14px;line-height:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dtoast--icon{min-width:96px;padding:16px}.dtoast__icon{flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.dtoast__icon-svg{fill:none;stroke:#fff;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.dtoast__msg{word-break:break-all}.apptoast{z-index:var(--z-toast-app);color:#fff;pointer-events:none;background:#111111d1;border-radius:10px;align-items:center;gap:8px;max-width:76%;padding:12px 20px;font-size:14px;line-height:1.4;display:inline-flex;position:fixed;top:56px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #00000047}.apptoast__icon{background:var(--text-faint);border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.apptoast--ok .apptoast__icon{background:var(--ok)}.apptoast--err .apptoast__icon{background:var(--danger)}.apptoast__icon-svg{fill:none;stroke:#fff;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.apptoast__msg{word-break:break-all}.apptoast-fade-enter-active,.apptoast-fade-leave-active{transition:opacity .2s,transform .2s}.apptoast-fade-enter,.apptoast-fade-leave-to{opacity:0;transform:translate(-50%,-8px)}.dlg-fade-enter-active,.dlg-fade-leave-active,.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .18s}.dlg-fade-enter,.dlg-fade-leave-to,.toast-fade-enter,.toast-fade-leave-to{opacity:0}.pk-mask{pointer-events:auto;background:#0006;align-items:flex-end;display:flex;position:absolute;inset:0}.pk-sheet{background:#fff;border-radius:12px 12px 0 0;width:100%;animation:.2s ease-out pk-up}@keyframes pk-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.pk-bar{box-sizing:border-box;border-bottom:1px solid #eef0f2;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex}.pk-bar__title{color:#333;font-size:15px;font-weight:600}.pk-bar__btn{cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:15px}.pk-bar__btn--cancel{color:#888}.pk-bar__btn--ok{color:#1677ff;font-weight:600}.pk-cols{height:230px;display:flex;position:relative;overflow:hidden}.pk-col{flex:1 1 0;min-width:0;height:100%;position:relative}.pk-col__band{pointer-events:none;background:#1677ff14;border-top:1px solid #d6e4ff;border-bottom:1px solid #d6e4ff;height:40px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.pk-col__list{-webkit-overflow-scrolling:touch;height:100%;padding:95px 0;overflow-y:auto}.pk-item{text-align:center;color:#333;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;height:40px;padding:0 6px;font-size:16px;line-height:40px;overflow:hidden}.pk-item--on{color:#1677ff;font-weight:600}.pk-cols--wheel .pk-col{cursor:grab;touch-action:none}.pk-cols--wheel.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing}.pk-cols--wheel .pk-col__list{scrollbar-width:none;-ms-overflow-style:none}.pk-cols--wheel .pk-col__list::-webkit-scrollbar{display:none}.picker-fade-enter-active,.picker-fade-leave-active{transition:opacity .18s}.picker-fade-enter,.picker-fade-leave-to{opacity:0}.rp-mask{z-index:var(--z-appmodal);background:var(--scrim-modal);-webkit-backdrop-filter:blur(var(--scrim-modal-blur));backdrop-filter:blur(var(--scrim-modal-blur));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rp-card{background:var(--bg-panel);border:1px solid var(--border);width:300px;max-width:calc(100vw - 32px);box-shadow:0 18px 50px var(--shadow-card);color:var(--text);border-radius:14px;overflow:hidden}.rp-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.rp-title{font-size:14px;font-weight:600}.rp-x{width:26px;height:26px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:7px;font-size:20px;line-height:1;transition:background .15s,color .15s}.rp-x:hover{background:var(--bg-hover);color:var(--text)}.rp-body{flex-direction:column;align-items:center;padding:18px 16px 16px;display:flex}.rp-qr-wrap{box-sizing:border-box;background:#fff;border-radius:10px;justify-content:center;align-items:center;width:220px;height:220px;padding:8px;display:flex;position:relative}.rp-qr{width:204px;height:204px;display:block}.rp-qr--loading{width:100%;height:100%;color:var(--text-placeholder);justify-content:center;align-items:center;font-size:14px;display:flex}.rp-qr--blurred{filter:blur(7px);opacity:.55;transition:filter .25s,opacity .25s}.rp-qr-loading{background:#ffffff80;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.rp-spinner{border:3px solid #10131a2e;border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;animation:.8s linear infinite rp-spin}.rp-loading-text{color:var(--text-dim);font-size:13px}@keyframes rp-spin{to{transform:rotate(360deg)}}.rp-tip{color:var(--text-dim);text-align:center;margin:12px 0 10px;font-size:12.5px}.rp-url{align-items:center;gap:8px;width:100%;display:flex}.rp-url-text{min-width:0;color:var(--text-dim);background:var(--bg-input);border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;flex:auto;padding:6px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.rp-copy{border:1px solid var(--accent-border);background:var(--accent);color:var(--on-accent);cursor:pointer;border-radius:7px;flex:none;padding:6px 10px;font-size:12px;transition:background .15s,opacity .15s}.rp-copy:hover:not(:disabled){background:var(--accent-hover)}.rp-copy:disabled{opacity:.5;cursor:default}.app--chrome-off .app__stage{justify-content:center}.app--chrome-off .phone-viewport{box-shadow:none}.app--chrome-off .phone__screen{width:375px;margin:0 auto;padding:0}.rp-warn{color:var(--warn);text-align:center;margin:10px 0 0;font-size:11.5px;line-height:1.5}.login-mask{z-index:var(--z-appmodal);background:var(--scrim-modal);-webkit-backdrop-filter:blur(var(--scrim-modal-blur));backdrop-filter:blur(var(--scrim-modal-blur));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-modal{background:var(--bg-panel);border:1px solid var(--border);width:320px;max-width:calc(100vw - 32px);box-shadow:0 18px 50px var(--shadow-card);color:var(--text);box-sizing:border-box;border-radius:14px;padding:18px 18px 16px}.login-modal__title{margin-bottom:6px;font-size:15px;font-weight:600}.login-modal__desc{color:var(--text-dim);margin-bottom:14px;font-size:12px;line-height:1.5}.login-modal__row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.login-modal__label{color:var(--text-dim);flex:0 0 36px;font-size:13px}.login-modal__input{min-width:0;height:34px;color:var(--text);background:var(--bg-input);border:1px solid var(--border);box-sizing:border-box;border-radius:8px;outline:none;flex:auto;padding:0 10px;font-size:13px}.login-modal__input:focus{border-color:var(--accent)}.login-modal__error{color:var(--danger);margin-bottom:10px;font-size:12px}.login-modal__actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.login-modal__btn{border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:7px 14px;font-size:13px;transition:background .15s,opacity .15s,border-color .15s}.login-modal__btn--ghost{color:var(--text-dim);background:0 0}.login-modal__btn--ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.login-modal__btn--primary{border-color:var(--accent-border);background:var(--accent);color:var(--on-accent)}.login-modal__btn--primary:hover:not(:disabled){background:var(--accent-hover)}.login-modal__btn:disabled{opacity:.5;cursor:default}.confirm-mask{z-index:var(--z-appmodal);background:var(--scrim-modal);-webkit-backdrop-filter:blur(var(--scrim-modal-blur));backdrop-filter:blur(var(--scrim-modal-blur));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-modal{background:var(--bg-panel);border:1px solid var(--border);width:360px;max-width:calc(100vw - 32px);box-shadow:0 18px 50px var(--shadow-card);color:var(--text);box-sizing:border-box;border-radius:14px;padding:18px 18px 16px}.confirm-modal__title{align-items:center;gap:8px;margin-bottom:8px;font-size:15px;font-weight:600;display:flex}.confirm-modal__title.is-danger{color:var(--danger)}.confirm-modal__title.is-warn{color:var(--warn)}.confirm-modal__icon{flex:none;width:18px;height:18px}.confirm-modal__icon :is(path,line,polyline,circle,rect){vector-effect:non-scaling-stroke}.confirm-modal__desc{color:var(--text-dim);white-space:pre-line;margin-bottom:16px;font-size:12.5px;line-height:1.6}.confirm-modal__actions{justify-content:flex-end;gap:10px;display:flex}.confirm-modal__btn{border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:7px 16px;font-size:13px;transition:background .15s,opacity .15s,border-color .15s}.confirm-modal__btn--ghost{color:var(--text-dim);background:0 0}.confirm-modal__btn--ghost:hover{background:var(--bg-hover);color:var(--text)}.confirm-modal__btn--primary{border-color:var(--accent-border);background:var(--accent);color:var(--on-accent)}.confirm-modal__btn--primary:hover{background:var(--accent-hover)}.confirm-modal__btn--danger{border-color:var(--danger);background:var(--danger);color:var(--on-accent)}.confirm-modal__btn--danger:hover{background:var(--danger-hover)}.confirm-modal__btn--warn{border-color:var(--warn);background:var(--warn);color:var(--on-warn)}.confirm-modal__btn--warn:hover{background:var(--warn-hover)}.pop-enter-active{transition:opacity .15s,transform .26s cubic-bezier(.34,1.56,.64,1)}.pop-leave-active{transition:opacity .12s,transform .12s}.pop-enter-from,.pop-leave-to{opacity:0;transform:translateY(6px)scale(.95)}.modal-enter-active,.modal-leave-active{transition:opacity .2s}.modal-leave-active{transition:opacity .16s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .modal-card{transition:transform .34s cubic-bezier(.34,1.56,.64,1)}.modal-leave-active .modal-card{transition:transform .16s}.modal-enter-from .modal-card{transform:translateY(14px)scale(.94)}.modal-leave-to .modal-card{transform:translateY(6px)scale(.98)}.csel{flex:0 auto;width:auto;min-width:240px;max-width:360px;position:relative}.csel__trigger{background:var(--bg-input);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px 7px 12px;font-size:13px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.csel__trigger:hover{border-color:var(--border-strong);background:var(--bg-hover)}.csel__trigger--active{border-color:var(--accent-border);box-shadow:0 0 0 2px var(--accent-soft);background:var(--bg-hover)}.csel__current{white-space:nowrap;align-items:baseline;gap:8px;display:flex;overflow:hidden}.csel__id{color:var(--text);font-weight:600}.csel__name{color:var(--text-dim);text-overflow:ellipsis;font-size:12px;overflow:hidden}.csel__chev{color:var(--text-dim);flex:none;transition:transform .18s}.csel--open .csel__chev{transform:rotate(180deg)}.csel__pop{z-index:var(--z-pop);background:var(--bg-pop);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;width:max-content;min-width:100%;max-width:min(480px,92vw);position:absolute;top:calc(100% + 6px);left:0;right:auto;overflow:hidden;box-shadow:0 16px 40px #00000080}.csel__search{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 10px;display:flex}.csel__search-icon{color:var(--text-faint);flex:none}.csel__input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:13px}.csel__input::placeholder{color:var(--text-faint)}.csel__list{max-height:320px;margin:0;padding:4px;list-style:none;overflow-y:auto}.csel__item{cursor:pointer;color:var(--text-dim);border-radius:7px;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.csel__item--active{background:var(--bg-hover);color:var(--text)}.csel__item--selected .csel__item-id{color:var(--accent)}.csel__dot{background:var(--text-faint);opacity:.75;border-radius:50%;flex:none;align-self:center;width:6px;height:6px}.csel__dot--imported{background:var(--ok);opacity:1}.csel__item-id{color:var(--text);flex:none;font-weight:600}.csel__item-name{text-overflow:ellipsis;white-space:nowrap;color:var(--text-dim);flex:1;font-size:12px;overflow:hidden}.csel__check{color:var(--accent);flex:none}.csel__empty{text-align:center;color:var(--text-faint);padding:14px;font-size:13px}.csel__foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:6px 10px;display:flex}.csel__count{color:var(--text-faint);white-space:nowrap;font-size:11px}.csel__sort{color:var(--text-dim);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:3px 8px;font-size:11px;transition:background .15s,color .15s,border-color .15s}.csel__sort:hover{background:var(--bg-hover);color:var(--text)}.csel__sort--active{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.csel-fade-enter-active,.csel-fade-leave-active{transition:opacity .14s,transform .14s}.csel-fade-enter,.csel-fade-leave-to{opacity:0;transform:translateY(-4px)}.csel-combo{background:var(--bg-input);border:1px solid var(--border);border-radius:8px;flex:0 auto;align-items:stretch;min-width:240px;max-width:360px;transition:border-color .15s,box-shadow .15s,background .15s;display:inline-flex}.csel-combo:hover{border-color:var(--border-strong)}.csel-combo:has(.csel--open){border-color:var(--accent-border);box-shadow:0 0 0 2px var(--accent-soft)}.csel--combo{background:0 0;border:none;flex:auto;min-width:0}.csel--combo .csel__trigger{background:0 0;border:none;border-radius:8px 0 0 8px}.csel--combo .csel__trigger:hover{background:var(--bg-hover)}.csel--combo .csel__trigger--active{box-shadow:none;background:var(--bg-hover);border-color:#0000}.csel-combo__btn{border:none;border-left:1px solid var(--border);width:34px;color:var(--text);cursor:pointer;background:0 0;border-radius:0 8px 8px 0;flex:none;justify-content:center;align-items:center;margin:0;padding:0;transition:background .15s,color .15s;display:inline-flex}.csel-combo__btn:hover:not(:disabled){background:var(--bg-hover);color:var(--accent)}.csel-combo__btn:active:not(:disabled){background:var(--bg-active)}.csel-combo__btn:disabled{opacity:.4;cursor:default}.cg-mask{z-index:var(--z-appmodal);background:var(--scrim-modal);-webkit-backdrop-filter:blur(var(--scrim-modal-blur));backdrop-filter:blur(var(--scrim-modal-blur));justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.cg-modal{background:var(--bg-panel,#fff);border:1px solid var(--border);border-radius:12px;flex-direction:column;width:min(960px,100%);height:84vh;max-height:84vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000052}.cg-modal__head{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;padding:12px 16px;display:flex}.cg-modal__title{color:var(--text);white-space:nowrap;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.cg-modal__count{color:var(--text-faint);font-size:12px;font-weight:500}.cg-modal__search{flex:auto;align-items:center;min-width:0;display:flex;position:relative}.cg-modal__search-icon{color:var(--text-faint);pointer-events:none;position:absolute;left:10px}.cg-modal__input{width:100%;height:var(--ctrl-md);background:var(--bg-input);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:0 10px 0 30px;font-size:13px;transition:border-color .15s,box-shadow .15s}.cg-modal__input:focus{border-color:var(--accent-border);box-shadow:0 0 0 2px var(--accent-soft)}.cg-modal__close{width:var(--ctrl-md);height:var(--ctrl-md);border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;flex:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.cg-modal__close:hover{background:var(--bg-hover);color:var(--accent);border-color:var(--accent-border)}.cg-modal__sort{height:var(--ctrl-md);background:var(--bg-input);color:var(--text);border:1px solid var(--border);white-space:nowrap;cursor:pointer;border-radius:8px;flex:none;padding:0 10px;font-size:12px;transition:background .15s,border-color .15s,color .15s}.cg-modal__sort:hover{background:var(--bg-hover);border-color:var(--border-strong)}.cg-modal__sort--active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.cg-grid{flex:auto;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:max-content;align-content:start;gap:14px;min-height:0;padding:16px;display:grid;overflow-y:auto}.cg-tile{background:var(--bg-input);border:1px solid var(--border);height:220px;color:inherit;text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;padding:0;transition:border-color .15s,background .15s,transform 80ms,box-shadow .15s;display:flex;overflow:hidden}.cg-tile:hover{border-color:var(--accent-border);background:var(--bg-hover);transform:translateY(-2px)}.cg-tile--active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.cg-tile__thumb{border-bottom:1px solid var(--border);background:#fff;flex:auto;min-height:0;position:relative}.cg-tile__tag{z-index:1;border-radius:var(--radius-xs);background:var(--ok-strong);color:var(--on-ok);font-size:var(--fs-xs);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;padding:2px 8px;font-weight:600;line-height:1.5;position:absolute;top:6px;right:6px}.cg-tile__img{object-fit:contain;width:100%;height:100%;display:block}.cg-tile__skeleton,.cg-tile__fallback{color:var(--text-faint);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex;position:absolute;inset:0}.cg-tile__fallback .app__icon{opacity:.7;width:28px;height:28px}.cg-tile__meta{flex-direction:column;gap:2px;padding:8px 10px;display:flex}.cg-tile__name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.cg-tile__id{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;overflow:hidden}.cg-empty{text-align:center;color:var(--text-faint);grid-column:1/-1;padding:48px 0;font-size:13px}.jt{color:var(--text-dim);font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.6}.jt__toolbar{z-index:var(--z-sticky);justify-content:flex-start;gap:12px;padding:8px 12px;display:flex;position:sticky;top:0}.jt__tool{height:var(--ctrl-sm);background:var(--bg-input);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;border-radius:6px;padding:0 10px;font-size:12px;transition:background .15s,border-color .15s,color .15s}.jt__tool:hover{background:var(--bg-hover);border-color:var(--accent-border);color:var(--text)}.jt__list{margin:0;padding:0;list-style:none}.jt__list--root{padding-bottom:52px;padding-left:2px}.jt__child{border-left:1px solid var(--border);margin-left:4px;padding-left:16px}.jt__node{position:relative}.jt__row{cursor:pointer;border-radius:4px;align-items:center;gap:4px;padding:1px 4px;display:flex}.jt__row--branch{cursor:pointer}.jt__row--branch:hover,.jt__row--leaf:hover{background:var(--bg-hover)}.jt__row--selected,.jt__row--selected:hover{background:var(--accent-soft)}.jt__caret{text-align:center;width:12px;color:var(--text-faint);-webkit-user-select:none;user-select:none;flex:none;font-size:9px;transition:transform .15s;transform:rotate(0)}.jt__caret--open{color:var(--accent);transform:rotate(90deg)}.jt__caret--leaf{visibility:hidden}.jt__key{color:var(--jt-key);font-weight:500}.jt__colon,.jt__bracket{color:var(--jt-faint)}.jt__preview{color:var(--jt-faint);text-overflow:ellipsis;white-space:nowrap;max-width:60%;font-style:italic;overflow:hidden}.jt__count{color:var(--jt-faint);margin-left:4px;font-size:11px}.jt__val--string{color:var(--jt-string)}.jt__val--number{color:var(--jt-number)}.jt__val--boolean{color:var(--jt-boolean)}.jt__val--null{color:var(--jt-null);font-style:italic}.jt__val--array,.jt__val--object{color:var(--accent)}.jt__editable{cursor:text;border-radius:2px;transition:background .12s}.jt__editable:hover{background:var(--bg-hover)}.jt__edit{background:var(--bg-input);border:1px solid var(--accent);color:var(--text);font:inherit;border-radius:3px;outline:none;min-width:40px;max-width:200px;padding:0 4px;font-size:12px;line-height:1.5}.jt__edit:focus{box-shadow:0 0 0 2px var(--jt-ring)}.jt__del{width:16px;height:16px;color:var(--text-faint);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;flex:none;justify-content:center;align-items:center;margin-left:auto;padding:0;font-size:14px;line-height:1;transition:opacity .12s,background .12s,color .12s;display:inline-flex}.jt__node:hover>.jt__row--leaf .jt__del{opacity:1}.jt__del:hover{background:var(--jt-del-bg);color:var(--jt-del-fg)}.jt__tool--add{color:var(--accent);border-color:var(--accent-border);margin-left:auto}.jt__tool--add:hover{background:var(--jt-add-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.jt__json-edit{background:var(--bg-input);border:1px solid var(--accent);border-radius:6px;margin:4px 0 4px 16px;padding:8px;position:relative;box-shadow:0 4px 16px #0000004d}.jt__json-textarea{background:var(--bg-input);border:1px solid var(--border);width:100%;min-height:120px;max-height:400px;color:var(--text);resize:vertical;tab-size:2;border-radius:4px;outline:none;padding:8px;font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;display:block}.jt__json-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--jt-ring)}.jt__json-actions{align-items:center;gap:8px;margin-top:8px;display:flex}.jt__json-btn{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:4px;padding:4px 12px;font-size:12px;transition:opacity .15s}.jt__json-btn:hover{opacity:.85}.jt__json-btn--cancel{background:var(--bg-hover);color:var(--text-dim)}.jt__json-btn--cancel:hover{background:var(--border)}.jt__json-hint{color:var(--text-faint);margin-left:auto;font-size:11px}.jt__ctxmenu{z-index:calc(var(--z-toast-app) + 1);background:var(--bg-pop);border:1px solid var(--border-strong);min-width:120px;color:var(--text);border-radius:8px;padding:4px;position:fixed;box-shadow:0 8px 24px #0006}.jt__ctxmenu-item{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-size:12px;transition:background .12s,color .12s;display:block}.jt__ctxmenu-item:hover{background:var(--accent-soft);color:var(--accent)}.jt__ctxmenu-item--del{color:var(--danger)}.jt__ctxmenu-item--del:hover{background:var(--danger-soft);color:var(--danger)}.jt__ctxmenu-mask{z-index:var(--z-toast-app);background:0 0;position:fixed;inset:0}.st{flex-direction:column;min-height:100%;display:flex;position:relative}.st__toolbar{z-index:var(--z-sticky);justify-content:flex-start;gap:12px;padding:8px 12px;display:flex;position:sticky;top:0}.st__toolbar--top{flex-wrap:nowrap;align-items:center}.st__toolbar--top .jt__tool{flex:none}.st__locate{color:var(--text-dim);justify-content:center;align-items:center;padding:6px;display:inline-flex}.st__locate:hover{color:var(--text)}.st__locate--active{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.st__locate svg{pointer-events:none;display:block}.st__toolbar--act{flex-wrap:wrap;padding-top:0;position:static}.st__search{box-sizing:border-box;min-width:0;height:28px;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:6px;outline:none;flex:auto;padding:0 8px;font-size:12px}.st__search:focus{border-color:var(--accent)}.st__label--hl{background:var(--st-hl-bg);border-radius:3px;padding:0 2px}.st__list{margin:0;padding:4px 0;list-style:none}.st__help-wrap{height:0;z-index:var(--z-pop);margin-top:auto;position:sticky;bottom:10px}.st__help{background:var(--bg-input);width:28px;height:28px;color:var(--text-dim);border:1px solid var(--border-strong);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex;position:absolute;bottom:0;left:10px;box-shadow:0 2px 8px #00000040}.st__help svg{transition:transform 50ms}.st__help:hover{background:var(--bg-hover);border-color:var(--accent-border);color:var(--accent)}.st__help:active svg{transform:translateY(1px)}.st__help--open{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.st__help-pop{transform-origin:0 100%;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:10px;width:300px;position:absolute;bottom:36px;left:10px;box-shadow:0 8px 24px #00000059}.st__help-pop-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.st__help-pop-title{color:var(--text);font-size:12px;font-weight:600}.st__help-pop-close{width:18px;height:18px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:12px;transition:background .15s,color .15s;display:inline-flex}.st__help-pop-close:hover{background:var(--bg-hover);color:var(--text)}.st__help-pop-body{color:var(--text-dim);margin:0;padding:10px 12px;font-size:12px;line-height:1.6}.st__keys{flex-direction:column;gap:8px;list-style:none;display:flex}.st__keys-row{align-items:center;gap:10px;display:flex}.st__keys-combo{white-space:nowrap;flex:0 0 108px;align-items:center;gap:3px;display:inline-flex}.st__kbd{background:var(--bg-input);min-width:20px;height:20px;color:var(--text);border:1px solid var(--border-strong);font-family:var(--mono,ui-monospace, SFMono-Regular, Menlo, monospace);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;line-height:1;display:inline-flex}.st__kbd-plus{color:var(--text-faint);font-size:11px}.st__keys-desc{color:var(--text-dim);flex:auto;font-size:12px;line-height:1.5}.st__node{list-style:none}.st__row{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;height:var(--row-h);align-items:center;gap:4px;padding:0 8px;transition:background .1s;display:flex}.st__row:hover{background:var(--bg-hover)}.st__row--selected{background:var(--accent-soft)!important}.st__row--selected .st__label{color:var(--accent);font-weight:500}.st__handle{width:12px;height:14px;color:var(--text-faint);cursor:grab;opacity:0;flex:0 0 12px;justify-content:center;align-items:center;margin-right:-2px;transition:opacity .15s,color .15s;display:inline-flex}.st__row:hover .st__handle{opacity:.75}.st__handle:hover{color:var(--text);opacity:1}.st__handle:active{cursor:grabbing}.st__handle svg{pointer-events:none;display:block}.st__row--dragging{opacity:.4}.st__row--drop-before{box-shadow:inset 0 2px 0 0 var(--accent)}.st__row--drop-after{box-shadow:inset 0 -2px 0 0 var(--accent)}.st__row--drop-inside{background:var(--accent-soft);outline:1px dashed var(--accent);outline-offset:-1px}.st__row--drop-blocked{cursor:no-drop}.st__caret{width:12px;height:12px;color:var(--text-dim);-webkit-user-select:none;user-select:none;flex:0 0 12px;justify-content:center;align-items:center;font-size:10px;line-height:1;transition:transform .15s;display:inline-flex}.st__caret--open{transform:rotate(90deg)}.st__caret--leaf{visibility:hidden}.st__label{color:var(--st-label);font-size:12px}.st__id{color:var(--st-id);font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:11px}.st__badge{border-radius:var(--radius-xs);border:1px solid #0000;flex:none;margin-left:auto;padding:0 6px;font-size:11px;line-height:16px}.st__badge--clickable{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-border);cursor:pointer;transition:color .15s,background .15s,border-color .15s}.st__badge--clickable:hover{color:var(--accent-hover)}.st__badge--muted{cursor:pointer;color:var(--text-faint);border-color:var(--border);background:0 0;transition:opacity .15s,color .15s,background .15s,border-color .15s}.st__badge--muted:hover{color:var(--text-dim);background:var(--bg-hover);border-color:var(--border-strong)}.st__gear{width:20px;height:20px;color:var(--text-faint);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;flex:none;justify-content:center;align-items:center;margin-left:2px;padding:0;transition:background .15s,color .15s;display:inline-flex}.st__gear:hover{background:var(--bg-hover);color:var(--text)}.st__gear svg{display:block}.st__children{border-left:1px solid var(--border);margin:0 0 0 14px;padding:0 0 0 16px;list-style:none}.st__ctx{z-index:var(--z-overlay);background:var(--bg-pop);border:1px solid var(--border);border-radius:var(--radius-md);min-width:132px;box-shadow:var(--shadow-3);-webkit-user-select:none;user-select:none;padding:4px;position:fixed}.st__ctx-item{text-align:left;width:100%;color:var(--text);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:none;padding:6px 10px;font-size:12px;display:block}.st__ctx-item:hover:not(:disabled){background:var(--accent-soft);color:var(--accent)}.st__ctx-item:disabled{color:var(--text-faint);cursor:not-allowed;opacity:.6}.st__ctx-item--danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.st__ctx-sep{background:var(--border);height:1px;margin:4px 2px}.ni-overlay{z-index:var(--z-appmodal);background:var(--scrim-modal);-webkit-backdrop-filter:blur(var(--scrim-modal-blur));backdrop-filter:blur(var(--scrim-modal-blur));justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ni-panel{background:var(--bg-panel);border:1px solid var(--border-strong);width:560px;max-width:94vw;height:80vh;min-height:420px;box-shadow:var(--shadow-4);border-radius:10px;flex-direction:column;display:flex;position:relative;overflow:hidden}.ni-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.ni-title{color:var(--text);font-size:13px;font-weight:600}.ni-close{width:22px;height:22px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:15px;line-height:1;transition:background .15s,color .15s;display:inline-flex}.ni-close:before{content:"✕"}.ni-close:hover{background:var(--bg-hover);color:var(--text)}.ni-body{flex-direction:column;flex:auto;min-height:0;padding:16px 0;display:flex}.ni-body .ni-empty{padding:0 16px}.ni-scroll{flex:auto;min-height:0;padding:0 16px 12px;overflow-y:auto}.ni-body>.ni-sec{margin-bottom:12px}.ni-body>.ni-sec:last-child{margin-bottom:0}.ni-sec-head{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.ni-caret,.ptree__caret{width:12px;height:12px;color:var(--text-dim);-webkit-user-select:none;user-select:none;flex:0 0 12px;justify-content:center;align-items:center;font-size:10px;line-height:1;transition:transform .15s;display:inline-flex}.ni-caret.is-open,.ptree__caret.is-open{transform:rotate(90deg)}.ni-sec-body{margin-bottom:0}.ni-empty{color:var(--text-faint);margin:0;font-size:12px}.ni-field-row{align-items:center;gap:10px;margin-bottom:12px;display:flex}.ni-field-row .ni-field-label{color:var(--text-dim);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:0 0 88px;font-size:12px;font-weight:500;overflow:hidden}.ni-field-row .ni-input{flex:auto;min-width:0}.ni-input{box-sizing:border-box;width:100%;min-width:0;height:var(--ctrl-sm);background:var(--bg-input);color:var(--text);border:1px solid var(--border-strong);border-radius:6px;outline:none;padding:6px 12px;font-size:12px;transition:border-color .15s}.ni-input:focus{border-color:var(--accent)}select.ni-input{height:var(--ctrl-sm)}.ni-prop-row{border:1px solid var(--border);background:0 0;border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:8px;padding:8px 12px;display:flex}.ni-prop-label{color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:0 0 88px;padding-top:5px;font-size:12px;font-weight:500;overflow:hidden}.ni-prop-control{flex:auto;min-width:0}.ni-prop-del{width:24px;height:24px;color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:5px;flex:none;justify-content:center;align-items:center;margin-top:2px;padding:0;font-size:13px;line-height:1;transition:background .15s;display:inline-flex}.ni-prop-del:hover{background:var(--danger-soft)}.ni-addrow{align-items:center;gap:8px;margin-top:8px;display:flex}.ni-addrow select{flex:auto;min-width:0}.ni-addbtn{height:var(--ctrl-sm);border:1px dashed var(--border-strong);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;flex:none;padding:0 12px;font-size:13px;transition:color .15s,border-color .15s}.ni-addbtn:disabled{opacity:.5;cursor:not-allowed}.ni-addbtn:not(:disabled):hover{color:var(--accent);border-color:var(--accent)}.ni-rows{flex-direction:column;gap:4px;display:flex}.ni-row{border:1px solid var(--border);background:0 0;border-radius:6px;align-items:flex-start;gap:8px;padding:6px 10px;font-size:12px;display:flex}.ni-key{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:168px;overflow:hidden}.ni-val{min-width:0;color:var(--text);word-break:break-all;flex:auto}.ni-tag{background:var(--accent-soft);color:var(--accent);border-radius:4px;margin-left:auto;padding:2px 8px;font-size:12px}.ni-editbtn{height:var(--ctrl-sm);border:1px solid var(--border-strong);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;margin-left:auto;padding:0 10px;font-size:12px;transition:color .15s,border-color .15s}.ni-editbtn:hover{color:var(--text);border-color:var(--accent)}.ni-cls{color:var(--text-faint);margin-left:6px;font-size:11px;font-style:normal}.ni-static{color:var(--text);font-size:13px}.ni-event-list{flex-direction:column;gap:6px;display:flex}.ni-event-row{border:1px solid var(--border);background:0 0;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;display:flex}.ni-event-name{color:var(--text);font-size:12px}.ptree{gap:var(--space-3);flex-direction:column;display:flex}.ptree__group{flex-direction:column;gap:4px;display:flex}.ptree__group-head{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;transition:background .15s;display:flex}.ptree:not(.ptree--plain) .ptree__group-head:hover{background:var(--bg-hover)}.ptree__group-name{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:12px;font-weight:600;overflow:hidden}.ptree__group-count{color:var(--text-faint);flex:none;font-size:11px}.ptree__group-body>.ptree__group>.ptree__group-head{background:0 0;padding-left:2px;font-weight:500}.ptree:not(.ptree--plain) .ptree__group-body>.ptree__group>.ptree__group-head:hover{background:var(--bg-hover)}.ptree__group-body{border-left:1px solid var(--border);flex-direction:column;gap:4px;margin-left:6px;padding:6px 0 2px 10px;display:flex}.ptree__row{min-height:var(--ctrl-md);border-radius:6px;align-items:center;gap:10px;padding:0 8px;display:flex}.ptree:not(.ptree--plain) .ptree__row:hover{background:var(--bg-hover)}.ptree__label{color:var(--text-dim);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:0 0 88px;font-size:12px;overflow:hidden}.ptree__control{flex:auto;min-width:0}.ni-foot{background:var(--bg-bar);border-top:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.ni-tip{color:var(--text-faint);font-size:12px;line-height:1.5}.ni-foot-btns{flex-shrink:0;gap:8px;display:flex}.ni-btn{white-space:nowrap;height:var(--ctrl-sm);border:1px solid var(--accent-border);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:0 14px;font-size:12px;transition:background .15s,color .15s}.ni-btn:hover{background:var(--accent-soft)}.ni-btn--ghost{color:var(--text-dim);border-color:var(--border-strong);background:0 0}.ni-btn--ghost:hover{background:var(--bg-hover);color:var(--text)}.ni-evt-list{flex-direction:column;gap:4px;display:flex}.ni-evt{border:1px solid var(--border);background:0 0;border-radius:8px;overflow:hidden}.ni-evt-head{align-items:center;gap:10px;padding:8px 12px;display:flex}.ni-evt-name{color:var(--text);white-space:nowrap;flex:none;font-size:12px;font-weight:500}.ni-evt-desc{min-width:0;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:12px;overflow:hidden}.ni-switch{border:1px solid var(--border-strong);background:var(--bg-hover);cursor:pointer;border-radius:999px;flex:none;width:34px;height:18px;margin:0;padding:0;transition:background .16s,border-color .16s;position:relative}.ni-switch.is-on{background:var(--accent-soft);border-color:var(--accent-border)}.ni-switch__dot{background:var(--text-dim);border-radius:50%;width:14px;height:14px;transition:transform .16s,background .16s;position:absolute;top:1px;left:1px}.ni-switch.is-on .ni-switch__dot{background:var(--accent);transform:translate(16px)}.ni-evt-body{border-top:1px solid var(--border);padding:4px 12px 12px}.ni-evt-body .ni-field-row{margin-top:12px;margin-bottom:0}.ni-evt-body .ni-field-row:first-child{margin-top:10px}.ni-evt-body .ptree{margin-top:8px}.ptree__row--block{flex-direction:column;align-items:stretch;gap:4px}.ptree__row--block .ptree__label{flex:none;padding-top:0}@media (width<=600px){.ni-panel{border-radius:0;width:100vw;max-width:100vw;height:100vh}.ni-prop-label{flex:0 0 72px}}.ee-overlay{z-index:var(--z-appmodal);background:var(--scrim-modal);-webkit-backdrop-filter:blur(var(--scrim-modal-blur));backdrop-filter:blur(var(--scrim-modal-blur));position:fixed;inset:0}.ee-panel{background:var(--bg-panel);border-left:1px solid var(--border-strong);width:100%;max-width:720px;height:100vh;box-shadow:var(--shadow-5);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden}.ee-drawer-enter-active,.ee-drawer-leave-active{transition:opacity .18s}.ee-drawer-leave-active{transition:opacity .24s}.ee-drawer-enter-active .ee-panel{transition:transform .34s cubic-bezier(.32,1.32,.45,1)}.ee-drawer-leave-active .ee-panel{transition:transform .24s cubic-bezier(.4,0,.6,1)}.ee-drawer-enter-from,.ee-drawer-leave-to{opacity:0}.ee-drawer-enter-from .ee-panel,.ee-drawer-leave-to .ee-panel{transform:translate(100%)}.ee-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.ee-title{color:var(--text);font-size:13px;font-weight:600}.ee-cls{color:var(--text-faint);margin-left:6px;font-size:11px;font-style:normal}.ee-close{width:var(--ctrl-sm);height:var(--ctrl-sm);color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:15px;line-height:1;transition:background .15s,color .15s;display:inline-flex}.ee-close:before{content:"✕"}.ee-close:hover{background:var(--bg-hover);color:var(--text)}.ee-body{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.ee-side{border-bottom:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:8px 16px;display:flex;position:relative}.ee-side>.ee-empty{flex:auto}.ee-evt-list{flex-wrap:wrap;flex:auto;gap:2px 8px;min-width:0;max-height:108px;display:flex;overflow-y:auto}.ee-evt{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;height:24px;padding:0 8px 0 6px;transition:background .15s;display:flex}.ee-evt:hover{background:var(--bg-hover)}.ee-evt.is-on .ee-evt-name{color:var(--text)}.ee-evt.is-sel{background:var(--bg-input)}.ee-evt.is-sel .ee-evt-name{color:var(--accent)}.ee-evt-name{min-width:0;color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:12px;font-weight:500;overflow:hidden}.ee-detail{flex-direction:column;flex:auto;min-width:0;padding:12px 16px;display:flex;overflow:hidden}.ee-detail-head{flex:none}.ee-detail-body{flex-direction:column;flex:auto;min-height:0;margin-top:8px;display:flex;overflow:hidden}.ee-detail-body .ptree{flex:auto;min-height:0}.ee-detail-body .ptree__row{padding:0}.ee-detail-body .ptree__row--block{flex:auto;min-height:0}.ee-detail-body .ptree__row--block .ptree__label{display:none}.ee-detail-body .st-code{flex:auto;gap:2px;min-height:0}.ee-detail-body .st-code__foot{flex:none;padding:4px 2px 2px;font-size:11px;line-height:normal}.ee-detail-body .ptree__row--block .ptree__control{flex-direction:column;min-height:0;display:flex}.ee-detail-body .ptree__row--block .ptree__control>.pc{flex:auto;min-height:0}.ee-detail-body .pc-body{flex-direction:column;flex:auto;min-height:0;display:flex}.ee-detail-body .pc-body>.st-code{flex:auto;min-height:0}.ee-detail-body .st-code__editor{flex:auto;min-height:120px;max-height:none}.ee-detail-empty{text-align:center;margin:auto}.ee-empty{color:var(--text-faint);margin:0;font-size:12px}.ee-field-row{align-items:center;gap:10px;display:flex}.ee-field-label{color:var(--text-dim);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:0 0 64px;font-size:12px;overflow:hidden}.ee-input{box-sizing:border-box;background:var(--bg-input);min-width:0;color:var(--text);border:1px solid var(--border-strong);border-radius:6px;outline:none;flex:auto;padding:6px 10px;font-size:12px;transition:border-color .15s}.ee-input:focus{border-color:var(--accent)}select.ee-input{height:32px}.ee-help{width:22px;height:22px;color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;transition:color .15s,background .15s;display:inline-flex}.ee-help:hover{color:var(--text);background:var(--bg-hover)}.ee-help__mask{z-index:6;position:fixed;inset:0}.ee-help__pop{z-index:7;transform-origin:100% 0;border:1px solid var(--border-strong);background:var(--bg-panel);width:min(340px,78%);box-shadow:var(--shadow-3);border-radius:8px;padding:8px 10px;position:absolute;top:calc(100% + 4px);right:12px}.ee-help__text{color:var(--text-dim);white-space:pre-wrap;margin:0;font-size:11px;line-height:1.6}.ee-switch{background:var(--border-strong);cursor:pointer;border:none;border-radius:8px;flex:none;width:30px;height:16px;margin:0;padding:0;transition:background .18s;position:relative}.ee-switch.is-on{background:var(--accent)}.ee-switch__dot{background:var(--on-accent);border-radius:50%;width:12px;height:12px;transition:transform .18s;position:absolute;top:2px;left:2px}.ee-switch.is-on .ee-switch__dot{transform:translate(14px)}.ee-evt-orphan{color:var(--warn);flex:none;margin:10px 0 0;font-size:11px}.ee-foot{background:var(--bg-bar);border-top:1px solid var(--border);flex:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.ee-tip{color:var(--text-faint);font-size:11px;line-height:1.4}.ee-foot-btns{flex-shrink:0;gap:8px;display:flex}.ee-btn{white-space:nowrap;height:var(--ctrl-sm);border:1px solid var(--accent-border);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:0 14px;font-size:12px;transition:background .15s,color .15s}.ee-btn:hover{background:var(--accent-soft)}.ee-btn--ghost{color:var(--text-dim);border-color:var(--border-strong);background:0 0}.ee-btn--ghost:hover{background:var(--bg-hover)}.dd{flex-direction:column;min-width:0;display:inline-flex;position:relative}.dd--block{width:100%;display:flex}.dd--disabled{opacity:.6;pointer-events:none}.dd__trigger{box-sizing:border-box;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm,6px);width:100%;color:var(--text);text-align:left;cursor:pointer;appearance:none;justify-content:space-between;align-items:center;gap:8px;padding:0 10px 0 12px;font-family:inherit;font-size:12px;line-height:1;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.dd__trigger:hover{border-color:var(--border-strong);background:var(--bg-hover)}.dd__trigger--active{border-color:var(--accent-border);box-shadow:0 0 0 2px var(--accent-soft);background:var(--bg-hover)}.dd--borderless .dd__trigger{background:0 0;border-color:#0000}.dd--borderless .dd__trigger:hover{background:var(--bg-hover);border-color:#0000}.dd--borderless .dd__trigger--active{box-shadow:none;background:var(--bg-hover);border-color:#0000}.dd__trigger:disabled{opacity:.5;cursor:not-allowed}.dd__trigger--slot{background:0 0;border:0;padding:0}.dd--xs .dd__trigger{height:28px;padding:0 6px 0 8px;font-size:11px}.dd--sm .dd__trigger{height:28px;font-size:12px}.dd--md .dd__trigger{border-radius:var(--radius,8px);height:32px;padding:0 10px 0 12px;font-size:14px}.dd--lg .dd__trigger{border-radius:var(--radius,8px);height:40px;padding:0 12px 0 14px;font-size:14px}.dd__label{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text);flex:auto;overflow:hidden}.dd__chev{color:var(--text-dim);flex:none;transition:transform .18s}.dd__clear{width:16px;height:16px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:12px;line-height:1;transition:background .15s,color .15s;display:none;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.dd__trigger:hover .dd__clear{display:inline-flex}.dd__clear:hover{background:var(--bg-hover);color:var(--text)}.dd--open .dd__chev{transform:rotate(180deg)}.dd__pop{z-index:var(--z-pop);background:var(--bg-pop);border:1px solid var(--border-strong);border-radius:var(--radius,8px);min-width:100%;box-shadow:var(--shadow-3);line-height:normal;position:absolute;top:calc(100% + 6px);overflow:hidden}.dd__pop--bottom-start{left:0}.dd__pop--bottom-end{right:0}.dd--dropup .dd__pop{top:auto;bottom:calc(100% + 6px)}.dd__list{max-height:280px;margin:0;padding:4px;list-style:none;overflow-y:auto}.dd__item{cursor:pointer;color:var(--text-dim);border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.dd--xs .dd__item,.dd--sm .dd__item{padding:6px 9px;font-size:12px}.dd__item:hover,.dd__item--active{background:var(--bg-hover);color:var(--text)}.dd__item--selected{color:var(--accent)}.dd__item--selected .dd__item-text{color:var(--accent);font-weight:500}.dd__item--disabled{opacity:.45;cursor:not-allowed}.dd__item--disabled:hover{background:0 0}.dd__item-text{white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.dd__check{color:var(--accent);flex:none}.dd__empty{text-align:center;color:var(--text-faint);cursor:default;padding:12px;font-size:12px}.dd-fade-enter-active,.dd-fade-leave-active{transition:opacity .14s,transform .14s}.dd-fade-enter-from,.dd-fade-leave-to{opacity:0;transform:translateY(-4px)}.dd__menu{min-width:168px;margin:0;padding:4px;list-style:none}.app__remote-pop.dd__menu{min-width:120px;padding:4px}.app__remote-item{cursor:pointer;color:var(--text-dim);border-radius:6px;align-items:center;gap:8px;padding:6px 9px;font-size:12px;display:flex}.app__remote-item.is-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.app__remote-item .app__icon{flex:0 0 16px;width:16px;height:16px}.dd__trigger--slot,.dd--xs .dd__trigger--slot,.dd--sm .dd__trigger--slot,.dd--md .dd__trigger--slot,.dd--lg .dd__trigger--slot{background:0 0;border:0;height:auto;padding:0}.app__icon--chev--open{transform:rotate(180deg)}.st-input,.st-textarea{box-sizing:border-box;width:100%;min-width:0;height:var(--ctrl-sm);background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text);border-radius:6px;outline:none;padding:6px 12px;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.st-textarea{resize:none;height:auto;min-height:96px;padding:6px 12px;line-height:1.5}.st-input:focus,.st-textarea:focus{border-color:var(--accent-border);box-shadow:0 0 0 2px var(--accent-soft)}.st-input:disabled,.st-textarea:disabled{opacity:.5;cursor:not-allowed}.st-input::placeholder,.st-textarea::placeholder{color:var(--text-faint)}.st-select{box-sizing:border-box;width:100%;min-width:0;height:var(--ctrl-sm);background:var(--bg-input) url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23949aab' d='M0 0h10L5 6z'/%3E%3C/svg%3E") no-repeat right 8px center;border:1px solid var(--border-strong);color:var(--text);appearance:none;cursor:pointer;border-radius:6px;outline:none;padding:0 24px 0 12px;font-family:inherit;font-size:12px}.st-select:focus{border-color:var(--accent-border)}.st-select option{background:var(--bg-panel);color:var(--text)}.st-number{box-sizing:border-box;width:100%;min-width:0;height:var(--ctrl-sm);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:6px;align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.st-number:focus-within{border-color:var(--accent-border)}.st-number__field{min-width:0;height:100%;color:var(--text);background:0 0;border:0;outline:none;flex:auto;padding:0 10px;font-family:inherit;font-size:12px}.st-number__field::placeholder{color:var(--text-faint)}.st-number__symbol{border-left:1px solid var(--border);background:var(--overlay-tint);min-width:24px;height:100%;color:var(--text-dim);-webkit-user-select:none;user-select:none;flex:none;justify-content:center;align-items:center;padding:0 8px;font-size:11px;display:inline-flex}.st-number__symbol--btn{cursor:pointer}.st-number__symbol--btn:hover{background:var(--bg-hover);color:var(--text)}.st-number__caret{border-left:1px solid var(--border);width:20px;height:100%;color:var(--text-faint);cursor:pointer;flex:none;justify-content:center;align-items:center;display:inline-flex}.st-number__caret:hover{background:var(--bg-hover);color:var(--text)}.st-number__field:disabled{cursor:not-allowed;opacity:.55}.st-number-wrap,.st-numberstyle{width:100%;min-width:0;position:relative}.st-pop-mask{z-index:var(--z-overlay);position:fixed;inset:0}.st-pop{z-index:var(--z-pop);background:var(--bg-panel);border:1px solid var(--border);min-width:80px;box-shadow:var(--shadow-3);border-radius:6px;padding:6px;position:absolute;top:calc(100% + 4px);right:0}.st-pop__item{color:var(--text-dim);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:4px;padding:8px 12px;font-size:13px;line-height:1;transition:background .12s,color .12s}.st-pop__item:hover{background:var(--bg-hover);color:var(--text)}.st-pop__item--on{color:var(--accent);background:var(--accent-soft)}.st-seg{border:1px solid var(--border);border-radius:2px;align-items:stretch;width:100%;min-width:0;display:flex}.st-seg__item{min-width:0;height:calc(var(--ctrl-sm) - 2px);background:var(--bg-input);border-left:1px solid var(--border);color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;flex:1 1 0;justify-content:center;align-items:center;gap:3px;padding:0 4px;font-size:12px;line-height:1;transition:background .12s,color .12s;display:inline-flex}.st-seg__item:first-child{border-left:0;border-top-left-radius:2px;border-bottom-left-radius:2px}.st-seg__item:last-child{border-top-right-radius:2px;border-bottom-right-radius:2px}.st-seg__item:hover{background:var(--bg-hover);color:var(--text)}.st-seg__item--on{background:var(--accent-soft);color:var(--accent);position:relative}.st-seg__item--on:after{content:"";border:1px solid var(--accent-border);border-radius:2px;width:100%;height:100%;position:absolute;top:-1px;left:-1px}.st-seg__item--on:hover{background:var(--accent-soft);color:var(--accent)}.st-seg__icon{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;width:14px;height:14px;display:block}.st-switch{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.st-switch__track{background:var(--bg-hover);border:1px solid var(--border-strong);border-radius:999px;flex:none;width:34px;height:18px;transition:background .16s,border-color .16s;position:relative}.st-switch__knob{background:var(--text-dim);border-radius:50%;width:14px;height:14px;transition:transform .16s,background .16s;position:absolute;top:1px;left:1px}.st-switch--on .st-switch__track{background:var(--accent-soft);border-color:var(--accent-border)}.st-switch--on .st-switch__knob{background:var(--accent);transform:translate(16px)}.st-switch__text{color:var(--text-dim);font-size:12px}.st-image{width:100%;min-width:0}.st-image__row{align-items:center;gap:6px;display:flex}.st-ic{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px;display:block}.st-image__clear,.st-color__clear{border:1px solid var(--border);background:var(--bg-input);width:26px;height:26px;color:var(--text-dim);cursor:pointer;border-radius:6px;flex:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.st-image__clear:hover,.st-color__clear:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-strong)}.st-bgpos{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.st-bgpos__xy,.st-bgsize__xy{gap:8px;display:flex}.st-bgpos__xy>*,.st-bgsize__xy>*{flex:1 1 0;min-width:0}.st-bgsize{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.st-color{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}.st-color__top{align-items:center;gap:6px;display:flex}.st-color__swatch{border:1px solid var(--border-strong);cursor:pointer;background:var(--bg-input);border-radius:5px;flex:none;width:28px;height:28px;padding:0;position:relative;overflow:hidden}.st-color__swatch:disabled{cursor:not-allowed;opacity:.6}.st-color__checker{background-image:linear-gradient(45deg, var(--text-faint) 25%, transparent 25%), linear-gradient(-45deg, var(--text-faint) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--text-faint) 75%), linear-gradient(-45deg, transparent 75%, var(--text-faint) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px;position:absolute;inset:0}.st-color__fill{border-radius:4px;position:absolute;inset:0}.st-color__pop{background:var(--bg-panel);border:1px solid var(--border-strong);max-width:calc(100vw - 16px);box-shadow:0 16px 48px var(--shadow-card);border-radius:8px;overflow:hidden}.st-color__pop .vc-sketch{box-shadow:none;background:var(--bg-panel);box-sizing:border-box;border-radius:0;width:100%!important}.st-color__text{flex:auto;min-width:0}.st-color__alpha-row{align-items:center;gap:6px;display:flex}.st-color__alpha-label{color:var(--text-dim);flex:0 0 36px;font-size:11px}.st-color__alpha-slider{appearance:none;background:linear-gradient(to right, transparent 0%, var(--text) 100%);opacity:.7;border-radius:7px;outline:none;flex:auto;height:14px;transition:opacity .15s}.st-color__alpha-slider:hover{opacity:1}.st-color__alpha-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--on-accent);border:2px solid var(--border-strong);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0000004d}.st-color__alpha-slider::-moz-range-thumb{background:var(--on-accent);border:2px solid var(--border-strong);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 3px #0000004d}.st-color__alpha-val{color:var(--text-dim);text-align:right;flex:0 0 32px;font-size:11px}.st-grid9{background:var(--bg-input);border:1px solid var(--border);border-radius:5px;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;padding:6px;display:grid}.st-grid9__cell{cursor:pointer;border-radius:3px;justify-content:center;align-items:center;height:20px;display:flex}.st-grid9__dot{border:1px solid var(--border-strong);border-radius:2px;width:14px;height:14px;transition:background .12s,border-color .12s}.st-grid9__cell:hover .st-grid9__dot{border-color:var(--accent-border);background:var(--accent-soft)}.st-grid9__cell--on .st-grid9__dot{background:var(--accent);border-color:var(--accent)}.st-pad{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.st-gradient{flex-direction:column;gap:6px;width:100%;display:flex}.st-gradient__preview{border:1px solid var(--border);border-radius:4px;height:20px}.st-gradient__stop{align-items:center;gap:6px;display:flex}.st-gradient__del{border:1px solid var(--border);background:var(--bg-input);width:22px;height:22px;color:var(--text-faint);cursor:pointer;border-radius:4px;flex:none;font-size:12px;line-height:1}.st-gradient__del:hover{border-color:var(--danger);color:var(--danger)}.st-minibtn{background:var(--bg-input);border:1px dashed var(--border-strong);height:24px;color:var(--text-dim);cursor:pointer;white-space:nowrap;border-radius:5px;padding:0 10px;font-size:11px;transition:color .12s,border-color .12s}.st-minibtn:hover{color:var(--accent);border-color:var(--accent-border)}.st-iconsel{align-items:center;gap:6px;width:100%;display:flex}.st-iconsel__preview{background:var(--bg-input);border:1px solid var(--border);width:28px;height:28px;color:var(--text);border-radius:5px;flex:none;justify-content:center;align-items:center;display:inline-flex}.st-iconsel__grid{background:var(--bg-input);border:1px solid var(--border);border-radius:5px;grid-template-columns:repeat(8,1fr);gap:4px;width:100%;max-height:168px;margin-top:6px;padding:6px;display:grid;overflow:auto}.st-iconsel__cell{cursor:pointer;height:26px;color:var(--text-dim);border-radius:4px;justify-content:center;align-items:center;display:inline-flex}.st-iconsel__cell:hover{background:var(--bg-hover);color:var(--text)}.st-iconsel__cell--on{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-border)}.st-customsel{flex-wrap:wrap;gap:6px;width:100%;display:flex}.st-customsel__item{background:var(--bg-input);border:1px solid var(--border);cursor:pointer;border-radius:5px;padding:3px 8px;font-size:12px;line-height:18px}.st-customsel__item:hover{border-color:var(--accent-border)}.st-list{flex-direction:column;gap:6px;width:100%;display:flex}.st-list__item{border:1px solid var(--border);background:var(--overlay-tint);border-radius:6px;overflow:hidden}.st-list__head{background:var(--overlay-tint);border-bottom:1px solid var(--border);color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:flex}.st-list__title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:auto;overflow:hidden}.st-list__op{width:22px;height:22px;color:var(--text-faint);cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;font-size:14px;line-height:1}.st-list__op:hover{background:var(--bg-hover);color:var(--text)}.st-list__op--del:hover{background:var(--danger-soft);color:var(--danger)}.st-list__body{padding:6px 8px}.st-list__empty{color:var(--text-faint);padding:4px 0;font-size:11px}.st-list__row{align-items:center;gap:8px;padding:3px 0;display:flex}.st-list__label{color:var(--text-dim);text-align:right;white-space:nowrap;text-overflow:ellipsis;flex:0 0 72px;font-size:11px;line-height:1;overflow:hidden}.st-list__control{flex:auto;min-width:0}.st-code{flex-direction:column;gap:4px;min-width:0;display:flex;position:relative}.st-code__lang{border:1px solid var(--border);background:var(--bg-bar);color:var(--text-faint);letter-spacing:.4px;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:4px;padding:0 5px;font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:10px;line-height:16px;position:absolute;top:6px;right:8px}.st-code__editor{box-sizing:border-box;background:var(--bg-input);border:1px solid var(--border-strong);min-height:140px;max-height:340px;color:var(--text);tab-size:2;white-space:pre;border-radius:6px;outline:none;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;overflow:auto}.st-code__editor:focus{border-color:var(--accent)}.st-code__editor.is-disabled{opacity:.6;pointer-events:none}.st-code__editor.is-bridged{border-color:var(--accent-border)}.st-code__foot-actions{flex:none;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.st-code__bridge-tag{color:var(--accent);white-space:nowrap;font-size:11px}.st-code__vscode{height:22px;color:var(--text-faint);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;gap:4px;padding:0 5px;font-size:11px;line-height:normal;transition:color .15s,background .15s;display:inline-flex}.st-code__vscode-label{letter-spacing:.2px;font-size:11px;line-height:normal}.st-code__vscode:hover{color:var(--text);background:var(--bg-hover)}.st-code__vscode.is-on{color:var(--accent)}.st-code__vscode.is-on:hover{background:var(--accent-soft);color:var(--accent)}.st-code__vscode:disabled{opacity:.5;cursor:not-allowed}.st-code__vscode svg{fill:currentColor;display:block}.st-code__foot{color:var(--text-faint);align-items:center;gap:10px;font-size:11px;line-height:normal;display:flex}.st-code__hint{line-height:normal}.st-code__warn{color:var(--code-warn);margin-left:auto}.st-code__editor .token.comment,.st-code__editor .token.prolog,.st-code__editor .token.doctype,.st-code__editor .token.cdata{color:var(--code-comment)}.st-code__editor .token.punctuation{color:var(--code-punc)}.st-code__editor .token.property,.st-code__editor .token.tag,.st-code__editor .token.boolean,.st-code__editor .token.number,.st-code__editor .token.constant,.st-code__editor .token.symbol{color:var(--code-prop)}.st-code__editor .token.selector,.st-code__editor .token.attr-name,.st-code__editor .token.string,.st-code__editor .token.char,.st-code__editor .token.builtin{color:var(--code-str)}.st-code__editor .token.operator,.st-code__editor .token.entity,.st-code__editor .token.url{color:var(--code-num)}.st-code__editor .token.keyword{color:var(--code-kw)}.st-code__editor .token.function,.st-code__editor .token.class-name{color:var(--code-fn)}.st-code__editor .token.regex,.st-code__editor .token.important,.st-code__editor .token.variable{color:var(--code-var)}.st-expr{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-sm,6px);background:var(--bg-input);flex-direction:column;height:120px;min-height:96px;display:flex;position:relative;overflow:hidden}.st-expr:focus-within{border-color:var(--accent)}.st-expr--disabled{opacity:.6;cursor:not-allowed}.st-expr__editor{color:var(--text);white-space:pre-wrap;word-break:break-word;outline:none;flex:auto;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;overflow:auto}.st-expr__editor.is-disabled{pointer-events:none}.st-expr__foot{color:var(--text-dim);border-top:1px solid var(--border);background:var(--bg-soft);-webkit-user-select:none;user-select:none;flex:none;justify-content:flex-end;padding:2px 8px;font-size:11px;line-height:1.5;display:flex}.st-expr__hint{white-space:nowrap;line-height:normal}.st-expr__ph{color:var(--text-faint);white-space:pre-wrap;word-break:break-word;pointer-events:none;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.5;position:absolute;top:0;left:0;right:0}.st-expr__editor .token.comment,.st-expr__editor .token.prolog,.st-expr__editor .token.doctype,.st-expr__editor .token.cdata{color:var(--code-comment)}.st-expr__editor .token.punctuation{color:var(--code-punc)}.st-expr__editor .token.property,.st-expr__editor .token.tag,.st-expr__editor .token.boolean,.st-expr__editor .token.number,.st-expr__editor .token.constant,.st-expr__editor .token.symbol{color:var(--code-prop)}.st-expr__editor .token.selector,.st-expr__editor .token.attr-name,.st-expr__editor .token.string,.st-expr__editor .token.char,.st-expr__editor .token.builtin{color:var(--code-str)}.st-expr__editor .token.operator,.st-expr__editor .token.entity,.st-expr__editor .token.url{color:var(--code-num)}.st-expr__editor .token.keyword{color:var(--code-kw)}.st-expr__editor .token.function,.st-expr__editor .token.class-name{color:var(--code-fn)}.st-expr__editor .token.regex,.st-expr__editor .token.important,.st-expr__editor .token.variable{color:var(--code-var)}.st-expr__editor .token.binding-var{color:var(--code-binding)}.st-ifform{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.st-raw{width:100%;min-width:0;color:var(--text-dim);word-break:break-all;background:var(--bg-input);border:1px dashed var(--border);border-radius:5px;padding:4px 8px;font-size:11px}.st-raw__type{color:var(--text-faint);margin-right:4px}.ni-body .st-input,.ee-detail-body .st-input{height:var(--ctrl-md)}.pc[data-v-c0ff0a96]{flex-direction:column;gap:6px;display:flex}.pc-body[data-v-c0ff0a96]{line-height:0}.pc-srcs[data-v-c0ff0a96]{gap:4px;line-height:1.5;display:flex}.pc-src[data-v-c0ff0a96]{border:1px solid var(--border);height:24px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:0 10px;font-size:12px;transition:background .12s,color .12s,border-color .12s}.pc-src[data-v-c0ff0a96]:hover{background:var(--bg-hover);color:var(--text)}.pc-src.is-active[data-v-c0ff0a96]{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-border)}.pc-src.is-active[data-v-c0ff0a96]:hover{background:var(--accent-soft);color:var(--accent)}.pc--readonly .pc-src[data-v-c0ff0a96]{opacity:.6;cursor:not-allowed}
package/dist/preview-editor/index.html CHANGED
@@ -8,8 +8,8 @@
8
8
  <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon-16-Cg6Nrosk.png" />
9
9
  <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon-32-B_1744sp.png" />
10
10
  <link rel="apple-touch-icon" sizes="180x180" href="/assets/apple-touch-icon-BQcES9QK.png" />
11
- <script type="module" crossorigin src="/assets/index-BQKzMPBq.js"></script>
12
- <link rel="stylesheet" crossorigin href="/assets/index-D3zp47Dg.css">
11
+ <script type="module" crossorigin src="/assets/index-B9MOriNv.js"></script>
12
+ <link rel="stylesheet" crossorigin href="/assets/index-CwD14gm3.css">
13
13
  </head>
14
14
  <body>
15
15
  <div id="app"></div>
package/dist/server-core/index.js CHANGED
@@ -28,6 +28,15 @@ import { createSliceStaticMiddleware } from './sliceStatic.js'
28
28
  import { createCardImageMiddleware } from './cardImage.js'
29
29
  import { createOpenFolderMiddleware } from './cardOpenFolder.js'
30
30
  import { createCodeBridgeMiddleware } from './codeBridge.js'
31
+ import {
32
+ createLogMiddleware,
33
+ installLogMirror,
34
+ subscribeLog,
35
+ pushLogText,
36
+ getLogSnapshot,
37
+ clearLogBuffer,
38
+ logStreamEnabled,
39
+ } from './logStream.js'
31
40
  import { buildDataFromSchema } from './buildDataFromSchema.js'
32
41
 
33
42
  export {
@@ -49,6 +58,13 @@ export {
49
58
  createCardImageMiddleware,
50
59
  createOpenFolderMiddleware,
51
60
  createCodeBridgeMiddleware,
61
+ createLogMiddleware,
62
+ installLogMirror,
63
+ subscribeLog,
64
+ pushLogText,
65
+ getLogSnapshot,
66
+ clearLogBuffer,
67
+ logStreamEnabled,
52
68
  buildDataFromSchema,
53
69
  }
54
70
 
@@ -82,6 +98,9 @@ export function mountCoreMiddlewares(app, { root, viteServer = null, upstream =
82
98
  app.use(createOpenFolderMiddleware({ root }))
83
99
  // 外部编辑器代码桥（VSCode / DSL_EDITOR_CMD）：临时 js + 保存回写 + 会话 TTL 清理
84
100
  app.use(createCodeBridgeMiddleware({ root, notify, watchFile }))
101
+ // 服务日志流（编辑器底部「服务日志」面板）：GET /__logs 取历史 / 断线补漏，
102
+ // POST /__logs/ingest 供外部进程（启动器）注入；实时推送由 SSE hub 侧订阅完成。
103
+ app.use(createLogMiddleware())
85
104
  // 卡片预览图静态服务：/__card-image/<id> → src/cards/<id>/<id>.<ext>（编辑器网格预览缩略图用，
86
105
  // 复用本地静态服务，避免实时无头截图）。
87
106
  app.use(createCardImageMiddleware({ root }))
package/dist/server-core/logStream.js ADDED
@@ -0,0 +1,275 @@
1
+ /**
2
+ * server/core/logStream.js
3
+ * 服务进程日志流：终端输出镜像 + 环形缓冲 + 订阅推送，供编辑器底部「服务日志」面板实时消费。
4
+ *
5
+ * 为什么镜像 stdout/stderr 而不是只挂 logger.js：
6
+ * - logger.js 的 emit() 只覆盖 log.info/ok/warn/error；server/core 里仍有直接 console.*
7
+ * （renderStatus / cardSave / cardHistory），第三方依赖（vite SSR、playwright、chokidar）
8
+ * 与 Node 自身的告警也只写 stdout/stderr。镜像 write() 才能拿到「终端上看到的同一份内容」。
9
+ * - 镜像保留原始 ANSI（chalk 真彩 38;2;r;g;b），前端解析后即可 1:1 还原终端配色，
10
+ * 包括 logger.js 的 box() / rule() 框线；不做服务端转 HTML，避免把展示逻辑沉到后端。
11
+ *
12
+ * 数据形态：每条 = { seq, t, text }
13
+ * - seq：进程内单调递增序号。前端断线重连后可用 GET /__logs?since=<seq> 精确补齐缺口，
14
+ * 不必重拉整段历史。
15
+ * - t：服务端收到该行的时间（epoch ms）。logger 行自带 HH:MM:SS.mmm，但 console.* 与
16
+ * 第三方输出没有，统一补一个接收时刻便于排序与展示。
17
+ * - text：原始行内容（含 ANSI，已去掉行尾 \r）。
18
+ *
19
+ * 端点（见 createLogMiddleware，随 mountCoreMiddlewares 一起挂载）：
20
+ * - GET /__logs?limit=300&since=<seq> → { ok, enabled, startedAt, pid, seq, dropped, lines }
21
+ * - POST /__logs/ingest body { text } → 外部进程（如启动器 tools/dev.mjs）注入日志行
22
+ * 实时推送复用 cardbuddy 既有的 SSE hub：standalone.js 里 subscribeLog() → notify({lines}, 'service-log')。
23
+ *
24
+ * 开关与安全：
25
+ * - CARDBUDDY_STREAM_LOGS=0 完全关闭（不镜像、端点返回 enabled:false）。
26
+ * - 服务只绑 127.0.0.1，但 CORS 反射任意来源，日志比卡片列表更敏感（远端地址、错误栈、cardId）；
27
+ * logger.js 的 redact() 已对大段正文脱敏，配置了 DSL_DEV_TOKEN 时 /__logs 与其它 API 一样受
28
+ * tokenMiddleware 保护（EventSource 不能带 header，故 SSE 侧支持 ?token= 查询参数）。
29
+ *
30
+ * 稳健性铁律：镜像与推送都包在 try/catch 里，任何异常都不得影响原始 write() 与主流程。
31
+ */
32
+
33
+ /** 环形缓冲上限（条）。800 行 × 约 200 字符 ≈ 160KB 常驻，足够回溯一次操作链。 */
34
+ const MAX_LINES = Number(process.env.CARDBUDDY_LOG_BUFFER || 800)
35
+ /** 单行长度上限：超长行（如整段 JSON dump）截断，避免一行吃掉整个缓冲。 */
36
+ const MAX_LINE_CHARS = 4000
37
+ /** 批量推送间隔（ms）：合并同一轮操作的多行，避免 SSE 逐行刷屏。 */
38
+ const FLUSH_MS = 100
39
+ /** 批量条数阈值：突发日志（截图 / 批量校验）达到即立刻推，不等定时器。 */
40
+ const FLUSH_BATCH = 40
41
+ /** /__logs/ingest 请求体上限（字节）。 */
42
+ const MAX_BODY = 256 * 1024
43
+ /** 未换行的残留缓冲上限：进度条类输出（只有 \r 没有 \n）不会无限堆积。 */
44
+ const MAX_PARTIAL = 8000
45
+
46
+ /** 是否启用日志流（进程启动时定一次，运行期不切换）。 */
47
+ export const logStreamEnabled = process.env.CARDBUDDY_STREAM_LOGS !== '0'
48
+
49
+ /** @type {{ seq: number, t: number, text: string }[]} */
50
+ const buffer = []
51
+ /** 因缓冲上限被淘汰的行数（前端据此提示「仅保留最近 N 行」）。 */
52
+ let dropped = 0
53
+ /** 已分配的最大 seq（0 表示尚无日志）。 */
54
+ let lastSeq = 0
55
+ const startedAt = Date.now()
56
+
57
+ /** @type {Set<(lines: {seq:number,t:number,text:string}[]) => void>} */
58
+ const subscribers = new Set()
59
+ /** @type {{seq:number,t:number,text:string}[]} */
60
+ let pending = []
61
+ let flushTimer = null
62
+
63
+ function flush() {
64
+ if (flushTimer) {
65
+ clearTimeout(flushTimer)
66
+ flushTimer = null
67
+ }
68
+ if (!pending.length) return
69
+ const batch = pending
70
+ pending = []
71
+ for (const cb of subscribers) {
72
+ try {
73
+ cb(batch)
74
+ } catch {
75
+ /* 单个订阅者异常不影响其它订阅者与主流程 */
76
+ }
77
+ }
78
+ }
79
+
80
+ function scheduleFlush() {
81
+ if (pending.length >= FLUSH_BATCH) return flush()
82
+ if (!flushTimer) flushTimer = setTimeout(flush, FLUSH_MS)
83
+ }
84
+
85
+ /** 归一化并收纳一行；返回入库的记录（未启用时返回 null）。 */
86
+ function record(line) {
87
+ if (!logStreamEnabled) return null
88
+ let text = String(line).replace(/\r$/, '')
89
+ if (!text) return null
90
+ if (text.length > MAX_LINE_CHARS) text = text.slice(0, MAX_LINE_CHARS) + '…(truncated)'
91
+ const entry = { seq: ++lastSeq, t: Date.now(), text }
92
+ buffer.push(entry)
93
+ if (buffer.length > MAX_LINES) {
94
+ dropped += buffer.length - MAX_LINES
95
+ buffer.splice(0, buffer.length - MAX_LINES)
96
+ }
97
+ pending.push(entry)
98
+ scheduleFlush()
99
+ return entry
100
+ }
101
+
102
+ /**
103
+ * 注入一行日志（镜像与 ingest 端点共用入口）。
104
+ * @param {string} line
105
+ */
106
+ export function pushLogLine(line) {
107
+ try {
108
+ return record(line)
109
+ } catch {
110
+ return null
111
+ }
112
+ }
113
+
114
+ /**
115
+ * 注入一段可能含多行的文本（ingest 端点 / 外部进程转发用）。
116
+ * @param {string} text
117
+ * @returns {number} 实际入库行数
118
+ */
119
+ export function pushLogText(text) {
120
+ const raw = String(text || '')
121
+ if (!raw) return 0
122
+ let n = 0
123
+ for (const line of raw.split('\n')) if (record(line)) n++
124
+ return n
125
+ }
126
+
127
+ /**
128
+ * 取历史快照。
129
+ * @param {{ limit?: number, since?: number }} [opts]
130
+ * - since：只返回 seq > since 的行（断线补漏）；
131
+ * - limit：最多返回多少行（默认 300，取最新的）。
132
+ */
133
+ export function getLogSnapshot({ limit = 300, since = 0 } = {}) {
134
+ const max = Math.max(1, Math.min(MAX_LINES, Number(limit) || 300))
135
+ const from = Number(since) || 0
136
+ const rows = from > 0 ? buffer.filter((e) => e.seq > from) : buffer
137
+ const lines = rows.length > max ? rows.slice(rows.length - max) : rows
138
+ return {
139
+ ok: true,
140
+ enabled: logStreamEnabled,
141
+ startedAt,
142
+ pid: process.pid,
143
+ seq: lastSeq,
144
+ dropped,
145
+ buffered: buffer.length,
146
+ truncated: rows.length > lines.length,
147
+ lines,
148
+ }
149
+ }
150
+
151
+ /** 清空缓冲（面板「清空」可选调用；seq 不回退，since 语义保持单调）。 */
152
+ export function clearLogBuffer() {
153
+ buffer.length = 0
154
+ pending = []
155
+ dropped = 0
156
+ }
157
+
158
+ /**
159
+ * 订阅新日志（批量回调）。
160
+ * @param {(lines: {seq:number,t:number,text:string}[]) => void} cb
161
+ * @returns {() => void} 取消订阅
162
+ */
163
+ export function subscribeLog(cb) {
164
+ if (typeof cb !== 'function') return () => {}
165
+ subscribers.add(cb)
166
+ return () => subscribers.delete(cb)
167
+ }
168
+
169
+ /** 当前订阅者数量（诊断用）。 */
170
+ export function logSubscriberCount() {
171
+ return subscribers.size
172
+ }
173
+
174
+ let mirrorInstalled = false
175
+
176
+ /**
177
+ * 镜像本进程 stdout/stderr 到日志流。幂等；CLI 入口尽早调用即可覆盖启动期日志。
178
+ *
179
+ * 实现要点：
180
+ * - 包装 write() 而非监听 'data'：后者只在管道/TTY 的可读侧成立，且拿不到本进程自己的写入。
181
+ * - 按 \n 切行并保留跨 chunk 的半行（partial）；一行日志可能被拆成多个 chunk 写入。
182
+ * - 纯 \r 刷新（进度条）不产行，partial 超过 MAX_PARTIAL 时强制截断入库，防止无界增长。
183
+ * - 原始 write() 一定被调用并原样返回，镜像失败也不影响终端输出。
184
+ */
185
+ export function installLogMirror() {
186
+ if (mirrorInstalled || !logStreamEnabled) return false
187
+ mirrorInstalled = true
188
+ for (const stream of [process.stdout, process.stderr]) {
189
+ if (!stream || typeof stream.write !== 'function') continue
190
+ const original = stream.write.bind(stream)
191
+ let partial = ''
192
+ stream.write = function patchedWrite(chunk, ...rest) {
193
+ try {
194
+ const text = typeof chunk === 'string' ? chunk : Buffer.isBuffer(chunk) ? chunk.toString('utf8') : String(chunk)
195
+ partial += text
196
+ let idx
197
+ while ((idx = partial.indexOf('\n')) >= 0) {
198
+ const line = partial.slice(0, idx)
199
+ partial = partial.slice(idx + 1)
200
+ record(line)
201
+ }
202
+ // 只允许最后一个 \r 之后的内容作为「当前进度行」留存，其余直接丢弃并记一行，
203
+ // 避免进度条把 partial 撑爆（同时保留最终状态可见）。
204
+ const cr = partial.lastIndexOf('\r')
205
+ if (cr >= 0) partial = partial.slice(cr + 1)
206
+ if (partial.length > MAX_PARTIAL) {
207
+ record(partial.slice(0, MAX_PARTIAL))
208
+ partial = ''
209
+ }
210
+ } catch {
211
+ /* 镜像绝不抛出：日志流故障不能拖垮服务 */
212
+ }
213
+ return original(chunk, ...rest)
214
+ }
215
+ }
216
+ return true
217
+ }
218
+
219
+ /**
220
+ * 日志流 HTTP 端点：GET /__logs（历史/补漏）、POST /__logs/ingest（外部进程注入）。
221
+ * 挂在 mountCoreMiddlewares 里，因此 Vite 插件形态与 cardbuddy 独立服务形态同时可用。
222
+ */
223
+ export function createLogMiddleware() {
224
+ const sendJson = (res, status, payload) => {
225
+ res.statusCode = status
226
+ res.setHeader('Content-Type', 'application/json')
227
+ res.setHeader('Cache-Control', 'no-store')
228
+ res.end(JSON.stringify(payload))
229
+ }
230
+
231
+ const readBody = (req, limit = MAX_BODY) =>
232
+ new Promise((resolve, reject) => {
233
+ let body = ''
234
+ req.on('data', (c) => {
235
+ body += c
236
+ if (body.length > limit) {
237
+ reject(new Error('body too large'))
238
+ req.destroy()
239
+ }
240
+ })
241
+ req.on('end', () => resolve(body))
242
+ req.on('error', reject)
243
+ })
244
+
245
+ return async function logMiddleware(req, res, next) {
246
+ const raw = (req.url || '').split('?')[0]
247
+ if (raw !== '/__logs' && raw !== '/__logs/ingest') return next()
248
+ const method = (req.method || 'GET').toUpperCase()
249
+
250
+ if (raw === '/__logs' && method === 'GET') {
251
+ if (!logStreamEnabled) return sendJson(res, 200, { ok: true, enabled: false, lines: [] })
252
+ const q = new URLSearchParams((req.url || '').split('?')[1] || '')
253
+ return sendJson(
254
+ res,
255
+ 200,
256
+ getLogSnapshot({ limit: Number(q.get('limit')) || 300, since: Number(q.get('since')) || 0 })
257
+ )
258
+ }
259
+
260
+ if (raw === '/__logs/ingest' && method === 'POST') {
261
+ if (!logStreamEnabled) return sendJson(res, 200, { ok: true, enabled: false, accepted: 0 })
262
+ let payload
263
+ try {
264
+ payload = JSON.parse((await readBody(req)) || '{}')
265
+ } catch {
266
+ return sendJson(res, 400, { ok: false, error: 'invalid json' })
267
+ }
268
+ const text = typeof payload.text === 'string' ? payload.text : ''
269
+ const accepted = pushLogText(text)
270
+ return sendJson(res, 200, { ok: true, accepted, seq: lastSeq })
271
+ }
272
+
273
+ return sendJson(res, 405, { ok: false, error: 'method not allowed' })
274
+ }
275
+ }
package/dist/standalone.js CHANGED
@@ -22,7 +22,7 @@ import vue from '@vitejs/plugin-vue'
22
22
  import chokidar from 'chokidar'
23
23
  import chalk from 'chalk'
24
24
 
25
- import { mountCoreMiddlewares } from './core.js'
25
+ import { mountCoreMiddlewares, installLogMirror, subscribeLog } from './core.js'
26
26
  import { loadConfig } from './config.js'
27
27
 
28
28
  const MIME_TYPES = {
@@ -259,11 +259,17 @@ function corsMiddleware(req, res, next) {
259
259
  next()
260
260
  }
261
261
 
262
- /** 可选 token 鉴权。 */
262
+ /**
263
+ * 可选 token 鉴权。
264
+ * 浏览器原生 EventSource 无法自定义请求头，故 SSE（/__events，服务日志与卡片变更推送都走它）
265
+ * 额外允许经查询参数携带：?token=<t>（别名 ?access_token=<t>）。其余端点仍以 header 为准。
266
+ */
263
267
  function tokenMiddleware(token) {
264
268
  return (req, res, next) => {
265
269
  if (req.method === 'OPTIONS') return next()
266
- if (req.headers['x-dev-token'] !== token) {
270
+ const query = new URLSearchParams((req.url || '').split('?')[1] || '')
271
+ const provided = req.headers['x-dev-token'] || query.get('token') || query.get('access_token')
272
+ if (provided !== token) {
267
273
  res.statusCode = 403
268
274
  res.setHeader('Content-Type', 'application/json')
269
275
  return res.end(JSON.stringify({ error: 'invalid x-dev-token' }))
@@ -395,6 +401,12 @@ export async function startServer(userConfig = {}) {
395
401
  const events = createEventsEndpoint()
396
402
  app.use(events.handler)
397
403
 
404
+ // 服务日志流：镜像本进程 stdout/stderr（含 chalk ANSI）→ 环形缓冲 → SSE 批量推送。
405
+ // 编辑器底部「服务日志」面板订阅 event: service-log；历史与断线补漏走 GET /__logs。
406
+ // installLogMirror 幂等，CLI 入口已先行安装，这里兜住以编程方式调用 startServer 的场景。
407
+ installLogMirror()
408
+ subscribeLog((lines) => events.notify({ lines }, 'service-log'))
409
+
398
410
  const vite = await createEmbeddedVite(config)
399
411
  // upstream（FINMALL_BASE_URL）透传给资源代理中间件，使其能回源 FinMall 取站内资源
400
412
  mountCoreMiddlewares(app, {