cardbuddy 0.7.0 → 0.8.0

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 (26) hide show
  1. package/README.md +21 -0
  2. package/dist/preview-editor/assets/index-BQKzMPBq.js +79 -0
  3. package/dist/preview-editor/assets/index-D3zp47Dg.css +1 -0
  4. package/dist/preview-editor/index.html +2 -2
  5. package/dist/server-core/codeBridge.js +359 -0
  6. package/dist/server-core/index.js +8 -2
  7. package/dist/standalone.js +18 -3
  8. package/dist/vendored/App.vue +17 -13
  9. package/dist/vendored/api.js +102 -32
  10. package/dist/vendored/components/ApiCallPanel.vue +13 -1
  11. package/dist/vendored/components/ApiPayloadTree.vue +34 -1
  12. package/dist/vendored/components/ComponentPalette.vue +45 -38
  13. package/dist/vendored/components/DebugPanel.vue +146 -39
  14. package/dist/vendored/components/EventEditor.vue +27 -3
  15. package/dist/vendored/components/LogValue.vue +2 -1
  16. package/dist/vendored/components/PropControl.vue +6 -2
  17. package/dist/vendored/components/setters/SetCode.vue +111 -3
  18. package/dist/vendored/styles/app.css +366 -82
  19. package/dist/vendored/styles/card-gallery.css +3 -2
  20. package/dist/vendored/styles/dropdown.css +3 -0
  21. package/dist/vendored/styles/node-inspector.css +176 -119
  22. package/dist/vendored/styles/setters.css +91 -2
  23. package/dist/vendored/styles/structure-tree.css +25 -12
  24. package/package.json +1 -1
  25. package/dist/preview-editor/assets/index-BlscexDE.js +0 -79
  26. package/dist/preview-editor/assets/index-dlbSPb5W.css +0 -1
package/dist/preview-editor/assets/index-D3zp47Dg.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-c62107d5]{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-c62107d5]{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-c62107d5]{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;display:flex}.cp__title[data-v-c62107d5]{font-size:13px;font-weight:600}.cp__hint[data-v-c62107d5]{color:var(--text-faint);font-size:11px}.cp__close[data-v-c62107d5]{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-c62107d5]:hover{background:var(--bg-hover);color:var(--text)}.cp__body[data-v-c62107d5]{padding:10px 16px 16px;overflow-y:auto}.cp__group[data-v-c62107d5]{margin-top:10px}.cp__group-title[data-v-c62107d5]{color:var(--text-faint);letter-spacing:.04em;margin:0 0 6px;font-size:11px;font-weight:600}.cp__grid[data-v-c62107d5]{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.cp__item[data-v-c62107d5]{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-c62107d5]:hover{border-color:var(--accent-border);background:var(--accent-soft)}.cp__avatar[data-v-c62107d5]{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-c62107d5]{color:var(--accent);background:var(--accent-soft)}.cp__avatar[data-g=basic][data-v-c62107d5]{color:var(--ok);background:var(--ok-soft)}.cp__avatar svg[data-v-c62107d5]{width:18px;height:18px;display:block}.cp__avatar-text[data-v-c62107d5]{justify-content:center;align-items:center;width:18px;height:18px;font-size:13px;font-weight:600;display:flex}.cp__item-name[data-v-c62107d5]{text-align:center;font-size:12px;line-height:1.2}.cp__item-class[data-v-c62107d5]{color:var(--text-faint);font-family:SF Mono,JetBrains Mono,Menlo,Consolas,monospace;font-size:10px}.cp__search[data-v-c62107d5]{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-c62107d5]:focus{border-color:var(--accent)}.cp__empty[data-v-c62107d5]{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;--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;--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}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:8px}::-webkit-scrollbar-thumb:hover{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}.device-bar{background:var(--bg-bar);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;width:100%;height:28px;padding:0 12px;display:flex}.device-bar__spacer{flex:auto}.device-bar__info{color:var(--text-faint);white-space:nowrap;font-size:12px}.statusbar__refresh{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:background .15s,color .15s,transform 50ms;display:inline-flex}.statusbar__refresh:hover:not(:disabled){color:var(--accent)}.statusbar__refresh:active:not(:disabled){transform:translateY(1px)}.statusbar__refresh:disabled{opacity:.4;cursor:default}.device-bar__label{color:var(--text-faint);white-space:nowrap;font-size:12px}.preview-statusbar{background:var(--bg-bar);border-top:1px solid var(--border);flex:none;align-items:center;gap:12px;width:100%;height:28px;padding:0 12px;display:flex}.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)}.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}.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)}.confirm-fade-enter-active,.confirm-fade-leave-active{transition:opacity .15s}.confirm-fade-enter-from,.confirm-fade-leave-to{opacity:0}.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__list::-webkit-scrollbar{width:8px}.csel__list::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.csel__list::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.csel__list::-webkit-scrollbar-track{background:0 0}.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}.cg-fade-enter-active,.cg-fade-leave-active{transition:opacity .16s}.cg-fade-enter,.cg-fade-leave-to{opacity:0}.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:44px;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{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:0 0;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{top:0;bottom:0;right:0;left:var(--preview-width,375px);z-index:var(--z-appmodal);background:0 0;position:fixed}.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:transform .26s cubic-bezier(.22,.61,.36,1)}.ee-drawer-enter-from,.ee-drawer-leave-to{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;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__list::-webkit-scrollbar{width:8px}.dd__list::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}.dd__list::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover)}.dd__list::-webkit-scrollbar-track{background:0 0}.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-BlscexDE.js"></script>
12
- <link rel="stylesheet" crossorigin href="/assets/index-dlbSPb5W.css">
11
+ <script type="module" crossorigin src="/assets/index-BQKzMPBq.js"></script>
12
+ <link rel="stylesheet" crossorigin href="/assets/index-D3zp47Dg.css">
13
13
  </head>
14
14
  <body>
15
15
  <div id="app"></div>
package/dist/server-core/codeBridge.js ADDED
@@ -0,0 +1,359 @@
1
+ import fs from 'node:fs'
2
+ import os from 'node:os'
3
+ import path from 'node:path'
4
+ import crypto from 'node:crypto'
5
+ import { spawn } from 'node:child_process'
6
+ import { log } from './logger.js'
7
+
8
+ /**
9
+ * 外部编辑器代码桥（VSCode / DSL_EDITOR_CMD 指定的任意编辑器，如 cursor）。
10
+ *
11
+ * 闭环：
12
+ * 1) 前端 POST /__code-bridge { code, label } → 后端在 os.tmpdir()/cardbuddy-code-bridge/
13
+ * 下写 <session>.js 并拉起编辑器，返回 { id, file }；
14
+ * 2) 后端 chokidar 单文件监听：保存事件防抖 + 内容哈希去重（忽略服务端自写回声），
15
+ * 有实质变化经 SSE 推 code-bridge-changed { id }（内容走 GET 拉取，避免大 payload）；
16
+ * 3) 前端 GET /__code-bridge/<id> 取回代码写回 CodeJar（updateCode 不触发 onUpdate，断回声环）；
17
+ * 4) 会话结束 = 前端 DELETE（面板关闭 / 手动断开 / 组件卸载）或心跳 TTL 兜底
18
+ * （前端 5s 心跳，20s 无心跳即删文件，覆盖关浏览器 / 崩溃）；启动时清扫 >24h 残留。
19
+ *
20
+ * 「关闭」语义说明：VSCode CLI 把文件交给已运行实例后立即返回，标签页关闭事件不装扩展
21
+ * 拿不到，故清除时机取「会话结束 + TTL」，而非 VSCode 关标签瞬间。
22
+ *
23
+ * 安全：与其余 /__ 端点同信任级（仅 127.0.0.1 + 可选 DSL_DEV_TOKEN）；临时文件名由服务端
24
+ * 生成（hex 白名单），用户代码内容不进入命令行；DSL_EDITOR_CMD 为开发者自配环境变量，
25
+ * 按 shell 语义执行（文档注明）。
26
+ */
27
+
28
+ export const BRIDGE_DIR_NAME = 'cardbuddy-code-bridge'
29
+ export const SESSION_ID_RE = /^[a-f0-9]{8}$/
30
+ export const HEARTBEAT_TTL_MS = 20000
31
+ const REAP_INTERVAL_MS = 5000
32
+ const WATCH_DEBOUNCE_MS = 150
33
+ const STALE_FILE_MS = 24 * 60 * 60 * 1000
34
+ const MAX_BODY = 2 * 1024 * 1024
35
+
36
+ /** 桥接临时目录：os.tmpdir() 下独立子目录，不污染仓库 */
37
+ export function bridgeDir() {
38
+ return path.join(os.tmpdir(), BRIDGE_DIR_NAME)
39
+ }
40
+
41
+ /** 回写归一：Windows 编辑器可能以 CRLF 落盘，schema 代码串统一 LF，避免无谓 churn */
42
+ export function normalizeEol(s) {
43
+ if (s == null) return ''
44
+ return String(s).replace(/\r\n/g, '\n').replace(/\r/g, '\n')
45
+ }
46
+
47
+ export function hashContent(s) {
48
+ return crypto.createHash('sha1').update(String(s), 'utf8').digest('hex')
49
+ }
50
+
51
+ /**
52
+ * 编辑器拉起方式（纯函数，便于单测）：
53
+ * - DSL_EDITOR_CMD 优先：整串按 shell 语义执行 + 追加带引号文件路径（支持 cursor / 自定义命令带参数）；
54
+ * - 否则平台默认 VSCode：mac 走 `open -a`；linux 直接 `code`；win 走 shell 语义的 `code "<file>"`
55
+ * （PATH 里的 code 是 code.cmd，裸 spawn 执行不了 .cmd；而 ComSpec + 参数数组会被 node 的
56
+ * Windows 引号转义与 cmd /s /c 剥首尾引号规则叠加拆坏，实测命令变成 '\"code\"' 报 9009）；
57
+ * - 返回 null 表示平台不支持（由 resolveEditorChain 继续降级 vscode:// 协议）。
58
+ */
59
+ export function resolveEditorSpec(file, env = process.env, platform = process.platform) {
60
+ const custom = String(env.DSL_EDITOR_CMD || '').trim()
61
+ if (custom) return { kind: 'custom', command: `${custom} "${file}"`, shell: true }
62
+ if (platform === 'darwin') {
63
+ return { kind: 'vscode', cmd: 'open', args: ['-a', 'Visual Studio Code', file], shell: false }
64
+ }
65
+ if (platform === 'win32') {
66
+ return { kind: 'vscode', command: `code "${file}"`, shell: true }
67
+ }
68
+ if (platform === 'linux') {
69
+ return { kind: 'vscode', cmd: 'code', args: [file], shell: false }
70
+ }
71
+ return null
72
+ }
73
+
74
+ /** VSCode 未安装 / CLI 缺失时的协议兜底（安装器默认注册 vscode:// 处理器） */
75
+ export function resolveProtocolSpec(file, env = process.env, platform = process.platform) {
76
+ const url = 'vscode://file/' + String(file).split(path.sep).join('/')
77
+ if (platform === 'darwin') return { cmd: 'open', args: [url], shell: false }
78
+ if (platform === 'win32') {
79
+ return { command: `start "" "${url}"`, shell: true }
80
+ }
81
+ if (platform === 'linux') return { cmd: 'xdg-open', args: [url], shell: false }
82
+ return null
83
+ }
84
+
85
+ /**
86
+ * 拉起方式降级链（跨平台兼容的核心）：
87
+ * - DSL_EDITOR_CMD 自定义 → 单级；
88
+ * - win：`code "<file>"`（shell 语义）→ vscode:// 协议；
89
+ * - mac：`open -a "Visual Studio Code"` → `code` CLI（App 被改名/移动但装过 CLI 时兜一层）→ vscode:// 协议；
90
+ * - linux：`code` → xdg-open vscode://；
91
+ * 任一级 spawn ENOENT 或非 0 退出即尝试下一级。
92
+ */
93
+ export function resolveEditorChain(file, env = process.env, platform = process.platform) {
94
+ const custom = String(env.DSL_EDITOR_CMD || '').trim()
95
+ if (custom) return [{ tag: 'custom', spec: { command: `${custom} "${file}"`, shell: true } }]
96
+ const chain = []
97
+ const primary = resolveEditorSpec(file, env, platform)
98
+ if (primary) chain.push({ tag: primary.kind, spec: primary })
99
+ if (platform === 'darwin') chain.push({ tag: 'vscode-cli', spec: { command: `code "${file}"`, shell: true } })
100
+ const proto = resolveProtocolSpec(file, env, platform)
101
+ if (proto) chain.push({ tag: 'protocol', spec: proto })
102
+ return chain
103
+ }
104
+
105
+ function launchEditor(file) {
106
+ const chain = resolveEditorChain(file)
107
+ const attempt = (i) => {
108
+ if (i >= chain.length) return false
109
+ const { tag, spec } = chain[i]
110
+ const next = () => {
111
+ if (i + 1 >= chain.length) return false
112
+ if (!attempt(i + 1)) return false
113
+ log.ok('代码桥降级下一级拉起方式', { from: tag, to: chain[i + 1].tag, file })
114
+ return true
115
+ }
116
+ try {
117
+ const child = spec.shell
118
+ ? spawn(spec.command, { shell: true, stdio: 'ignore' })
119
+ : spawn(spec.cmd, spec.args, { shell: false, stdio: 'ignore' })
120
+ let handed = false
121
+ const fail = (detail) => {
122
+ if (handed) return
123
+ handed = true
124
+ log.warn(`代码桥拉起编辑器失败（${tag}）`, detail)
125
+ next()
126
+ }
127
+ child.on('error', (e) => fail({ message: String(e.message) }))
128
+ // shell 语义下 spawn 本身不会 ENOENT（shell 一定在），内部命令缺失只体现在退出码上
129
+ child.on('exit', (code) => {
130
+ if (code === 0 || code === null) return
131
+ fail({ code })
132
+ })
133
+ return true
134
+ } catch (e) {
135
+ log.warn(`代码桥拉起编辑器异常（${tag}）`, e)
136
+ return next()
137
+ }
138
+ }
139
+ return attempt(0)
140
+ }
141
+
142
+ /** 启动清扫：删除 >24h 的残留临时文件（会话表在内存，跨重启即孤儿） */
143
+ export function sweepStaleFiles(now = Date.now()) {
144
+ const dir = bridgeDir()
145
+ let removed = 0
146
+ try {
147
+ fs.mkdirSync(dir, { recursive: true })
148
+ for (const name of fs.readdirSync(dir)) {
149
+ if (!SESSION_ID_RE.test(name.replace(/\.js$/, ''))) continue
150
+ const full = path.join(dir, name)
151
+ try {
152
+ const st = fs.statSync(full)
153
+ if (now - st.mtimeMs > STALE_FILE_MS) {
154
+ fs.rmSync(full, { force: true })
155
+ removed++
156
+ }
157
+ } catch (_) { /* 忽略单文件竞态 */ }
158
+ }
159
+ } catch (e) {
160
+ log.warn('代码桥启动清扫失败', { message: String(e.message) })
161
+ }
162
+ return removed
163
+ }
164
+
165
+ /**
166
+ * 默认单文件监听（fs.watch + rename 重挂兜底原子保存）。
167
+ * cardbuddy 会注入 chokidar 版 watchFile（更稳）；本兜底保证中间件零额外依赖，
168
+ * 使 server/core 可被根仓库（无 chokidar 依赖）直接 import / 单测。
169
+ */
170
+ export function defaultWatchFile(file, onChange) {
171
+ let watcher = null
172
+ let rearmTimer = null
173
+ let closed = false
174
+ const arm = () => {
175
+ if (closed) return
176
+ try {
177
+ watcher = fs.watch(file, (event) => {
178
+ onChange()
179
+ // 原子保存（临时文件改名覆盖）会让旧 inode 失效：重挂监听
180
+ if (event === 'rename') rearm()
181
+ })
182
+ watcher.on('error', () => rearm())
183
+ } catch (_) {
184
+ rearm()
185
+ }
186
+ }
187
+ const rearm = () => {
188
+ if (closed) return
189
+ try {
190
+ watcher && watcher.close()
191
+ } catch (_) { /* ignore */ }
192
+ if (rearmTimer) clearTimeout(rearmTimer)
193
+ rearmTimer = setTimeout(arm, 120)
194
+ }
195
+ arm()
196
+ return {
197
+ close() {
198
+ closed = true
199
+ if (rearmTimer) clearTimeout(rearmTimer)
200
+ try {
201
+ watcher && watcher.close()
202
+ } catch (_) { /* ignore */ }
203
+ },
204
+ }
205
+ }
206
+
207
+ /**
208
+ * @param {{ root?: string, notify?: (data: object, event?: string) => void, watchFile?: (file: string, cb: () => void) => { close: () => void } }} opts
209
+ * - watchFile：单文件监听能力注入（cardbuddy 注入 chokidar 版）；缺省用 fs.watch 兜底。
210
+ * @returns {(req: import('http').IncomingMessage, res: import('http').ServerResponse, next: Function) => void}
211
+ */
212
+ export function createCodeBridgeMiddleware({ notify = null, watchFile = null } = {}) {
213
+ /** @type {Map<string, {id:string,file:string,label:string,lastHash:string,lastHeartbeat:number,watcher:object|null,timer:object|null}>} */
214
+ const sessions = new Map()
215
+ const swept = sweepStaleFiles()
216
+ if (swept) log.ok('代码桥清扫残留临时文件', { removed: swept })
217
+
218
+ const push = (data, event) => {
219
+ if (typeof notify === 'function') notify(data, event)
220
+ }
221
+
222
+ function closeSession(id, reason) {
223
+ const s = sessions.get(id)
224
+ if (!s) return false
225
+ sessions.delete(id)
226
+ if (s.timer) clearTimeout(s.timer)
227
+ try { s.watcher && s.watcher.close() } catch (_) { /* ignore */ }
228
+ try { fs.rmSync(s.file, { force: true }) } catch (e) {
229
+ log.warn('代码桥删除临时文件失败', { file: s.file, message: String(e.message) })
230
+ }
231
+ push({ id, reason }, 'code-bridge-closed')
232
+ log.ok('代码桥会话结束', { id, reason, file: s.file })
233
+ return true
234
+ }
235
+
236
+ const reaper = setInterval(() => {
237
+ const now = Date.now()
238
+ for (const [id, s] of sessions) {
239
+ if (now - s.lastHeartbeat > HEARTBEAT_TTL_MS) closeSession(id, 'ttl')
240
+ }
241
+ }, REAP_INTERVAL_MS)
242
+ reaper.unref && reaper.unref()
243
+
244
+ function onFileChange(session) {
245
+ if (session.timer) clearTimeout(session.timer)
246
+ session.timer = setTimeout(() => {
247
+ session.timer = null
248
+ let raw
249
+ try {
250
+ raw = fs.readFileSync(session.file, 'utf8')
251
+ } catch (_) {
252
+ return // 文件被外部删除：等 TTL / 前端断开收尾
253
+ }
254
+ const hash = hashContent(normalizeEol(raw))
255
+ if (hash === session.lastHash) return // 服务端自写回声 / 无实质变化
256
+ session.lastHash = hash
257
+ push({ id: session.id }, 'code-bridge-changed')
258
+ }, WATCH_DEBOUNCE_MS)
259
+ }
260
+
261
+ function openSession(code, label) {
262
+ const id = crypto.randomBytes(4).toString('hex')
263
+ const file = path.join(bridgeDir(), `${id}.js`)
264
+ const text = normalizeEol(code == null ? '' : code)
265
+ fs.mkdirSync(bridgeDir(), { recursive: true })
266
+ fs.writeFileSync(file, text, 'utf8')
267
+ const session = {
268
+ id,
269
+ file,
270
+ label: String(label || ''),
271
+ lastHash: hashContent(text),
272
+ lastHeartbeat: Date.now(),
273
+ watcher: null,
274
+ timer: null,
275
+ }
276
+ const watch = typeof watchFile === 'function' ? watchFile : defaultWatchFile
277
+ session.watcher = watch(file, () => onFileChange(session))
278
+ sessions.set(id, session)
279
+ const launched = launchEditor(file)
280
+ log.ok('代码桥会话建立', { id, file, label: session.label, launched })
281
+ return { id, file, launched }
282
+ }
283
+
284
+ const sendJson = (res, status, payload) => {
285
+ res.statusCode = status
286
+ res.setHeader('Content-Type', 'application/json')
287
+ res.setHeader('Cache-Control', 'no-store')
288
+ res.end(JSON.stringify(payload))
289
+ }
290
+
291
+ const readBody = (req, limit = MAX_BODY) =>
292
+ new Promise((resolve, reject) => {
293
+ let body = ''
294
+ req.on('data', (c) => {
295
+ body += c
296
+ if (body.length > limit) {
297
+ reject(new Error('body too large'))
298
+ req.destroy()
299
+ }
300
+ })
301
+ req.on('end', () => resolve(body))
302
+ req.on('error', reject)
303
+ })
304
+
305
+ return async function codeBridgeMiddleware(req, res, next) {
306
+ const pathname = decodeURIComponent((req.url || '').split('?')[0])
307
+ const method = (req.method || 'GET').toUpperCase()
308
+ if (!pathname.startsWith('/__code-bridge')) return next()
309
+
310
+ // POST /__code-bridge —— 建立会话
311
+ if (pathname === '/__code-bridge' && method === 'POST') {
312
+ let payload
313
+ try {
314
+ payload = JSON.parse((await readBody(req)) || '{}')
315
+ } catch (_) {
316
+ return sendJson(res, 400, { ok: false, error: 'invalid json' })
317
+ }
318
+ try {
319
+ const opened = openSession(payload.code, payload.label)
320
+ return sendJson(res, 200, { ok: true, ...opened })
321
+ } catch (e) {
322
+ log.error('代码桥建立会话失败', e)
323
+ return sendJson(res, 500, { ok: false, error: String(e.message) })
324
+ }
325
+ }
326
+
327
+ // 其余端点：/__code-bridge/<id>[/heartbeat]
328
+ const m = pathname.match(/^\/__code-bridge\/([a-f0-9]{8})(\/heartbeat)?$/)
329
+ if (!m) return sendJson(res, 404, { ok: false, error: 'unknown bridge route' })
330
+ const [, id, isHeartbeat] = m
331
+ const session = sessions.get(id)
332
+
333
+ if (isHeartbeat && method === 'POST') {
334
+ if (!session) return sendJson(res, 404, { ok: false, error: 'session not found', id })
335
+ session.lastHeartbeat = Date.now()
336
+ return sendJson(res, 200, { ok: true, id })
337
+ }
338
+
339
+ if (!isHeartbeat && method === 'GET') {
340
+ if (!session) return sendJson(res, 404, { ok: false, error: 'session not found', id })
341
+ let raw = ''
342
+ try {
343
+ raw = fs.readFileSync(session.file, 'utf8')
344
+ } catch (e) {
345
+ return sendJson(res, 410, { ok: false, error: 'temp file gone', id })
346
+ }
347
+ session.lastHeartbeat = Date.now()
348
+ const code = normalizeEol(raw)
349
+ return sendJson(res, 200, { ok: true, id, code, hash: hashContent(code) })
350
+ }
351
+
352
+ if (!isHeartbeat && method === 'DELETE') {
353
+ const closed = closeSession(id, 'client')
354
+ return sendJson(res, closed ? 200 : 404, { ok: closed, id })
355
+ }
356
+
357
+ return sendJson(res, 405, { ok: false, error: 'method not allowed' })
358
+ }
359
+ }