
    :root{
      --bg:#f6f8fb;
      --panel:#fff;
      --ink:#102033;
      --muted:#6b7c8f;
      --line:#dce6ee;
      --soft:#f8fbfd;
      --teal:#13b8aa;
      --blue:#2f6fed;
      --amber:#f59e0b;
      --rose:#ef4444;
      --shadow:0 18px 48px rgba(15,23,42,.14);
    }
    *{box-sizing:border-box}
    html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif}
    html[data-wb-theme="dark"]{--bg:#07111d;--panel:#101821;--ink:#dbe7f3;--muted:#8fa4b8;--line:#263849;--soft:#0f1c29}
    html[data-wb-theme="dark"],html[data-wb-theme="dark"] body{background:#07111d;color:#dbe7f3}
    html[data-wb-theme="dark"] .canvas{background:#07111d;background-image:radial-gradient(rgba(148,163,184,.18) 1px,transparent 1px)}
    html.wb-is-booting body{background:var(--bg)}
    html.wb-is-booting .app{visibility:hidden}
    html.wb-is-booting body::before{
      content:"\5168\6D41\7A0B\753B\5E03\52A0\8F7D\4E2D...";
      position:fixed;
      inset:0;
      z-index:2147483000;
      display:grid;
      place-items:center;
      background:var(--bg);
      color:var(--ink);
      font:1000 22px/1.8 "Microsoft YaHei UI","Microsoft YaHei","Segoe UI",system-ui,sans-serif;
      letter-spacing:0;
      text-align:center;
      pointer-events:auto;
    }
    html.wb-is-booting body::after{
      content:"";
      position:fixed;
      left:50%;
      top:calc(50% + 54px);
      z-index:2147483001;
      width:190px;
      height:3px;
      border-radius:999px;
      transform:translateX(-50%);
      background:linear-gradient(90deg,transparent,#22d3ee,#14b8a6,transparent);
      animation:wbBootPulse 1.05s ease-in-out infinite;
      pointer-events:none;
    }
    @keyframes wbBootPulse{0%,100%{opacity:.28;transform:translateX(-50%) scaleX(.62)}50%{opacity:1;transform:translateX(-50%) scaleX(1)}}
    body,.node,.menu,.pill,.btn,.mini,input,textarea,select{ -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
    button,input,textarea,select{font:inherit}
    input,textarea,select{user-select:text;-webkit-user-select:text;pointer-events:auto}
    button{cursor:pointer}
    .app{height:100vh;display:grid;grid-template-columns:minmax(0,1fr)}
    .left{display:none}
    .head{height:58px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line)}
    .mark{width:32px;height:32px;border-radius:8px;background:#142235;color:#fff;display:grid;place-items:center;font-weight:1000}
    .head b{display:block;font-size:15px}
    .head span{display:block;margin-top:2px;color:var(--muted);font-size:11px}
    .scroll{padding:14px;overflow:auto;min-height:0}
    .primary{width:100%;height:40px;border:0;border-radius:8px;background:var(--teal);color:#fff;font-weight:1000}
    .section{margin:16px 0 8px;color:#496073;font-size:12px;font-weight:1000}
    .asset{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px;margin-bottom:8px}
    .thumb{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,#2f6fed,#13b8aa);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:1000;overflow:hidden;flex:0 0 auto}
    .thumb img{width:100%;height:100%;object-fit:cover}
    .asset b{display:block;font-size:13px}
    .asset small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
    .asset,.task-card{cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s}
    .asset:hover,.task-card:hover,.task-card:focus-within{border-color:#9fd4ce;background:#f7fffd;box-shadow:0 8px 18px rgba(15,23,42,.06)}
    .task-card:hover .task-top b,.task-card:focus-within .task-top b,.task-card:active .task-top b{color:#102033}
    .task-card:hover .task-meta,.task-card:focus-within .task-meta,.task-card:active .task-meta{color:#52677c}
    .side-empty{border:1px dashed #cbd9e4;border-radius:10px;padding:12px;color:var(--muted);font-size:12px;line-height:1.6;background:#fbfdff}
    .side-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0 4px}
    .side-summary span{min-width:0;border:1px solid var(--line);border-radius:8px;background:#fff;padding:7px 5px;text-align:center;color:#52677c;font-size:10px;font-weight:900}
    .side-summary b{display:block;color:#102033;font-size:14px;line-height:1.1}
    .chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .chip{height:32px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#405369;font-size:12px;font-weight:900}
    .chip.is-on{border-color:var(--teal);background:#e9fbf7;color:#0f766e;box-shadow:0 0 0 2px rgba(19,184,170,.08)}
    .task-list{display:flex;flex-direction:column;gap:8px}
    .task-card{border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px}
    .task-card.is-running{border-color:rgba(19,184,170,.48);background:linear-gradient(135deg,#f2fffc,#fff)}
    .task-card.is-failed{border-color:rgba(239,68,68,.36);background:#fff8f8}
    .task-card.is-done{border-color:rgba(47,111,237,.22)}
    .task-card.is-opening{border-color:rgba(34,211,238,.6);background:linear-gradient(135deg,#eefcff,#f8fbff);box-shadow:0 0 0 2px rgba(34,211,238,.12)}
    .task-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
    .task-top b{min-width:0;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .task-card-actions{display:flex;align-items:center;gap:5px;flex:0 0 auto}
    .history-delete{width:24px;height:24px;border:1px solid #fecaca;border-radius:7px;background:#fff7f7;color:#dc2626;font-size:15px;line-height:1;cursor:pointer}
    .history-delete:hover{background:#fee2e2}
    .task-status{flex:0 0 auto;border-radius:999px;padding:3px 7px;background:#edf3f8;color:#52677c;font-size:10px;font-weight:1000}
    .task-card.is-running .task-status{background:#dff9f4;color:#0f766e}
    .task-card.is-done .task-status{background:#e8f0ff;color:#2f6fed}
    .task-card.is-failed .task-status{background:#fee2e2;color:#dc2626}
    .task-card.is-opening .task-status{background:#cffafe;color:#0e7490}
    .task-meta{margin-top:5px;color:var(--muted);font-size:11px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
    .note{border:1px dashed #cbd9e4;border-radius:10px;padding:12px;color:var(--muted);font-size:12px;line-height:1.65}
    .canvas{position:relative;overflow:hidden;background:#fbfdff;background-image:radial-gradient(rgba(16,32,51,.14) 1px,transparent 1px);background-size:24px 24px;user-select:none}
    .canvas.is-dragging-images::after{content:'松开以上传图片';position:absolute;inset:18px;z-index:80;display:grid;place-items:center;border:2px dashed rgba(34,211,238,.72);border-radius:18px;background:rgba(8,18,30,.36);color:#fff;font-size:22px;font-weight:1000;letter-spacing:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);pointer-events:none;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
    .stage{position:absolute;left:0;top:0;width:2600px;height:1800px;transform-origin:0 0;backface-visibility:visible}
    .stage-content{position:absolute;left:0;top:0;width:2600px;height:1800px;transform-origin:0 0}
    #readableNodeBtn[hidden]{display:none!important}
    .edge-layer{position:absolute;left:0;top:0;width:2600px;height:1800px;overflow:visible;pointer-events:none}
    .flow-base{fill:none;stroke:#8da2b4;stroke-width:2.2;stroke-linecap:round;opacity:.48;filter:drop-shadow(0 0 1px rgba(15,23,42,.18));transition:opacity .18s ease,stroke .18s ease,stroke-width .18s ease,filter .18s ease}
    .flow-base.edge-focus{stroke:#55cfe4;stroke-width:3;opacity:.88;filter:drop-shadow(0 0 4px rgba(34,211,238,.28))}
    .flow-base.edge-dim{opacity:.14}
    .flow-run-track{fill:none;stroke:#0891b2;stroke-width:6;stroke-linecap:round;opacity:.22;filter:drop-shadow(0 0 7px rgba(8,145,178,.2))}
    .flow-run{fill:none;stroke:#67e8f9;stroke-width:3.6;stroke-linecap:round;stroke-dasharray:2 12;opacity:1;filter:drop-shadow(0 0 8px rgba(103,232,249,.62));animation:flowMove .62s linear infinite}
    .flow-selected{fill:none;stroke:#22d3ee;stroke-width:3.6;stroke-linecap:round;filter:drop-shadow(0 0 7px rgba(34,211,238,.5));animation:none}
    .flow-done{fill:none;stroke:#0aa9bf;stroke-width:2.8;stroke-linecap:round;stroke-dasharray:10 26;opacity:.74;transition:opacity .18s ease,stroke .18s ease,stroke-width .18s ease}
    .flow-done.edge-dim{opacity:.22}
    .flow-uncertain{fill:none;stroke:#d97706;stroke-width:2.8;stroke-dasharray:6 5;stroke-linecap:round;animation:none}
    .flow-idle{fill:none;stroke:var(--wb-flow-base,#8da2b4);stroke-width:2;opacity:.7;animation:none}
    #edgeLayer path{stroke-linejoin:round}
    .flow-fail{fill:none;stroke:#ef4444;stroke-width:3.4;stroke-linecap:round;stroke-dasharray:8 10;filter:drop-shadow(0 0 4px rgba(239,68,68,.24))}
    .flow-fail.edge-focus{stroke-width:3.2;filter:drop-shadow(0 0 6px rgba(239,68,68,.42))}
    @keyframes flowMove{to{stroke-dashoffset:-64}}
    .tool-rail{position:static;transform:none;z-index:24;width:auto;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(15,23,42,.12);padding:4px 6px;display:flex;flex-direction:row;align-items:center;gap:6px}
    .rail-btn{width:auto;min-width:50px;min-height:28px;border:0;border-radius:10px;background:transparent;color:#52677c;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;padding:0 8px;font-size:11px;font-weight:900;white-space:nowrap}
    .rail-btn i{font-style:normal;font-size:15px;line-height:1}
    .rail-btn:hover,.rail-btn.is-on{background:#e9fbf7;color:#0f766e}
    .rail-pop{position:absolute;right:18px;top:58px;left:auto;transform:none;z-index:23;width:280px;max-height:min(520px,calc(100vh - 80px));overflow:auto;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.98);box-shadow:var(--shadow);padding:12px;display:none}
    .rail-pop.show{display:block}
    .rail-pop-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
    .rail-pop-head b{font-size:13px}
    .rail-pop-head button{width:26px;height:26px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#52677c;font-weight:1000}
    .rail-pop-tools{display:flex;align-items:center;gap:6px}
    .rail-pop-head .rail-refresh{width:auto;min-width:68px;padding:0 8px;font-size:11px;white-space:nowrap}
    .rail-history-list{display:flex;flex-direction:column;gap:8px}
    .rail-history-section{margin:6px 2px 0;color:var(--muted);font-size:11px;font-weight:1000}
    .task-card-actions .mini{height:24px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#30465d;font-size:11px;font-weight:1000;padding:0 7px;white-space:nowrap}
    .task-card-actions .mini.danger{border-color:#fecaca;background:#fff7f7;color:#b91c1c}
    .project-save-chip{min-width:76px;justify-content:center}
    .project-save-chip.is-saving{color:#0f766e;background:#dff9f4}
    .project-save-chip.is-saved{color:#2f6fed;background:#e8f0ff}
    .project-save-chip.is-dirty{color:#b45309;background:#fff7ed}
    .topbar{position:absolute;left:72px;right:18px;top:14px;height:36px;display:flex;align-items:center;gap:8px;z-index:15;pointer-events:none}
    .topbar .topbar-tip{margin-left:auto}
    .topbar .pill,.topbar .tool-rail{pointer-events:auto}
    .pill{height:32px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.94);display:flex;align-items:center;padding:0 12px;color:#405369;font-size:12px;font-weight:900;box-shadow:0 8px 22px rgba(15,23,42,.07)}
    .wb-auth-banner{position:absolute;left:50%;top:62px;transform:translateX(-50%);z-index:22;display:none;align-items:center;gap:12px;max-width:min(640px,calc(100vw - 42px));min-height:38px;padding:7px 8px 7px 14px;border:1px solid rgba(14,165,233,.24);border-radius:10px;background:rgba(255,255,255,.96);box-shadow:0 14px 32px rgba(15,23,42,.12);color:#405369;font-size:12px;font-weight:900;pointer-events:auto}
    .wb-auth-banner.show{display:flex}
    .wb-auth-banner b{color:#0f766e;font-size:13px;white-space:nowrap}
    .wb-auth-banner span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .wb-auth-banner button,.wb-auth-banner a{height:28px;border:1px solid rgba(14,165,233,.32);border-radius:8px;background:#ecfeff;color:#0e7490;font-size:12px;font-weight:1000;padding:0 10px;white-space:nowrap;cursor:pointer}
    .wb-auth-banner a{display:inline-flex;align-items:center}
    .float-actions{position:absolute;right:18px;bottom:18px;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;z-index:30;max-width:calc(100vw - 36px);pointer-events:auto}
    .wb-login-modal{position:fixed;inset:0;z-index:88;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,23,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
    .wb-login-modal.show{display:flex}
    .wb-login-panel{position:relative;width:min(420px,calc(100vw - 32px));border:1px solid rgba(125,211,252,.28);border-radius:16px;background:#ffffff;box-shadow:0 28px 76px rgba(2,6,23,.34);padding:28px 24px 22px;color:#102033;text-align:left}
    .wb-login-close{position:absolute;right:14px;top:14px;width:32px;height:32px;border:1px solid #dbe4ef;border-radius:8px;background:#fff;color:#64748b;font-size:22px;line-height:1;cursor:pointer}
    .wb-login-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#e6fbfd;color:#0e7490;font-size:22px;font-weight:1000;margin-bottom:16px}
    .wb-login-title{margin:0;color:#102033;font-size:22px;font-weight:1000;line-height:1.25}
    .wb-login-desc{margin:10px 0 18px;color:#607184;font-size:14px;line-height:1.7}
    .wb-login-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
    .wb-login-actions button,.wb-login-actions a{height:40px;border:1px solid #dbe4ef;border-radius:9px;background:#f8fafc;color:#30465d;font-size:14px;font-weight:1000;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none}
    .wb-login-actions .primary{grid-column:1/-1;border-color:#0ea5e9;background:#0ea5e9;color:#fff}
    .wb-login-foot{margin:14px 0 0;color:#7b8ca0;font-size:12px;line-height:1.6}
    .wb-support-widget{position:absolute;right:24px;bottom:76px;z-index:34;display:grid;justify-items:end;pointer-events:auto}
    .wb-support-btn{width:56px;height:56px;border:1px solid rgba(216,180,254,.34);border-radius:999px;background:radial-gradient(circle at 35% 25%,#8b5cf6,#4c1d95 72%);color:#fff;box-shadow:0 0 0 5px rgba(124,58,237,.08),0 10px 24px rgba(76,29,149,.28);font-size:15px;font-weight:1000;line-height:1.08;letter-spacing:0;cursor:pointer}
    .wb-support-btn span{display:block}
    .wb-support-pop{position:absolute;right:0;bottom:78px;width:318px;padding:20px 22px 18px;border:1px solid rgba(167,139,250,.42);border-radius:18px;background:rgba(28,15,45,.96);box-shadow:0 20px 56px rgba(15,23,42,.36);color:#f5f3ff;opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transform-origin:right bottom;transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
    .wb-support-widget:hover .wb-support-pop,.wb-support-widget:focus-within .wb-support-pop{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
    .wb-support-widget.is-click-closed .wb-support-pop{opacity:0;visibility:hidden;transform:translateY(10px) scale(.98)}
    .wb-support-widget.is-click-open .wb-support-pop{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
    .wb-support-pop::after{content:'';position:absolute;right:34px;bottom:-10px;width:18px;height:18px;background:rgba(28,15,45,.96);border-right:1px solid rgba(167,139,250,.42);border-bottom:1px solid rgba(167,139,250,.42);transform:rotate(45deg)}
    .wb-support-qr{position:relative;display:grid;place-items:center;min-height:248px;border-radius:12px;background:#fff;overflow:hidden}
    .wb-support-qr img{display:block;width:100%;max-width:248px;aspect-ratio:1/1;object-fit:contain}
    .wb-support-qr span{position:absolute;inset:0;display:grid;place-items:center;color:#64748b;font-size:13px;font-weight:900;background:#fff}
    .wb-support-qr.has-image span{display:none}
    .wb-support-slogan{margin-top:14px;min-height:48px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(167,139,250,.42);border-radius:9px;background:linear-gradient(135deg,rgba(124,58,237,.7),rgba(76,29,149,.72));font-size:20px;font-weight:1000;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
    .wb-support-hours{margin-top:14px;text-align:center;color:#ddd6fe;font-size:16px;font-weight:1000}
    .wb-help-entry{position:absolute;right:28px;bottom:142px;z-index:33;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(125,211,252,.34);border-radius:999px;background:radial-gradient(circle at 35% 25%,#22d3ee,#0f766e 72%);color:#fff;box-shadow:0 0 0 5px rgba(34,211,238,.08),0 10px 24px rgba(8,145,178,.26);font-size:12px;font-weight:1000;line-height:1.06;letter-spacing:0;cursor:pointer;white-space:nowrap;padding:0}
    .wb-help-entry i{width:17px;height:17px;margin:0 auto 2px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.94);color:#0f766e;font-style:normal;font-size:12px;font-weight:1000;box-shadow:0 4px 10px rgba(2,6,23,.12)}
    .wb-help-entry span{display:block}
    .wb-help-entry:hover{filter:brightness(1.06);transform:translateY(-1px)}
    .wb-message-entry{position:absolute;right:30px;bottom:196px;z-index:33;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(251,113,133,.36);border-radius:999px;background:radial-gradient(circle at 35% 25%,#fb7185,#be123c 72%);color:#fff;box-shadow:0 0 0 5px rgba(251,113,133,.08),0 10px 24px rgba(190,18,60,.22);font-size:18px;font-weight:1000;line-height:1;cursor:pointer;padding:0}
    .wb-message-entry:hover{filter:brightness(1.06);transform:translateY(-1px)}
    .wb-message-entry .wb-message-badge{position:absolute;right:-5px;top:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#fef2f2;color:#dc2626;border:1px solid rgba(248,113,113,.55);font-size:11px;font-weight:1000;line-height:17px;text-align:center;box-shadow:0 6px 12px rgba(127,29,29,.2);display:none}
    .wb-message-entry.has-unread .wb-message-badge{display:block}
    .wb-theme-entry{position:absolute;right:30px;bottom:248px;z-index:33;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(96,165,250,.36);border-radius:999px;background:radial-gradient(circle at 35% 25%,#facc15 0%,#38bdf8 43%,#2563eb 76%);color:#fff;box-shadow:0 0 0 5px rgba(96,165,250,.08),0 10px 24px rgba(37,99,235,.22);font-size:18px;font-weight:1000;line-height:1;cursor:pointer;padding:0}
    .wb-theme-entry:hover,.wb-theme-entry.is-open{filter:brightness(1.06);transform:translateY(-1px)}
    .wb-theme-menu{position:absolute;right:84px;bottom:246px;z-index:34;width:132px;padding:7px;border:1px solid rgba(96,165,250,.28);border-radius:12px;background:rgba(11,18,30,.96);box-shadow:0 16px 36px rgba(2,6,23,.34);display:none}
    .wb-theme-menu.show{display:grid;gap:5px}
    .wb-theme-menu button{height:32px;border:0;border-radius:8px;background:transparent;color:#cbd5e1;font-size:12px;font-weight:950;text-align:left;padding:0 10px;cursor:pointer}
    .wb-theme-menu button:hover{background:rgba(96,165,250,.14);color:#fff}
    .wb-theme-menu button.is-selected{background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff}
    .wb-message-modal{position:fixed;inset:0;z-index:75;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,23,.62);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
    .wb-message-modal.show{display:flex}
    .wb-message-panel{position:relative;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 42px);border:1px solid rgba(251,113,133,.25);border-radius:16px;background:linear-gradient(168deg,#111c2a 0%,#08111d 64%,#0c1423 100%);box-shadow:0 28px 82px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.04) inset;color:#e5f0fb;overflow:hidden}
    .wb-message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 22px 14px;border-bottom:1px solid rgba(148,163,184,.12)}
    .wb-message-head h3{margin:0;color:#fff;font-size:20px;font-weight:1000;line-height:1.2}
    .wb-message-head p{margin:7px 0 0;color:#aebcd0;font-size:13px;font-weight:800}
    .wb-message-close{width:34px;height:34px;border:0;border-radius:10px;background:rgba(148,163,184,.08);color:#b8c6d8;font-size:24px;line-height:1;cursor:pointer}
    .wb-message-close:hover{color:#fff;background:rgba(148,163,184,.14)}
    .wb-message-list{max-height:min(58vh,520px);overflow:auto;padding:14px;display:grid;gap:10px}
    .wb-message-card{border:1px solid rgba(148,163,184,.16);border-radius:12px;background:rgba(15,23,42,.58);padding:13px 14px;color:#dbeafe}
    .wb-message-card.unread{border-color:rgba(251,113,133,.34);background:linear-gradient(135deg,rgba(251,113,133,.12),rgba(15,23,42,.68))}
    .wb-message-card.focus{border-color:rgba(251,191,36,.52);box-shadow:0 0 0 1px rgba(251,191,36,.12) inset}
    .wb-message-card h4{margin:0 0 7px;color:#fff;font-size:15px;font-weight:1000;line-height:1.35}
    .wb-message-card p{margin:0;color:#cbd5e1;font-size:13px;font-weight:750;line-height:1.65;white-space:pre-wrap}
    .wb-message-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:10px;color:#8fa2b8;font-size:11px;font-weight:850}
    .wb-message-card button{height:30px;border:1px solid rgba(148,163,184,.24);border-radius:8px;background:#1d4ed8;color:#fff;font-size:12px;font-weight:1000;padding:0 12px;cursor:pointer;white-space:nowrap}
    .wb-message-empty{padding:28px 14px;text-align:center;color:#94a3b8;font-size:13px;font-weight:900}
    .wb-help-modal{position:fixed;inset:0;z-index:74;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(2,6,23,.72);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
    .wb-help-modal.show{display:flex}
    .wb-help-panel{position:relative;width:min(760px,calc(100vw - 32px));border:1px solid rgba(99,102,241,.24);border-radius:16px;background:radial-gradient(circle at 50% -18%,rgba(59,130,246,.16),transparent 42%),linear-gradient(168deg,#101b2a 0%,#08111d 62%,#09121f 100%);box-shadow:0 30px 96px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.04) inset;color:#e5f0fb;overflow:hidden}
    .wb-help-head{position:relative;text-align:center;padding:24px 54px 18px}
    .wb-help-title{margin:0;color:#fff;font-size:24px;font-weight:1000;line-height:1.18;letter-spacing:0;display:flex;align-items:center;justify-content:center;gap:10px}
    .wb-help-title-icon{width:24px;height:24px;display:grid;place-items:center;border:2px solid rgba(147,197,253,.92);border-radius:999px;background:rgba(37,99,235,.22);color:#bfdbfe;font-size:15px;font-weight:1000;box-shadow:0 0 18px rgba(96,165,250,.28)}
    .wb-help-copy{margin:12px 0 0;color:#b8c6d8;font-size:14px;font-weight:850;line-height:1.55}
    .wb-help-close{position:absolute;right:18px;top:18px;width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#9fb1c3;font-size:28px;line-height:1;cursor:pointer}
    .wb-help-close:hover{color:#e5eef8;background:rgba(148,163,184,.08)}
    .wb-help-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px 20px 18px}
    .wb-help-step{position:relative;min-height:218px;border:1px solid rgba(148,163,184,.18);border-radius:12px;background:linear-gradient(180deg,rgba(15,23,42,.62),rgba(8,15,27,.74));padding:20px 10px 14px;text-align:center;box-shadow:0 12px 28px rgba(2,6,23,.18)}
    .wb-help-step>i{position:absolute;left:20px;top:20px;width:21px;height:21px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#4f46e5);color:#fff;font-style:normal;font-size:12px;font-weight:1000;box-shadow:0 8px 18px rgba(37,99,235,.28)}
    .wb-help-step b{display:block;margin-left:38px;min-height:34px;text-align:left;color:#f8fafc;font-size:13px;font-weight:1000;line-height:1.2;white-space:nowrap}
    .wb-help-step span{display:block;margin-top:14px;color:#b5c3d4;font-size:12px;font-weight:850;line-height:1.65}
    .wb-help-art{height:76px;margin:18px auto 0;border:1px solid rgba(148,163,184,.18);border-radius:10px;background:rgba(15,23,42,.58);display:grid;place-items:center;overflow:hidden}
    .wb-help-art.node-menu{grid-template-columns:1fr auto;padding:13px 11px}
    .wb-help-art.node-menu em{display:grid;gap:8px}
    .wb-help-art.node-menu em:before,.wb-help-art.node-menu em:after,.wb-help-art.node-menu strong{content:'';display:block;width:46px;height:6px;border-radius:999px;background:#64748b}
    .wb-help-art.node-menu i{width:24px;height:24px;border-radius:999px;background:#8b5cf6;color:#fff;font-style:normal;font-size:22px;line-height:22px}
    .wb-help-art.input{grid-template-columns:42px 62px;gap:8px}
    .wb-help-art.input em,.wb-help-art.input strong{height:42px;border:1px solid rgba(96,165,250,.28);border-radius:8px;background:#111d2b;display:grid;place-items:center;font-style:normal;color:#cbd5e1;font-size:26px;font-weight:900}
    .wb-help-art.input strong{background:linear-gradient(135deg,#1d4ed8,#334155)}
    .wb-help-art.result em{width:92px;height:48px;border-radius:8px;border:1px solid rgba(96,165,250,.24);background:#111d2b;position:relative}
    .wb-help-art.result em:before,.wb-help-art.result em:after{content:'';position:absolute;left:28px;height:6px;border-radius:999px;background:#64748b}
    .wb-help-art.result em:before{top:15px;width:44px}.wb-help-art.result em:after{top:29px;width:28px}
    .wb-help-art.result i{position:absolute;right:-9px;top:12px;width:25px;height:25px;border-radius:999px;background:#34d399;color:#fff;font-style:normal;font-size:16px;line-height:25px}
    .wb-help-art.manage em{width:88px;height:50px;border:1px dashed rgba(147,197,253,.48);border-radius:9px;position:relative}
    .wb-help-art.manage em:before,.wb-help-art.manage em:after{content:'';position:absolute;width:13px;height:10px;border-radius:3px;background:#93c5fd}
    .wb-help-art.manage em:before{left:18px;top:18px}.wb-help-art.manage em:after{right:18px;top:29px}
    .wb-help-art.manage i{position:absolute;right:-10px;bottom:-4px;width:33px;height:33px;border-radius:8px;background:#ef4444;color:#fff;font-style:normal;font-size:21px;line-height:33px}
    .wb-help-actions{display:flex;justify-content:center;align-items:center;gap:44px;padding:0 20px 28px}
    .wb-help-actions button{height:42px;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:#122033;color:#dbeafe;font-size:14px;font-weight:1000;padding:0 18px;cursor:pointer;white-space:nowrap}
    .wb-help-actions .primary{width:172px;border-color:transparent;background:linear-gradient(135deg,#2563eb,#2f6fed);color:#fff;box-shadow:0 14px 30px rgba(37,99,235,.26)}
    .wb-help-actions .link{border-color:transparent;background:transparent;color:#b5c3d4;padding:0 4px}
    .wb-help-actions .link:hover{color:#e2e8f0;text-decoration:underline;text-underline-offset:3px}
    @media(max-width:820px){.wb-help-panel{max-height:calc(100vh - 36px);overflow:auto}.wb-help-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
    @media(max-width:560px){.wb-theme-entry{right:28px;bottom:244px}.wb-theme-menu{right:78px;bottom:242px}.wb-message-entry{right:28px;bottom:192px}.wb-help-entry{right:26px;bottom:140px}.wb-help-head{padding:22px 44px 14px}.wb-help-title{font-size:21px}.wb-help-steps{grid-template-columns:1fr}.wb-help-step{min-height:0}.wb-help-actions{gap:18px;flex-wrap:wrap}.wb-help-actions .primary{width:160px}}
    /* Help uses the same surfaces and text palette as the active workbench skin. */
    #wbHelpModal{background:rgba(15,23,42,.48);padding:20px;}
    #wbHelpModal .wb-help-panel{width:min(960px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden;background:var(--wb-card-bg);border-color:var(--wb-border);color:var(--wb-text);box-shadow:var(--shadow);}
    #wbHelpModal .wb-help-head{flex:0 0 auto;}
    #wbHelpModal .wb-help-title{color:var(--wb-text);font-weight:750;line-height:1.4;}
    #wbHelpModal .wb-help-title-icon{flex:0 0 auto;background:var(--wb-hover-bg);border-color:var(--teal);color:var(--teal);box-shadow:none;}
    #wbHelpModal .wb-help-copy{color:var(--wb-text-muted);font-weight:500;}
    #wbHelpModal .wb-help-close{color:var(--wb-text-muted);}
    #wbHelpModal .wb-help-close:hover{color:var(--wb-text);background:var(--wb-hover-bg);}
    #wbHelpModal .wb-help-steps{min-height:0;overflow:auto;overscroll-behavior:contain;align-content:start;grid-auto-rows:max-content;flex:1 1 auto;}
    #wbHelpModal .wb-help-step{background:var(--wb-card-soft);border-color:var(--wb-border);box-shadow:none;}
    #wbHelpModal .wb-help-step>i{background:var(--teal);color:#061b22;box-shadow:none;}
    #wbHelpModal .wb-help-step b{color:var(--wb-text);white-space:normal;line-height:1.5;font-weight:700;}
    #wbHelpModal .wb-help-step span{color:var(--wb-text-soft);font-weight:500;}
    #wbHelpModal .wb-help-art{background:var(--wb-input-bg);border-color:var(--wb-border);}
    #wbHelpModal .wb-help-art.node-menu em:before,#wbHelpModal .wb-help-art.node-menu em:after,#wbHelpModal .wb-help-art.node-menu strong,#wbHelpModal .wb-help-art.result em:before,#wbHelpModal .wb-help-art.result em:after{background:var(--wb-text-muted);}
    #wbHelpModal .wb-help-art.node-menu i{background:var(--teal);color:#061b22;}
    #wbHelpModal .wb-help-art.input :is(em,strong),#wbHelpModal .wb-help-art.result em{background:var(--wb-card-soft);border-color:var(--wb-border);color:var(--wb-text);}
    #wbHelpModal .wb-help-art.input :is(em,strong){width:100%;}
    #wbHelpModal .wb-help-art.input strong{background:var(--wb-hover-bg);border-color:var(--teal);}
    #wbHelpModal .wb-help-art.manage em{border-color:var(--teal);}
    #wbHelpModal .wb-help-art.manage em:before,#wbHelpModal .wb-help-art.manage em:after{background:var(--teal);}
    #wbHelpModal .wb-help-actions{flex:0 0 auto;gap:20px;padding:16px 20px;border-top:1px solid var(--wb-border);background:var(--wb-card-bg);}
    #wbHelpModal .wb-help-actions .link{color:var(--wb-text-soft);font-weight:600;}
    #wbHelpModal .wb-help-actions .link:hover{color:var(--wb-text);}
    #wbHelpModal button:focus-visible{outline:2px solid var(--teal);outline-offset:3px;}
    @media(max-width:560px){#wbHelpModal{padding:10px;}#wbHelpModal .wb-help-panel{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);}#wbHelpModal .wb-help-head{padding:18px 44px 12px 16px;}#wbHelpModal .wb-help-title{font-size:19px;}#wbHelpModal .wb-help-copy{font-size:12px;}#wbHelpModal .wb-help-steps{padding:10px 12px 14px;}#wbHelpModal .wb-help-actions{gap:12px;padding:12px;}#wbHelpModal .wb-help-actions .primary{width:auto;flex:1;}#wbHelpModal .wb-help-actions .link{flex:0 0 auto;}}
    .btn{height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#30465d;font-size:12px;font-weight:900;padding:0 10px}
    .btn.dark{border-color:#102033;background:#102033;color:#fff}
    .btn.warn{border-color:#fecaca;background:#fff7f7;color:#b91c1c}
    .node{position:absolute;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 14px 34px rgba(15,23,42,.12);overflow:visible;min-height:130px}
    .node.selected{border-color:var(--blue);box-shadow:0 18px 40px rgba(47,111,237,.18)}
    .node.group-selected{border-color:var(--teal);box-shadow:0 14px 32px rgba(19,184,170,.18)}
    .node.box-selected{border-color:#22d3ee;box-shadow:0 0 0 2px rgba(34,211,238,.26),0 16px 38px rgba(8,145,178,.18);cursor:move}
    .box-select-layer{position:absolute;inset:0;pointer-events:none;z-index:18}
    .box-select-rect{position:absolute;border:1px solid rgba(34,211,238,.92);background:rgba(34,211,238,.12);box-shadow:0 0 0 1px rgba(255,255,255,.16) inset,0 12px 32px rgba(8,145,178,.18)}
    .box-selection-tools{position:absolute;z-index:46;display:flex;flex-direction:column;align-items:stretch;gap:8px;width:max-content;box-sizing:border-box;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow);color:var(--ink);pointer-events:auto}
    .box-selection-tools[hidden]{display:none}
    .box-selection-tools[data-placement="bottom"]{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:center}
    .box-selection-tools span{font-size:12px;font-weight:1000;color:inherit;white-space:nowrap}
    .box-selection-tools button{height:36px;flex-shrink:0;min-width:72px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:inherit;font-size:12px;font-weight:1000;padding:0 10px;cursor:pointer;white-space:nowrap;line-height:1}
    .box-selection-tools button:not(.danger):hover{background:var(--wb-hover-bg,var(--soft))}
    .box-selection-tools button:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
    .box-selection-tools .danger{border-color:#fecaca;background:#fff1f2;color:#b91c1c}
    .box-selection-tools .danger:hover{background:#ffe4e6}
    body[data-wb-theme="dark"] .box-selection-tools .danger{border-color:#7f1d1d;background:#2b1014;color:#fecaca}
    body[data-wb-theme="dark"] .box-selection-tools .danger:hover{background:#451a22}
    .project-selection-tools{position:absolute;z-index:22;display:flex;align-items:center;gap:7px;width:max-content;max-width:none;padding:6px;border:1px solid rgba(19,184,170,.26);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 14px 32px rgba(15,23,42,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
    .project-selection-tools .project-tip{height:28px;display:flex;align-items:center;padding:0 7px;color:#0f766e;font-size:11px;font-weight:1000;white-space:nowrap}
    .project-selection-tools button{flex:0 0 auto;height:28px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#30465d;font-size:12px;font-weight:1000;line-height:1;white-space:nowrap;padding:0 9px;cursor:pointer}
    .project-selection-tools button.danger{border-color:#fecaca;background:#fff7f7;color:#dc2626}
    .project-selection-tools button:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.08)}
    .cutout-box-modal{position:fixed;inset:0;z-index:120;background:rgba(2,6,23,.78);display:flex;align-items:center;justify-content:center;padding:24px}
    .cutout-box-panel{width:min(920px,calc(100vw - 48px));max-height:calc(100vh - 48px);display:flex;flex-direction:column;gap:12px;border:1px solid rgba(148,163,184,.34);border-radius:12px;background:#0f1a25;box-shadow:0 24px 80px rgba(0,0,0,.42);padding:14px;color:#e2edf7}
    .cutout-box-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .cutout-box-title{font-size:16px;font-weight:1000}
    .cutout-box-tip{color:#9fb1c3;font-size:12px;font-weight:800}
    .cutout-box-tools{display:flex;align-items:center;gap:8px}
    .cutout-box-mode{height:30px;border:1px solid rgba(148,163,184,.35);border-radius:8px;background:#122233;color:#dce9f5;font-size:12px;font-weight:1000;padding:0 12px;cursor:pointer}
    .cutout-box-mode.active{border-color:#22d3ee;background:rgba(8,145,178,.26);color:#e0faff}
    .cutout-box-stage{position:relative;align-self:center;max-width:100%;max-height:calc(100vh - 190px);overflow:hidden;border:1px solid rgba(148,163,184,.34);border-radius:10px;background:#fff;cursor:crosshair;touch-action:none}
    .cutout-box-stage img{position:relative;z-index:1;display:block;max-width:min(860px,calc(100vw - 84px));max-height:calc(100vh - 210px);width:auto;height:auto;user-select:none;-webkit-user-drag:none}
    .cutout-box-rect{position:absolute;z-index:2;border:2px solid #22d3ee;background:rgba(34,211,238,.12);box-shadow:0 0 0 9999px rgba(2,6,23,.34);pointer-events:none;display:none}
    .cutout-box-svg{position:absolute;z-index:3;left:0;top:0;pointer-events:none;overflow:visible}
    .cutout-box-path{display:none;fill:rgba(34,211,238,.18);stroke:#22d3ee;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
    .cutout-box-actions{display:flex;justify-content:flex-end;gap:8px}
    .cutout-box-actions button{height:32px;border:1px solid rgba(148,163,184,.35);border-radius:8px;background:#122233;color:#dce9f5;font-size:12px;font-weight:1000;padding:0 12px;cursor:pointer}
    .cutout-box-actions button.primary{border-color:#0891b2;background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff}
    .manual-erase-modal{position:fixed;inset:0;z-index:122;background:rgba(2,6,23,.62);display:flex;align-items:center;justify-content:center;padding:20px}
    .manual-erase-panel{width:min(1200px,100%);height:min(880px,calc(100dvh - 40px));display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow);padding:18px;color:var(--ink);overflow:auto}
    .manual-erase-panel [hidden]{display:none!important}
    .manual-erase-panel button,.manual-erase-panel select{min-height:34px;border:1px solid var(--line);border-radius:9px;background:var(--wb-input-bg,var(--panel));color:var(--ink);font:inherit;font-size:13px;padding:6px 12px;cursor:pointer;white-space:nowrap;box-shadow:none}
    .manual-erase-panel button:hover:not(:disabled){background:var(--wb-hover-bg,var(--soft));border-color:var(--teal)}
    .manual-erase-panel button.is-on,.manual-erase-panel button.is-active{background:var(--wb-hover-bg,var(--soft));border-color:var(--teal);color:var(--ink);box-shadow:inset 0 -2px var(--teal)}
    .manual-erase-panel button:disabled{opacity:.55;cursor:not-allowed}
    .manual-erase-panel :is(button,input,select):focus-visible{outline:2px solid var(--teal);outline-offset:2px}
    .manual-erase-head,.manual-erase-toolbar,.manual-erase-view,.manual-erase-options,.manual-erase-variants,.manual-erase-sliders,.manual-erase-colors,.manual-erase-footer,.manual-erase-history,.manual-erase-actions,.manual-erase-zoom{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}
    .manual-erase-head{justify-content:space-between;flex-wrap:nowrap;gap:16px}
    .manual-erase-title{font-size:19px;font-weight:700;margin:0;color:var(--ink)}
    .manual-erase-tip{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.5;font-weight:400}
    .manual-erase-toolbar{justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .manual-erase-modes{display:flex;gap:5px;padding:4px;background:var(--soft);border-radius:12px}
    .manual-erase-modes button{min-width:70px;font-weight:600;border-color:transparent;background:transparent}
    .manual-erase-view label,.manual-erase-sliders label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap}
    .manual-erase-options{min-height:36px;gap:12px}
    .manual-erase-options>div{min-width:0;max-width:100%;flex-shrink:1}
    .manual-erase-variants{padding-right:12px;border-right:1px solid var(--line)}
    .manual-erase-sliders{gap:12px}.manual-erase-sliders input[type="range"]{width:104px;accent-color:var(--teal)}
    .manual-erase-sliders label>span{min-width:28px;color:var(--ink);font-variant-numeric:tabular-nums}
    .manual-erase-colors input[type="color"]{width:34px;height:34px;padding:3px;border:1px solid var(--line);border-radius:8px;background:var(--panel);cursor:pointer}
    .manual-erase-stage{position:relative;align-self:center;width:100%;max-width:100%;flex:1 1 auto;min-height:160px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:none;touch-action:none}
    .manual-erase-stage[data-preview-bg="checker"],.manual-erase-stage[data-preview-bg="checker"] .manual-erase-stamp-preview{background-color:#edf0f4;background-image:linear-gradient(45deg,#dce1e8 25%,transparent 25%),linear-gradient(-45deg,#dce1e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dce1e8 75%),linear-gradient(-45deg,transparent 75%,#dce1e8 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}
    .manual-erase-stage[data-preview-bg="checker"]{background-attachment:local}
    .manual-erase-stage[data-preview-bg="white"],.manual-erase-stage[data-preview-bg="white"] .manual-erase-stamp-preview{background:#fff}.manual-erase-stage[data-preview-bg="black"],.manual-erase-stage[data-preview-bg="black"] .manual-erase-stamp-preview{background:#171b22}
    .manual-erase-stage canvas[data-manual-erase-image]{display:block;max-width:none;max-height:none;width:auto;height:auto;user-select:none;transform-origin:left top}
    .manual-erase-stage.is-pixel-mode canvas[data-manual-erase-image]{image-rendering:pixelated}
    .manual-erase-stage.is-pan-mode{cursor:grab}.manual-erase-stage.is-panning{cursor:grabbing}
    .manual-erase-stage.is-pan-mode .manual-erase-cursor,.manual-erase-stage.is-panning .manual-erase-cursor{display:none!important}
    .manual-erase-grid{position:absolute;z-index:2;display:none;left:0;top:0;pointer-events:none;background-image:linear-gradient(to right,rgba(34,211,238,.32) 1px,transparent 1px),linear-gradient(to bottom,rgba(34,211,238,.32) 1px,transparent 1px)}
    .manual-erase-stage.is-pixel-mode .manual-erase-grid{display:block}
    .manual-erase-cursor{position:absolute;z-index:4;display:none;border:2px solid #22d3ee;border-radius:999px;box-shadow:0 0 0 1px #172536;pointer-events:none;transform:translate(-50%,-50%)}
    .manual-erase-cursor.is-pixel{border-radius:3px}.manual-erase-cursor.is-picking{border-style:dashed;border-color:#facc15}
    .manual-erase-stage .manual-erase-stamp-preview{position:absolute;z-index:1;display:none;pointer-events:none;max-width:none;max-height:none}
    .manual-erase-stamp-source{position:absolute;z-index:3;display:none;pointer-events:none;transform:translate(-50%,-50%);border:2px dashed #f59e0b;border-radius:50%;box-shadow:0 0 0 1px #172536}
    .manual-erase-footer{padding-top:2px;justify-content:space-between;gap:12px}
    .manual-erase-status{flex:1;text-align:center;color:var(--muted);font-size:11px;line-height:1.5}
    .manual-erase-panel .manual-erase-actions{flex-wrap:nowrap}
    .manual-erase-panel .manual-erase-actions button.primary{background:linear-gradient(110deg,#27d5db,#b7f67b);color:#103d37;border-color:transparent;min-width:136px;width:auto!important;font-weight:600}
    @media(max-width:760px){.manual-erase-modal{padding:8px}.manual-erase-panel{height:calc(100dvh - 16px);padding:12px;gap:10px;border-radius:14px}.manual-erase-view{justify-content:space-between;width:100%}.manual-erase-variants{border:0;padding-right:0}.manual-erase-status{display:none}.manual-erase-footer{gap:8px}.manual-erase-history,.manual-erase-actions{flex:1;justify-content:space-between}.manual-erase-panel button,.manual-erase-panel select{min-height:38px;padding:6px 9px}.manual-erase-sliders input[type="range"]{width:84px}.manual-erase-zoom{gap:4px}.manual-erase-view label{gap:4px;font-size:11px}.manual-erase-stage{min-height:140px}}
    @media(max-width:420px){.manual-erase-history,.manual-erase-actions{flex-basis:100%}.manual-erase-actions button.primary{flex:1}.manual-erase-sliders{gap:6px}.manual-erase-view{gap:6px}.manual-erase-view label select{max-width:66px}.manual-erase-zoom button{padding:6px}.manual-erase-zoom select{max-width:83px}}

    .local-place-modal{position:fixed;inset:0;z-index:124;background:rgba(2,6,23,.84);display:flex;align-items:center;justify-content:center;padding:20px;color:#e2edf7}
    .local-place-panel{width:min(1180px,calc(100vw - 40px));height:min(820px,calc(100vh - 40px));display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;border:1px solid rgba(148,163,184,.34);border-radius:12px;background:#0f1a25;box-shadow:0 24px 80px rgba(0,0,0,.48);padding:14px}
    .local-place-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
    .local-place-title{font-size:16px;font-weight:1000}
    .local-place-tip{margin-top:4px;color:#9fb1c3;font-size:12px;font-weight:800}
    .local-place-stage{display:grid;place-items:center;min-height:0;overflow:auto;border:1px solid rgba(148,163,184,.34);border-radius:10px;background:#050b12;cursor:grab;touch-action:none}
    .local-place-stage.is-dragging{cursor:grabbing}
    .local-place-stage canvas{display:block;max-width:min(900px,calc(100vw - 90px));max-height:calc(100vh - 250px);width:auto;height:auto;background:#fff;user-select:none}
    .local-place-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
    .local-place-sliders{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
    .local-place-sliders label{display:flex;align-items:center;gap:7px;color:#dce9f5;font-size:12px;font-weight:1000}
    .local-place-sliders input{width:150px;accent-color:#22d3ee}
    .local-place-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
    .local-place-actions button,.local-place-tools button{height:32px;border:1px solid rgba(148,163,184,.35);border-radius:8px;background:#122233;color:#dce9f5;font-size:12px;font-weight:1000;padding:0 12px;cursor:pointer}
    .local-place-actions button.primary{border-color:#0891b2;background:linear-gradient(135deg,#06b6d4,#2563eb);color:#fff}
    .local-place-target-grid{min-height:0;overflow:auto;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));align-content:start;gap:10px}
    .tool-ref-card.local-place-target-card{display:flex;flex-direction:column;text-align:left;cursor:pointer;color:#dce9f5;background:#111d29;border-color:rgba(148,163,184,.32)}
    .tool-ref-card.local-place-target-card:hover{border-color:rgba(34,211,238,.65);box-shadow:0 0 0 1px rgba(34,211,238,.22)}
    .tool-ref-card.local-place-target-card img{height:132px;object-fit:contain;padding:6px;background:#07111c}
    .tool-ref-card.local-place-target-card span{color:#dce9f5;white-space:normal;min-height:34px;font-size:11px}
    .local-place-target-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 7px 7px}
    .local-place-target-badge{min-width:0;color:#9fb1c3;font-size:10px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .local-place-target-pin{height:24px;border:1px solid rgba(148,163,184,.35);border-radius:7px;background:#122233;color:#dce9f5;font-size:11px;font-weight:1000;padding:0 8px;cursor:pointer}
    .local-place-target-card.is-pinned .local-place-target-pin{border-color:rgba(34,211,238,.55);background:#0e7490;color:#fff}
    .watermark-modal{position:fixed;inset:0;z-index:122;background:rgba(2,6,23,.58);display:flex;align-items:center;justify-content:center;padding:20px}
    .watermark-panel{width:min(1180px,100%);height:min(880px,calc(100dvh - 40px));display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:auto minmax(0,1fr);gap:14px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow);padding:18px;color:var(--ink);overflow:auto}
    .watermark-head{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}
    .watermark-title{font-size:19px;font-weight:700;color:var(--ink)}.watermark-tip{margin-top:5px;color:var(--muted);font-size:13px;line-height:1.5;font-weight:400}
    .watermark-head button,.watermark-actions button{min-height:38px;border:1px solid var(--line);border-radius:9px;background:var(--wb-input-bg,var(--panel));color:var(--ink);padding:7px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:none}
    .watermark-panel button:hover:not(:disabled){background:var(--wb-hover-bg,var(--soft));border-color:var(--teal)}
    .watermark-panel :is(button,input,select):focus-visible{outline:2px solid var(--teal);outline-offset:2px}
    .watermark-preview{min-width:0;min-height:0;display:grid;place-items:center;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--wb-preview-bg,var(--soft));padding:12px}
    .watermark-preview canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;background:#fff}
    .watermark-settings{min-width:0;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--soft);scrollbar-color:var(--line) transparent}
    .watermark-settings label{display:flex;flex-direction:column;gap:7px;color:var(--ink);font-size:13px;font-weight:600}
    .watermark-settings input,.watermark-settings select{width:100%;min-width:0;min-height:38px;border:1px solid var(--line);border-radius:8px;background:var(--wb-input-bg,var(--panel));color:var(--ink);padding:6px 10px;font:inherit;font-size:13px;outline:none}
    .watermark-settings input[type="range"]{appearance:none;min-height:24px;margin:0;padding:0;border:0;background:transparent!important;accent-color:var(--teal);cursor:pointer}.watermark-settings input[type="color"]{width:48px;height:38px;padding:4px;cursor:pointer}
    .watermark-settings input[type="range"]::-webkit-slider-runnable-track{height:5px;background:var(--line);border-radius:999px}.watermark-settings input[type="range"]::-webkit-slider-thumb{appearance:none;width:16px;height:16px;margin-top:-5.5px;border:2px solid var(--panel);border-radius:50%;background:var(--teal);box-shadow:0 0 0 1px var(--teal)}
    .watermark-settings input[type="range"]::-moz-range-track{height:5px;background:var(--line);border-radius:999px}.watermark-settings input[type="range"]::-moz-range-thumb{width:12px;height:12px;border:2px solid var(--panel);border-radius:50%;background:var(--teal);box-shadow:0 0 0 1px var(--teal)}
    .watermark-actions{display:flex;flex-shrink:0;gap:8px;margin-top:auto;padding-top:10px}.watermark-actions button{flex:1}.watermark-actions button.primary{border-color:var(--teal);background:var(--wb-primary-bg);color:var(--wb-primary-text)}
    @media(max-width:860px){.watermark-modal{padding:10px}.watermark-panel{height:auto;max-height:calc(100dvh - 20px);grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(180px,36dvh) auto;padding:12px;gap:12px}.watermark-preview{min-height:180px}.watermark-settings{overflow:visible}.watermark-actions{position:sticky;bottom:-12px;padding-bottom:10px;background:var(--soft)}.watermark-head button,.watermark-actions button{min-height:42px}.watermark-tip{font-size:12px}}
    .project-overview-card{position:absolute;z-index:18;width:320px;min-height:178px;padding:16px;border:1px solid rgba(19,184,170,.28);border-radius:14px;background:rgba(255,255,255,.96);box-shadow:0 18px 42px rgba(15,23,42,.13);cursor:pointer}
    .project-overview-card:hover{border-color:rgba(19,184,170,.58);box-shadow:0 24px 56px rgba(15,23,42,.18);transform:translateY(-2px)}
    .project-overview-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
    .project-overview-title{color:var(--ink);font-size:18px;font-weight:1000;line-height:1.25}
    .project-overview-status{flex:0 0 auto;border-radius:999px;padding:5px 9px;background:#eafffb;color:#0f766e;font-size:12px;font-weight:1000}
    .project-overview-status.running{background:#fff7ed;color:#c2410c}
    .project-overview-status.failed{background:#fff1f2;color:#e11d48}
    .project-overview-detail{margin-top:8px;color:#6b8198;font-size:13px;line-height:1.55}
    .project-overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
    .project-overview-stat{border:1px solid var(--line);border-radius:10px;padding:8px;background:#f8fbff}
    .project-overview-stat span{display:block;color:#7b8ca0;font-size:11px;font-weight:800}
    .project-overview-stat b{display:block;margin-top:3px;color:var(--ink);font-size:17px;font-weight:1000}
    .project-overview-action{margin-top:12px;width:100%;height:34px;border:0;border-radius:10px;background:linear-gradient(135deg,var(--teal),var(--blue));color:#fff;font-size:14px;font-weight:1000;cursor:pointer}
    .project-overview-toolbar{position:absolute;z-index:24;display:flex;align-items:center;gap:10px;min-height:40px;padding:7px 8px;border:1px solid rgba(19,184,170,.3);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 14px 32px rgba(15,23,42,.14)}
    .project-overview-toolbar span{padding:0 8px;color:#0f766e;font-size:12px;font-weight:1000}
    .project-overview-toolbar button{height:30px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#30465d;font-size:12px;font-weight:1000;padding:0 10px;cursor:pointer}
    .node.is-running,.node:has([data-ol-state="running"]){border-color:rgba(19,184,170,.58);box-shadow:0 18px 44px rgba(19,184,170,.16)}
    .node.is-running::after,.node:has([data-ol-state="running"])::after{content:'';position:absolute;inset:-1px;border-radius:10px;padding:1px;background:linear-gradient(115deg,transparent 0%,rgba(19,184,170,.1) 28%,rgba(19,184,170,.72) 50%,rgba(47,111,237,.42) 62%,transparent 100%);background-size:260% 260%;animation:nodeSweep 1.8s linear infinite;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
    @keyframes nodeSweep{to{background-position:260% 0}}
    .node-head{height:44px;padding:11px 13px 0;cursor:grab}
    .node-title{font-weight:1000;font-size:14px;line-height:1.2}
    .node-sub{margin-top:4px;color:var(--muted);font-size:11px}
    .node-body{padding:8px 10px 10px}
    .preview{height:104px;border:1px dashed #cbd9e4;border-radius:8px;background:#eef6fb;display:grid;place-items:center;color:#71839a;font-size:12px;overflow:hidden}
    .preview img{width:100%;height:100%;object-fit:cover}
    .preview.result{position:relative;height:auto;aspect-ratio:9/16;background:linear-gradient(135deg,#dff7f2,#fff3c4);font-size:13px;font-weight:900;color:#426176;padding:8px}
    .preview.result.is-running{background:linear-gradient(135deg,#dff7f2 0%,#fff8d9 48%,#dff7f2 100%);background-size:220% 220%;animation:resultGlow 2.2s ease-in-out infinite}
    .preview.result.is-running::after{content:'';position:absolute;inset:-24% -48%;background:linear-gradient(115deg,transparent 44%,rgba(255,255,255,.5) 50%,transparent 56%);transform:translateX(-46%);animation:resultSweep 1.6s ease-in-out infinite;pointer-events:none}
    .preview-loading{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#395a73;font-size:14px;letter-spacing:0}
    .preview-loading i{width:26px;height:26px;border-radius:50%;border:3px solid rgba(16,32,51,.14);border-top-color:var(--teal);animation:spin .8s linear infinite}
    .preview-loading b{font-size:14px;font-weight:1000}
    .preview-error{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;text-align:center;color:#b91c1c;background:linear-gradient(135deg,#fff1f2,#fff7ed)}
    .preview-error i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fee2e2;color:#dc2626;font-style:normal;font-size:22px;font-weight:1000}
    .preview-error b{font-size:15px;font-weight:1000}
    .preview-error span{max-width:92%;font-size:12px;line-height:1.45;color:#7f1d1d;font-weight:800}
    .ecom-recognizing{position:relative;overflow:hidden;margin-top:10px;border:1px solid rgba(19,184,170,.24);border-radius:10px;background:linear-gradient(135deg,#eefcf9,#f7fbff);padding:12px}
    .ecom-recognizing::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.72) 48%,transparent 62%);transform:translateX(-120%);animation:ecomCardSweep 1.7s ease-in-out infinite;pointer-events:none}
    .ecom-recognizing-head{position:relative;display:flex;align-items:center;gap:9px;color:#0f766e;font-size:13px;font-weight:1000}
    .ecom-recognizing-head i{width:18px;height:18px;border-radius:50%;border:2px solid rgba(19,184,170,.18);border-top-color:var(--teal);animation:spin .8s linear infinite;flex:0 0 auto}
    .ecom-marquee{position:relative;margin-top:10px;height:32px;border:1px solid rgba(47,111,237,.16);border-radius:999px;background:#fff;overflow:hidden;color:#2f5872;font-size:12px;font-weight:900;display:flex;align-items:center}
    .ecom-marquee-track{display:inline-flex;gap:28px;white-space:nowrap;min-width:max-content;animation:ecomMarquee 11s linear infinite;padding-left:100%}
    .ecom-selling-status{grid-column:1/-1;margin-top:-2px;border:1px solid #dce6ee;border-radius:10px;background:#fbfdff;padding:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#52677c;font-size:12px;font-weight:900}
    .ecom-selling-status.is-loading{position:relative;overflow:hidden;border-color:rgba(19,184,170,.32);background:linear-gradient(135deg,#eefcf9,#f7fbff);color:#0f766e}
    .ecom-selling-status.is-loading::before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.74) 45%,transparent 62%);transform:translateX(-120%);animation:ecomCardSweep 1.7s ease-in-out infinite;pointer-events:none}
    .ecom-selling-status-main{position:relative;min-width:0;flex:1 1 auto}
    .ecom-selling-status-title{display:flex;align-items:center;gap:7px;white-space:nowrap}
    .ecom-selling-status-title i{display:none;width:14px;height:14px;border-radius:50%;border:2px solid rgba(19,184,170,.2);border-top-color:var(--teal);animation:spin .8s linear infinite;flex:0 0 auto}
    .ecom-selling-status.is-loading .ecom-selling-status-title i{display:block}
    .ecom-selling-mini-marquee{position:relative;margin-top:6px;height:22px;border-radius:999px;background:#fff;overflow:hidden;color:#2f5872;font-size:11px;display:flex;align-items:center}
    .ecom-selling-mini-marquee span{display:inline-flex;gap:24px;white-space:nowrap;min-width:max-content;animation:ecomMarquee 9s linear infinite;padding-left:100%}
    .ecom-recognizing-steps{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
    .ecom-recognizing-steps span{border:1px solid rgba(220,230,238,.9);border-radius:8px;background:rgba(255,255,255,.72);padding:7px 8px;color:#52677c;font-size:11px;font-weight:900}
    .ecom-recognizing-actions{position:relative;margin-top:10px;color:#6b7c8f;font-size:11px;line-height:1.5}
    @keyframes ecomCardSweep{0%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
    @keyframes ecomMarquee{to{transform:translateX(-100%)}}
    @keyframes resultGlow{50%{background-position:100% 50%}}
    @keyframes resultSweep{0%{transform:translateX(-46%)}70%,100%{transform:translateX(46%)}}
    @keyframes spin{to{transform:rotate(360deg)}}
    .preview.result img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;border-radius:6px}
    .preview.result video{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;border-radius:6px;background:#020617}
    .preview-dim{display:inline-flex;align-items:center;min-height:22px;margin:6px 0 0 0;padding:0 8px;border-radius:999px;background:#edf3f8;color:#52677c;font-size:11px;font-weight:1000;letter-spacing:0;pointer-events:none}
    .preview-trace{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:5px;color:#64748b;font-size:10px;line-height:1.35}
    .preview-trace span,.preview-trace a{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .preview-trace a{color:#0f766e;font-weight:900;text-decoration:none}
    .tool-start-copy{margin-top:8px;color:#52677c;font-size:12px;line-height:1.6}
    .tool-ref-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px}
    .tool-ref-card{min-width:0;border:1px solid #dce6ee;border-radius:8px;background:#f8fbfd;overflow:hidden}
    .tool-ref-card img{display:block;width:100%;height:58px;object-fit:cover;background:#eef6fb}
    .tool-ref-card span{display:block;padding:5px 6px;color:#52677c;font-size:10px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .video-asset-node{display:flex;flex-direction:column;gap:9px}
    .video-asset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:255px;overflow:auto;padding:1px}
    .video-asset-card{position:relative;min-width:0;border:1px solid #dce6ee;border-radius:8px;background:#f8fbfd;overflow:hidden;text-align:left;color:#294158}
    .video-asset-card.is-selected{border-color:#7c3aed;box-shadow:0 0 0 2px rgba(124,58,237,.18)}
    .video-asset-card input{position:absolute;right:8px;top:8px;width:18px;height:18px;accent-color:#7c3aed;z-index:2}
    .video-asset-card img{display:block;width:100%;height:86px;object-fit:cover;background:#eef6fb}
    .video-asset-card b{display:block;padding:6px 8px 2px;font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .video-asset-card span{display:block;padding:0 8px 7px;color:#64748b;font-size:10px;line-height:1.25}
    .video-asset-collapsed{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #dce6ee;border-radius:8px;background:#f8fbfd;color:#294158;padding:8px 9px;font-size:11px;font-weight:900;line-height:1.35}
    .video-asset-collapsed span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .video-asset-empty{border:1px dashed #cbd5e1;border-radius:8px;background:#f8fbfd;color:#64748b;padding:22px 10px;text-align:center;font-size:12px;font-weight:900}
    .video-asset-empty.is-compact{padding:10px 12px;min-height:42px;display:flex;align-items:center;justify-content:center}
    .video-compact-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;color:#64748b;font-size:11px;font-weight:900;line-height:1.35}
    .video-compact-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .video-optional-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;border:1px solid #dce6ee;border-radius:8px;background:#f8fbfd;color:#52677c;padding:7px 8px;font-size:11px;font-weight:900;line-height:1.35}
    .video-optional-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .video-optional-row .mini{height:24px;flex:0 0 auto;font-size:11px;padding:0 8px}
    .video-optional-note{min-height:56px;max-height:96px}
    .video-analysis-list{display:flex;flex-direction:column;gap:7px;max-height:280px;overflow:auto;margin-top:9px}
    .video-analysis-row{border:1px solid #dce6ee;border-radius:8px;background:#f8fbfd;padding:8px}
    .video-analysis-row b{display:block;font-size:12px;line-height:1.3;color:#102033}
    .video-analysis-row span{display:block;margin-top:4px;font-size:11px;line-height:1.45;color:#52677c}
    .video-analysis-product{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}
    .video-analysis-product label,.video-analysis-edit label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:900;color:#526980}
    .video-analysis-product input,.video-analysis-product textarea,.video-analysis-edit select,.video-analysis-edit textarea{width:100%;border:1px solid #dce6ee;border-radius:8px;background:#fff;color:#102033;font-size:11px;outline:0}
    .video-analysis-product input,.video-analysis-edit select{height:30px;padding:0 8px}
    .video-analysis-product textarea,.video-analysis-edit textarea{min-height:46px;padding:7px 8px;resize:vertical;line-height:1.45}
    .video-analysis-edit{display:grid;grid-template-columns:84px 1fr;gap:8px;align-items:start}
    .video-analysis-edit img{width:84px;aspect-ratio:1/1;border-radius:8px;object-fit:cover;border:1px solid #dce6ee;background:#edf3f8}
    .video-analysis-fields{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:0}
    .video-analysis-fields label:first-child,.video-analysis-fields label:nth-child(2){grid-column:auto}
    .video-analysis-fields label:nth-child(3),.video-analysis-fields label:nth-child(4){grid-column:1/-1}
    .video-analysis-use{flex-direction:row!important;align-items:center!important;gap:6px!important}
    .video-analysis-use input{width:14px!important;height:14px!important;accent-color:#2563eb}
    .video-limit-note{border:1px solid rgba(245,158,11,.35);border-radius:8px;background:#fff7ed;color:#b45309;padding:8px 9px;font-size:11px;font-weight:900;line-height:1.45}
    .video-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}
    .video-mode-choice{min-width:0;border:1px solid #dce6ee;border-radius:8px;background:#f8fbfd;color:#294158;padding:9px 7px;text-align:left;font-size:11px;font-weight:900;line-height:1.3}
    .video-mode-choice.is-on{border-color:#7c3aed;background:#f5f3ff;color:#5b21b6;box-shadow:0 0 0 2px rgba(124,58,237,.14)}
    .video-mode-choice span{display:block;margin-top:4px;color:#64748b;font-size:10px;font-weight:800}
    .video-scene-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
    .video-scene-tab{border:0;background:transparent;color:#64748b;border-radius:0;padding:5px 2px;font-size:11px;font-weight:900;line-height:1.2;border-bottom:2px solid transparent}
    .video-scene-tab.is-on{color:#2563eb;border-bottom-color:#2563eb}
    .video-need-grid{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}
    .video-script-submit-config{margin-top:10px}
    .video-avatar-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
    .video-avatar-grid label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:900;color:#526980}
    .video-avatar-grid select,.video-avatar-grid input{height:30px;border:1px solid #dce6ee;border-radius:8px;background:#fff;color:#102033;padding:0 8px;font-size:11px;outline:0}
    .video-avatar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:9px;max-height:245px;overflow:auto;padding:1px}
    .video-avatar-card{min-width:0;border:1px solid #dce6ee;border-radius:8px;background:#f8fbfd;padding:8px;text-align:left;color:#294158}
    .video-avatar-card.is-on{border-color:#7c3aed;background:#f5f3ff;box-shadow:0 0 0 2px rgba(124,58,237,.16)}
    .video-avatar-top{display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;align-items:center}
    .video-avatar-cover{width:44px;height:44px;border:1px solid #dce6ee;border-radius:8px;background:#eef6fb;overflow:hidden;display:grid;place-items:center;color:#64748b;font-size:18px;font-weight:1000}
    .video-avatar-cover img{width:100%;height:100%;object-fit:cover}
    .video-avatar-name{min-width:0}
    .video-avatar-name b{display:block;font-size:12px;line-height:1.25;color:#102033;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .video-avatar-name span{display:block;margin-top:3px;font-size:10px;line-height:1.25;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .video-avatar-pack{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:7px}
    .video-avatar-pack span{height:22px;border:1px solid #dce6ee;border-radius:5px;background:#fff;color:#64748b;display:grid;place-items:center;font-size:9px;font-weight:900;overflow:hidden}
    .video-avatar-pack span.is-ready{background:#e9fbf7;border-color:rgba(19,184,170,.55);color:#0f766e}
    .video-insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
    .video-insight-card{border:1px solid #dce6ee;border-radius:8px;background:#f8fbfd;padding:8px;min-width:0}
    .video-insight-card b{display:block;color:#102033;font-size:12px;line-height:1.3}
    .video-insight-card span{display:block;margin-top:5px;color:#52677c;font-size:11px;line-height:1.45}
    .video-script-list{display:flex;flex-direction:column;gap:7px;margin-top:9px;max-height:280px;overflow:auto}
    .video-script-shot{border:1px solid #dce6ee;border-radius:8px;background:#f8fbfd;padding:8px}
    .video-script-shot b{display:block;color:#102033;font-size:12px;line-height:1.3}
    .video-script-shot span{display:block;margin-top:5px;color:#52677c;font-size:11px;line-height:1.45}
    .video-script-status{display:flex;align-items:center;gap:8px;margin:9px 0;padding:9px 10px;border:1px solid rgba(37,99,235,.28);border-radius:8px;background:rgba(37,99,235,.08);color:#1d4ed8;font-size:12px;font-weight:900}
    .video-script-status i{width:12px;height:12px;border:2px solid rgba(37,99,235,.24);border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}
    .video-config-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;padding:8px 10px;border:1px solid rgba(37,99,235,.22);border-radius:8px;background:rgba(37,99,235,.07);font-size:12px;font-weight:900;color:#1e3a8a}
    .video-script-error-detail{margin-top:8px}
    .video-script-error-detail summary{cursor:pointer;color:#64748b;font-size:12px;font-weight:900}
    .video-script-error-detail div{margin-top:6px;max-height:96px;overflow:auto;white-space:pre-wrap;color:#b45309;font-size:11px;line-height:1.5}
    .ecom-ref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
    .ecom-ref{border:1px solid #dce6ee;border-radius:9px;background:#f8fbfd;overflow:hidden;min-width:0}
    .ecom-ref.is-lock{border-color:rgba(19,184,170,.75);box-shadow:0 0 0 2px rgba(19,184,170,.10)}
    .ecom-ref img{display:block;width:100%;height:82px;object-fit:cover;background:#eef6fb}
    .ecom-ref b{display:block;padding:7px 8px 2px;font-size:11px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .ecom-ref span{display:block;padding:0 8px 7px;color:#52677c;font-size:10px;line-height:1.25}
    .ecom-ref button{width:calc(100% - 12px);margin:0 6px 7px;height:26px;border-radius:7px;border:1px solid #dce6ee;background:#fff;color:#294158;font-size:11px;font-weight:900}
    .ecom-ref.is-lock button{border-color:var(--teal);background:#e9fbf7;color:#0f766e}
    .ecom-ref-actions{display:grid;grid-template-columns:1fr auto;gap:6px;padding:0 6px 7px}
    .ecom-ref .ecom-ref-actions button{width:auto;margin:0}
    .ecom-ref .ecom-ref-remove{min-width:48px;border-color:rgba(239,68,68,.5);background:rgba(254,242,242,.95);color:#b91c1c}
    .ecom-ref.is-lock .ecom-ref-remove{border-color:rgba(239,68,68,.5);background:rgba(254,242,242,.95);color:#b91c1c}
    .travel-style-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
    .travel-style{border:1px solid var(--wb-border);border-radius:8px;background:var(--wb-card-soft);padding:10px;text-align:left;color:var(--wb-text);cursor:pointer}
    .travel-style.is-on{border-color:var(--teal);background:rgba(19,184,170,.14);box-shadow:inset 0 0 0 1px rgba(34,211,238,.22)}
    .travel-style b{display:block;font-size:13px;margin-bottom:4px}
    .travel-style span{display:block;color:var(--wb-text-muted);font-size:11px;line-height:1.45}
    .ecom-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
    .ecom-field{display:flex;flex-direction:column;gap:5px;color:#526980;font-size:10px;font-weight:900}
    .ecom-field.full{grid-column:1/-1}
    .ecom-field input,.ecom-field select,.ecom-field textarea{width:100%;border:1px solid #dce6ee;border-radius:8px;background:#fff;color:#102033;font-size:11px;outline:0}
    .ecom-field input,.ecom-field select{height:31px;padding:0 8px}
    .ecom-field textarea{min-height:74px;padding:8px;resize:vertical;line-height:1.45}
    .ecom-advanced{grid-column:1/-1;border:1px solid #dce6ee;border-radius:10px;background:#fbfdff;overflow:hidden}
    .ecom-advanced-head{width:100%;height:36px;border:0;background:transparent;color:#30465d;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;font-size:12px;font-weight:1000;cursor:pointer;text-align:left}
    .ecom-advanced-head span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .ecom-advanced-head small{flex:0 0 auto;color:#6b8198;font-size:11px;font-weight:900}
    .ecom-advanced-body{display:grid;grid-template-columns:1fr;gap:8px;padding:0 8px 8px}
    .ecom-usage-map{grid-column:1/-1;border:1px solid #dce6ee;border-radius:10px;background:#fbfdff;padding:9px;display:grid;gap:7px}
    .ecom-usage-head{display:flex;align-items:center;justify-content:space-between;gap:8px}
    .ecom-usage-head b{font-size:12px;font-weight:1000;color:#30465d}
    .ecom-usage-head span{font-size:11px;font-weight:900;color:#6b8198}
    .ecom-usage-note{font-size:11px;line-height:1.45;color:#6b8198}
    .ecom-usage-list{display:grid;gap:6px;max-height:172px;overflow:auto}
    .ecom-usage-row{display:grid;grid-template-columns:46px minmax(0,1fr) 126px;gap:7px;align-items:center;border:1px solid #e4edf5;border-radius:9px;background:#fff;padding:6px}
    .ecom-usage-row.is-main{border-color:rgba(19,184,170,.55);background:#effdf9}
    .ecom-usage-row.is-unused{border-color:rgba(245,158,11,.45);background:#fffbeb}
    .ecom-usage-thumb{width:46px;height:38px;border-radius:7px;background:#eef6fb;overflow:hidden}
    .ecom-usage-thumb img{display:block;width:100%;height:100%;object-fit:cover}
    .ecom-usage-main{min-width:0;display:grid;gap:2px}
    .ecom-usage-main b{font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#30465d}
    .ecom-usage-main small{font-size:10px;line-height:1.3;color:#6b8198;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .ecom-usage-row select{width:100%;height:30px;border:1px solid #dce6ee;border-radius:8px;background:#fff;color:#294158;font-size:11px;font-weight:900;padding:0 7px}
    .ecom-usage-alert{font-size:11px;line-height:1.45;border:1px solid rgba(245,158,11,.35);background:#fffbeb;color:#92400e;border-radius:8px;padding:7px 8px}
    .ecom-usage-alert.is-info{border-color:rgba(19,184,170,.30);background:#effdf9;color:#0f766e}
    .ecom-style-ref{grid-column:1/-1;border:1px solid #dce6ee;border-radius:10px;background:#fbfdff;padding:9px;display:grid;gap:8px}
    .ecom-style-ref-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;color:#30465d;font-size:12px;font-weight:1000}
    .ecom-style-ref-head small{display:block;margin-top:3px;color:#6b8198;font-size:10px;line-height:1.35;font-weight:900}
    .ecom-style-ref-actions{display:flex;gap:6px;flex-wrap:wrap}
    .ecom-style-ref-actions .mini{height:26px;font-size:11px;padding:0 8px}
    .ecom-style-ref-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
    .ecom-style-ref-card{position:relative;height:86px;border:1px solid #dce6ee;border-radius:8px;background:#fff;overflow:hidden}
    .ecom-style-ref-card img{width:100%;height:100%;object-fit:cover;display:block}
    .ecom-style-ref-card button{position:absolute;top:5px;right:5px;width:22px;height:22px;border:1px solid rgba(239,68,68,.45);border-radius:999px;background:rgba(255,255,255,.94);color:#b91c1c;font-size:15px;font-weight:1000;line-height:18px}
    .ecom-style-ref-options{display:flex;gap:6px;flex-wrap:wrap}
    .ecom-style-ref-options button{height:26px;border:1px solid #dce6ee;border-radius:7px;background:#fff;color:#526980;font-size:11px;font-weight:900;padding:0 8px}
    .ecom-style-ref-options button.is-on{border-color:var(--teal);background:#e9fbf7;color:#0f766e}
    .ecom-style-ref-priority{border:1px solid rgba(19,184,170,.18);border-radius:8px;background:rgba(233,251,247,.68);color:#0f766e;padding:7px 8px;font-size:11px;font-weight:900;line-height:1.45}
    .ecom-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}
    .ecom-package{border:1px solid #dce6ee;border-radius:9px;background:#fff;padding:10px;text-align:left;color:#294158;font-size:12px;font-weight:900}
    .ecom-package:hover{border-color:var(--teal);background:#eefcf9;color:#0f766e}
    .ecom-package.is-on{border-color:var(--teal);background:#e9fbf7;color:#0f766e;box-shadow:0 0 0 2px rgba(19,184,170,.12)}
    .ecom-package b{display:block;font-size:13px}
    .ecom-package span{display:block;margin-top:5px;color:#6b7c8f;font-size:11px;line-height:1.35;font-weight:800}
    .ecom-shot-tag{display:inline-flex;height:22px;align-items:center;border-radius:999px;background:#eef6ff;color:#1d4ed8;padding:0 8px;font-size:10px;font-weight:1000}
    .tag{display:inline-flex;align-items:center;height:24px;border-radius:999px;background:#e9fbf7;color:#0f766e;padding:0 9px;font-weight:1000;font-size:11px}
    .tag.warn{background:#fff7ed;color:#b45309}
    .tag.blue{background:#eff6ff;color:#1d4ed8}
    .textline{margin-top:8px;color:#52677c;font-size:12px;line-height:1.55}
    .node-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
    .ecom-export-actions{gap:6px}
    .ecom-export-actions .mini{min-width:0;padding:0 7px;font-size:11px}
    .flow-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}
    .flow-summary .cell{border:1px solid #dce6ee;border-radius:8px;background:#f8fbfd;padding:7px 8px;min-width:0}
    .flow-summary .cell span{display:block;color:#6b7c8f;font-size:10px;font-weight:900;line-height:1.2}
    .flow-summary .cell b{display:block;margin-top:4px;font-size:11px;line-height:1.35;word-break:break-all}
    .white-result-dimensions{white-space:nowrap;word-break:normal;overflow-wrap:normal}
    .white-result-info{margin-top:8px;color:var(--wb-text-muted,var(--muted));font-size:11px;line-height:1.5}
    .white-result-info>summary{width:fit-content;cursor:pointer;padding:3px 0}
    .white-result-info>summary:hover,.white-result-info>summary:focus-visible{color:var(--wb-text,var(--ink))}
    .white-result-info>summary:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:3px}
    .white-result-info dl{margin:6px 0 0;padding:8px;border:1px solid var(--wb-border,var(--line));border-radius:8px;background:var(--wb-card-soft,var(--soft))}
    .white-result-info dl>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:baseline}
    .white-result-info dl>div+div{margin-top:5px}
    .white-result-info dt{font-weight:400}
    .white-result-info dd{margin:0;color:var(--wb-text,var(--ink));text-align:right}
    .white-result-info p{margin:6px 0 0}
    .white-result-warning{margin-top:8px;padding:8px;border:1px solid color-mix(in srgb,var(--rose) 35%,var(--wb-border,var(--line)));border-radius:8px;background:color-mix(in srgb,var(--rose) 8%,var(--wb-card-bg,var(--panel)));color:var(--wb-text,var(--ink));font-size:12px;line-height:1.5}
    .flow-raw{margin-top:8px;border:1px solid #dce6ee;border-radius:8px;background:#fbfdff;overflow:hidden}
    .flow-raw summary{list-style:none;cursor:pointer;padding:8px 10px;font-size:12px;font-weight:900;color:#30465d}
    .flow-raw summary::-webkit-details-marker{display:none}
    .flow-raw-text{padding:0 10px 10px;color:#52677c;font-size:12px;line-height:1.55;white-space:pre-wrap;max-height:92px;overflow:auto}
    .flow-choice-title{margin-top:10px;font-size:11px;font-weight:900;color:#0f766e}
    .flow-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:8px}
    .flow-options .mini{width:100%;height:32px;flex:none;font-size:11px;line-height:1.15;padding:0 6px;white-space:normal;word-break:break-word}
    .flow-config{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
    .flow-config label{display:flex;flex-direction:column;gap:5px;font-size:10px;font-weight:900;color:#526980}
    .flow-config input,.flow-config select{width:100%;height:30px;border:1px solid #dce6ee;border-radius:8px;background:#fff;padding:0 8px;color:#102033;font-size:11px;outline:0}
    .flow-config input:focus,.flow-config select:focus{border-color:rgba(19,184,170,.65);box-shadow:0 0 0 3px rgba(19,184,170,.12)}
    .flow-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
    .flow-actions .mini{flex:1 1 auto}
    .flow-actions.is-row{flex-wrap:nowrap}
    .image-reverse-hero{margin-top:8px;border:1px solid #dce6ee;border-radius:8px;background:#f8fbfd;padding:9px 10px;color:#294158;font-size:12px;line-height:1.5}
    .image-reverse-hero b{display:block;color:#102033;font-size:13px;line-height:1.35;margin-bottom:4px}
    .image-reverse-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
    .image-reverse-tags span{display:inline-flex;max-width:100%;min-height:22px;align-items:center;border:1px solid rgba(19,184,170,.22);border-radius:999px;background:#e9fbf7;color:#0f766e;padding:0 8px;font-size:11px;font-weight:900;line-height:1.25}
    .image-reverse-intent-title{margin-top:10px;color:#526980;font-size:11px;font-weight:1000;line-height:1.35}
    .image-reverse-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
    .image-reverse-action{min-width:0;border:1px solid #dce6ee;border-radius:8px;background:#fff;color:#294158;padding:9px;text-align:left;font-weight:1000}
    .image-reverse-action b{display:block;font-size:12px;line-height:1.25;color:#102033}
    .image-reverse-action span{display:block;margin-top:4px;font-size:10px;line-height:1.35;color:#64748b;font-weight:800}
    .image-reverse-action.is-on{border-color:var(--teal);background:#e9fbf7;box-shadow:0 0 0 2px rgba(19,184,170,.12)}
    .image-reverse-workbox{margin-top:10px;border:1px solid rgba(47,111,237,.22);border-radius:8px;background:#f8fbff;padding:10px}
    .image-reverse-workbox textarea{width:100%;min-height:66px;border:1px solid #dce6ee;border-radius:8px;background:#fff;color:#102033;font-size:12px;line-height:1.5;padding:8px;resize:vertical;outline:0}
    .image-reverse-workbox textarea:focus,.image-reverse-workbox input:focus{border-color:rgba(19,184,170,.65);box-shadow:0 0 0 3px rgba(19,184,170,.12)}
    .image-reverse-product{display:grid;grid-template-columns:86px minmax(0,1fr);gap:9px;align-items:start;margin-bottom:8px}
    .image-reverse-product-thumb{height:86px;border:1px dashed #b9c8d7;border-radius:8px;background:#fff;display:grid;place-items:center;overflow:hidden;color:#64748b;font-size:11px;font-weight:900;text-align:center}
    .image-reverse-product-thumb img{width:100%;height:100%;object-fit:cover}
    .image-reverse-product-info{min-width:0;color:#52677c;font-size:11px;line-height:1.45}
    .image-reverse-product-info b{display:block;color:#102033;font-size:12px;margin-bottom:4px}
    .image-reverse-product-info .mini{margin-top:6px}
    .image-reverse-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
    .image-reverse-detail-grid label{display:flex;flex-direction:column;gap:5px;color:#526980;font-size:10px;font-weight:900}
    .image-reverse-detail-grid input{height:30px;border:1px solid #dce6ee;border-radius:8px;background:#fff;color:#102033;padding:0 8px;font-size:11px;outline:0}
    .image-reverse-detail-grid label:last-child{grid-column:1/-1}
    .image-reverse-mirror{position:relative;margin-top:10px;border:1px solid rgba(34,211,238,.32);border-radius:10px;background:#08141f;overflow:hidden;color:#dbeafe}
    .image-reverse-mirror-stage{position:relative;height:128px;overflow:hidden;background:linear-gradient(135deg,#08111b,#102238)}
    .image-reverse-mirror-stage img{width:100%;height:100%;object-fit:cover;filter:saturate(1.12) contrast(1.04) brightness(.72);transform:scale(1.03)}
    .image-reverse-mirror-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,211,238,.08) 1px,transparent 1px),linear-gradient(0deg,rgba(96,165,250,.08) 1px,transparent 1px);background-size:18px 18px;mix-blend-mode:screen;opacity:.78}
    .image-reverse-mirror-stage:after{content:'';position:absolute;top:-28%;bottom:-28%;width:34%;left:-45%;background:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.12) 35%,rgba(255,255,255,.72) 50%,rgba(34,211,238,.32) 62%,transparent 100%);transform:skewX(-14deg);animation:imageReverseMirrorSweep 1.85s ease-in-out infinite}
    .image-reverse-mirror-line{position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#67e8f9,#a7f3d0,transparent);box-shadow:0 0 14px rgba(103,232,249,.72);animation:imageReverseScanLine 2.4s linear infinite}
    .image-reverse-mirror-caption{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:8px 10px;border-top:1px solid rgba(34,211,238,.22);background:rgba(8,20,31,.9)}
    .image-reverse-mirror-caption b{display:block;font-size:12px;color:#f8fdff;line-height:1.25}
    .image-reverse-mirror-caption span{display:block;margin-top:3px;font-size:10px;color:#9fb0c3;line-height:1.35}
    .image-reverse-mirror-dots{display:flex;gap:5px}
    .image-reverse-mirror-dots i{width:6px;height:6px;border-radius:999px;background:#67e8f9;box-shadow:0 0 10px rgba(103,232,249,.65);animation:imageReverseDotPulse 1.2s ease-in-out infinite}
    .image-reverse-mirror-dots i:nth-child(2){animation-delay:.18s}.image-reverse-mirror-dots i:nth-child(3){animation-delay:.36s}
    @keyframes imageReverseMirrorSweep{0%{left:-45%;opacity:.05}18%{opacity:1}72%,100%{left:112%;opacity:.08}}
    @keyframes imageReverseScanLine{0%{top:0}50%{top:calc(100% - 2px)}100%{top:0}}
    @keyframes imageReverseDotPulse{0%,100%{opacity:.32;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
    .video-model-note{margin-top:7px;border:1px solid #dce6ee;border-radius:8px;background:#f8fbfd;padding:7px 8px;color:#52677c;font-size:11px;font-weight:900;line-height:1.45}
    .video-avatar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;color:#52677c;font-size:12px;font-weight:900}
    .video-avatar-footer .mini{height:24px;min-width:54px;padding:0 8px;font-size:11px;flex:0 0 auto}
    .mini{height:28px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#294158;font-size:12px;font-weight:900;padding:0 9px}
    .mini.primary{border-color:var(--teal);background:#e9fbf7;color:#0f766e}
    .mini.dark{border-color:#102033;background:#102033;color:#fff}
    .mini:disabled{opacity:.62;cursor:not-allowed}
    .del{position:absolute;right:8px;top:8px;width:24px;height:24px;border:0;border-radius:999px;background:#f8fafc;color:#94a3b8;display:none}
    .node:hover .del,.node.selected .del{display:block}
    .port{position:absolute;right:-15px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:1px solid var(--line);border-radius:999px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.14);display:none;place-items:center;color:#0f766e;font-size:20px;font-weight:1000}
    .node:hover .port,.node.selected .port{display:grid}
    textarea.inline{width:100%;min-height:74px;border:1px solid #dce6ee;border-radius:8px;background:#f8fafc;resize:vertical;padding:8px 9px;font-size:11px;line-height:1.45;outline:0}
    textarea.inline:focus{border-color:rgba(19,184,170,.65);box-shadow:0 0 0 3px rgba(19,184,170,.12);background:#fff}
    .flow-user-prompt{margin-top:8px}
    .flow-user-prompt label{display:block;margin-bottom:5px;color:#6b7c8f;font-size:10px;font-weight:900;line-height:1.2}
    textarea.inline.flow-user-input{min-height:52px;max-height:96px}
    textarea.note-topic-input{min-height:58px;margin-top:10px;font-size:12px;line-height:1.5;background:#fff;resize:vertical}
    .menu{position:fixed;z-index:40;width:min(380px,calc(100vw - 24px));max-height:620px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow);display:none;padding:12px}
    .menu.show{display:block}
    .menu-title{font-size:12px;color:#526980;font-weight:1000;margin-bottom:8px}
    .group{font-size:12px;color:#0f766e;font-weight:1000;margin:12px 0 7px}
    .group.soft{color:#6b7c8f}
    .mi{width:100%;min-height:38px;border:0;border-radius:8px;background:#fff;display:grid;grid-template-columns:minmax(112px,max-content) minmax(0,1fr);align-items:center;gap:12px;padding:0 9px;font-size:13px;font-weight:900;text-align:left}
    .mi:hover{background:#eefcf9;color:#0f766e}
    .mi.danger{color:#dc2626}
    .mi.danger:hover{background:#fff1f2;color:#b91c1c}
    .mi span{min-width:0;white-space:nowrap;overflow:visible}
    .mi small{min-width:0;font-size:11px;color:#7b8da0;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
    .wb-dialog{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;background:rgba(2,8,23,.38);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
    .wb-dialog.show{display:flex}
    .wb-dialog-card{width:min(440px,calc(100vw - 36px));border:1px solid rgba(220,230,238,.96);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 24px 72px rgba(15,23,42,.24);padding:18px;color:#102033}
    .wb-dialog-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
    .wb-dialog-icon{width:34px;height:34px;border-radius:12px;background:#e9fbf7;color:#0f766e;display:grid;place-items:center;font-size:18px;font-weight:1000}
    .wb-dialog-title{font-size:17px;font-weight:1000}
    .wb-dialog-msg{color:#52677c;font-size:13px;line-height:1.7;white-space:pre-wrap}
    .wb-dialog-input-wrap{margin-top:14px}
    .wb-dialog-input-label{display:block;margin-bottom:6px;color:#52677c;font-size:12px;font-weight:900}
    .wb-dialog-input{width:100%;height:40px;border:1px solid #dce6ee;border-radius:9px;background:#fff;color:#102033;padding:0 11px;font-size:14px;font-weight:900;outline:0}
    .wb-dialog-input:focus{border-color:rgba(19,184,170,.68);box-shadow:0 0 0 3px rgba(19,184,170,.14)}
    .wb-dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
    .wb-dialog-actions .btn{min-width:74px}
    .viewer{position:fixed;inset:0;z-index:60;display:none;background:rgba(2,8,23,.82);pointer-events:none}
    .viewer.show{display:block;pointer-events:auto}
    .viewer-box{position:fixed;inset:0;background:transparent;overflow:hidden;color:#102033;pointer-events:auto}
    .viewer-head{position:fixed;top:16px;right:16px;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:10px 12px;border:1px solid rgba(207,217,228,.84);border-radius:999px;background:rgba(251,253,255,.96);box-shadow:0 12px 30px rgba(0,0,0,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:default}
    .viewer-box.is-dragging .viewer-head{cursor:default}
    .viewer-head b{display:none}
    .viewer-tools{display:flex;gap:6px}
    .viewer-tools button{height:28px;min-width:30px;border:1px solid #cfd9e4;border-radius:7px;background:#fff;color:#102033;font-weight:900}
    .viewer-img{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;background:transparent;padding:24px;cursor:grab}
    .viewer-box.is-dragging .viewer-img{cursor:grabbing}
    .viewer-img-inner{display:grid;place-items:center;color:#1f3a52;font-size:28px;font-weight:1000;transform-origin:center;overflow:visible;padding:0;border:0;box-shadow:none;user-select:none;will-change:transform}
    .viewer-img-inner img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;border-radius:0;box-shadow:none;user-select:none}
    .viewer-nav{position:fixed;top:50%;z-index:4;width:54px;height:82px;margin-top:-41px;border:1px solid rgba(226,232,240,.54);border-radius:999px;background:rgba(248,250,252,.18);color:rgba(255,255,255,.86);font-size:52px;line-height:1;font-weight:400;display:grid;place-items:center;cursor:pointer;opacity:.42;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .16s ease,background .16s ease,transform .16s ease}
    .viewer-nav:hover{opacity:.92;background:rgba(248,250,252,.3);transform:scale(1.04)}
    .viewer-nav:disabled{opacity:.12;cursor:default;transform:none}
    .viewer-nav.prev{left:30px}
    .viewer-nav.next{right:30px}
    .viewer-tip{display:none}
    .compare-modal{position:fixed;inset:0;z-index:124;background:rgba(2,6,23,.86);display:flex;align-items:center;justify-content:center;padding:20px;color:#e5eef8}
    .compare-panel{width:min(1120px,96vw);height:min(760px,92vh);display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;border:1px solid rgba(148,163,184,.28);border-radius:14px;background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(2,6,23,.96));box-shadow:0 24px 80px rgba(0,0,0,.48);overflow:hidden}
    .compare-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px 0}
    .compare-title{min-width:0}
    .compare-title b{display:block;font-size:15px;font-weight:1000;color:#f8fafc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .compare-title span{display:block;margin-top:3px;font-size:12px;font-weight:800;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .compare-head-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}
    .compare-head-actions button,.compare-foot button{height:32px;border:1px solid rgba(148,163,184,.34);border-radius:9px;background:rgba(15,23,42,.78);color:#e5eef8;font-weight:900;cursor:pointer}
    .compare-head-actions button{min-width:40px;padding:0 10px}
    .compare-stage{--compare-pos:50%;position:relative;margin:0 16px;min-height:0;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:#020617;overflow:hidden;touch-action:none;user-select:none}
    .compare-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
    .compare-before{clip-path:inset(0 calc(100% - var(--compare-pos)) 0 0);z-index:2}
    .compare-divider{position:absolute;top:0;bottom:0;left:var(--compare-pos);z-index:4;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(15,23,42,.44),0 0 18px rgba(34,211,238,.34);transform:translateX(-1px);pointer-events:none}
    .compare-handle{position:absolute;left:var(--compare-pos);top:50%;z-index:5;width:42px;height:42px;border:2px solid rgba(255,255,255,.92);border-radius:999px;background:rgba(15,23,42,.82);display:grid;place-items:center;transform:translate(-50%,-50%);box-shadow:0 10px 28px rgba(0,0,0,.38);pointer-events:none}
    .compare-handle:before{content:'↔';font-size:18px;line-height:1;color:#fff;font-weight:1000}
    .compare-label{position:absolute;top:12px;z-index:6;min-height:24px;display:inline-flex;align-items:center;padding:0 9px;border-radius:999px;background:rgba(15,23,42,.72);border:1px solid rgba(226,232,240,.24);color:#f8fafc;font-size:12px;font-weight:1000;pointer-events:none}
    .compare-label.before{left:12px}
    .compare-label.after{right:12px}
    .compare-foot{display:flex;align-items:center;gap:12px;padding:0 16px 16px}
    .compare-foot input{flex:1;accent-color:#22d3ee}
    .compare-foot span{min-width:48px;text-align:right;color:#cbd5e1;font-size:12px;font-weight:900}
    @media(max-width:760px){.compare-modal{padding:10px}.compare-panel{height:88vh}.compare-title span{display:none}.compare-head{padding:10px 10px 0}.compare-stage{margin:0 10px}.compare-foot{padding:0 10px 10px}.compare-label{font-size:11px;top:8px}.compare-handle{width:34px;height:34px}}
    .booklet-viewer{position:fixed;inset:0;z-index:62;display:none;background:radial-gradient(circle at 50% 18%,rgba(30,41,59,.92),rgba(2,6,23,.96) 52%,#020617);color:#e5eef8;perspective:1800px;overflow:hidden}
    .booklet-viewer.show{display:block}
    .booklet-viewer-shell{position:fixed;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;padding:18px 24px 20px;min-height:0;box-sizing:border-box}
    .booklet-viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px}
    .booklet-viewer-title{display:flex;align-items:center;gap:10px;min-width:0}
    .booklet-viewer-title b{display:block;min-width:0;max-width:min(54vw,560px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#f8fafc}
    .booklet-viewer-title span{flex:0 0 auto;border:1px solid rgba(148,163,184,.36);border-radius:999px;padding:5px 9px;color:#cbd5e1;font-size:12px;font-weight:900;background:rgba(15,23,42,.72)}
    .booklet-viewer-close{width:34px;height:34px;border:1px solid rgba(148,163,184,.36);border-radius:999px;background:rgba(15,23,42,.72);color:#f8fafc;font-size:22px;line-height:1;display:grid;place-items:center;cursor:pointer}
    .booklet-stage{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:0;padding:2px 0;box-sizing:border-box;perspective:1800px;overflow:hidden}
    .booklet-spread{position:relative;width:min(88vw,1180px);height:min(68vh,calc(100vh - 180px),740px);max-height:100%;box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;transform-style:preserve-3d;filter:drop-shadow(0 28px 58px rgba(0,0,0,.36))}
    .booklet-spread:before{content:"";position:absolute;left:50%;top:1.2%;bottom:1.2%;width:1px;background:linear-gradient(180deg,transparent,rgba(15,23,42,.32),transparent);z-index:4}
    .booklet-page{position:relative;min-width:0;min-height:0;background:#fff;overflow:hidden;display:grid;place-items:center;backface-visibility:hidden}
    .booklet-page img,.booklet-flip-page img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
    .booklet-left{border-radius:12px 3px 3px 12px;box-shadow:inset -22px 0 34px rgba(15,23,42,.08)}
    .booklet-right{border-radius:3px 12px 12px 3px;box-shadow:inset 22px 0 34px rgba(15,23,42,.08)}
    .booklet-page-label{position:absolute;left:12px;bottom:10px;border-radius:999px;padding:4px 8px;background:rgba(15,23,42,.66);color:#fff;font-size:11px;font-weight:900}
    .booklet-empty-page{width:100%;height:100%;display:grid;place-items:center;color:#94a3b8;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-size:13px;font-weight:900}
    .booklet-flip-page{position:absolute;top:0;bottom:0;width:50%;z-index:8;display:none;background:transparent;overflow:visible;transform-style:preserve-3d;backface-visibility:visible;will-change:transform}
    .booklet-flip-face{position:absolute;inset:0;overflow:hidden;background:#fff;display:grid;place-items:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}
    .booklet-flip-face.back{transform:rotateY(180deg)}
    .booklet-flip-page.is-turning{display:block}
    .booklet-flip-page.turn-next-out{left:50%;transform-origin:left center;box-shadow:-18px 0 34px rgba(15,23,42,.24)}
    .booklet-flip-page.turn-next-in{left:0;transform-origin:right center;box-shadow:18px 0 34px rgba(15,23,42,.24)}
    .booklet-flip-page.turn-prev-out{left:0;transform-origin:right center;box-shadow:18px 0 34px rgba(15,23,42,.24)}
    .booklet-flip-page.turn-prev-in{left:50%;transform-origin:left center;box-shadow:-18px 0 34px rgba(15,23,42,.24)}
    .booklet-flip-page.turn-next-out .booklet-flip-face,.booklet-flip-page.turn-prev-in .booklet-flip-face{border-radius:3px 12px 12px 3px;box-shadow:inset 22px 0 34px rgba(15,23,42,.08)}
    .booklet-flip-page.turn-next-in .booklet-flip-face,.booklet-flip-page.turn-prev-out .booklet-flip-face{border-radius:12px 3px 3px 12px;box-shadow:inset -22px 0 34px rgba(15,23,42,.08)}
    .booklet-flip-page.is-turning .booklet-flip-face:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(var(--booklet-shade-angle,90deg),rgba(255,255,255,.08),rgba(255,255,255,.36) 46%,rgba(15,23,42,.2) 72%,rgba(2,6,23,.34));opacity:var(--booklet-shade,.34)}
    .booklet-flip-page.is-turning .booklet-flip-face:after{content:"";position:absolute;z-index:3;pointer-events:none;width:var(--booklet-curl-size,112px);height:var(--booklet-curl-size,112px);bottom:-1px;opacity:var(--booklet-curl-opacity,.74);background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(241,245,249,.86) 48%,rgba(148,163,184,.32) 68%,rgba(15,23,42,.22));box-shadow:0 13px 26px rgba(15,23,42,.24),inset 10px 10px 18px rgba(255,255,255,.8);filter:blur(.08px)}
    .booklet-flip-page.turn-next-out .booklet-flip-face:after,.booklet-flip-page.turn-prev-in .booklet-flip-face:after{right:-1px;clip-path:polygon(100% 0,100% 100%,0 100%);transform-origin:right bottom;transform:rotate(var(--booklet-curl-rot,-7deg))}
    .booklet-flip-page.turn-next-in .booklet-flip-face:after,.booklet-flip-page.turn-prev-out .booklet-flip-face:after{left:-1px;clip-path:polygon(0 0,100% 100%,0 100%);transform-origin:left bottom;transform:rotate(var(--booklet-curl-rot,7deg))}
    .booklet-viewer-nav{position:absolute;top:50%;z-index:10;width:50px;height:78px;margin-top:-39px;border:1px solid rgba(226,232,240,.38);border-radius:999px;background:rgba(15,23,42,.58);color:#f8fafc;font-size:48px;line-height:1;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:opacity .16s ease,transform .16s ease}
    .booklet-viewer-nav:hover{transform:scale(1.04)}
    .booklet-viewer-nav:disabled{opacity:.22;cursor:default;transform:none}
    .booklet-viewer-nav.prev{left:26px}
    .booklet-viewer-nav.next{right:26px}
    .booklet-viewer-foot{display:flex;align-items:center;justify-content:center;gap:12px;min-height:38px;color:#cbd5e1;font-size:13px;font-weight:900}
    .booklet-viewer-foot button{height:34px;min-width:82px;border:1px solid rgba(148,163,184,.36);border-radius:999px;background:rgba(15,23,42,.68);color:#f8fafc;font-weight:900;cursor:pointer}
    .booklet-viewer-foot button:disabled{opacity:.36;cursor:default}
    .booklet-planning{margin-top:10px;border:1px solid rgba(19,184,170,.34);border-radius:10px;background:linear-gradient(135deg,rgba(19,184,170,.10),rgba(47,111,237,.08));padding:10px 11px;color:var(--wb-text);overflow:hidden}
    .booklet-planning-head{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:1000}
    .booklet-planning-head i{width:16px;height:16px;border-radius:50%;border:2px solid rgba(19,184,170,.24);border-top-color:var(--teal);animation:spin .8s linear infinite}
    .booklet-planning-head span{margin-left:auto;color:var(--wb-text-muted);font-size:11px;font-weight:900}
    .booklet-planning-bar{position:relative;height:6px;margin-top:9px;border-radius:999px;background:rgba(148,163,184,.18);overflow:hidden}
    .booklet-planning-bar em{position:absolute;inset:0 auto 0 0;width:38%;border-radius:999px;background:linear-gradient(90deg,var(--teal),#2f6fed);animation:bookletPlanningBar 1.25s ease-in-out infinite}
    .booklet-planning-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:9px;font-size:10px;color:var(--wb-text-muted);font-weight:1000}
    .booklet-planning-steps span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    @media (max-width:760px){
      .booklet-viewer-shell{padding:14px 12px 16px;gap:10px}
      .booklet-viewer-title b{max-width:52vw;font-size:14px}
      .booklet-spread{width:min(92vw,520px);height:min(68vh,calc(100vh - 150px),640px);grid-template-columns:1fr}
      .booklet-spread:before,.booklet-left{display:none}
      .booklet-right{border-radius:12px;box-shadow:inset 0 0 22px rgba(15,23,42,.06)}
      .booklet-flip-page{width:100%;left:0!important;border-radius:12px!important}
      .booklet-flip-page.turn-next-out,.booklet-flip-page.turn-prev-in{transform-origin:left center}
      .booklet-flip-page.turn-next-in,.booklet-flip-page.turn-prev-out{transform-origin:right center}
      .booklet-viewer-nav{width:42px;height:64px;font-size:40px}
      .booklet-viewer-nav.prev{left:10px}
      .booklet-viewer-nav.next{right:10px}
    }
    @keyframes viewerPop{from{transform:scale(.985);opacity:.2}to{transform:scale(1);opacity:1}}
    @keyframes bookletPlanningBar{0%{transform:translateX(-105%)}55%{transform:translateX(115%)}100%{transform:translateX(240%)}}
    .toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:80;background:#102033;color:#fff;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:900;opacity:0;pointer-events:none;transition:.18s}
    .toast.show{opacity:1}
    .empty-start{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:360px;border:1px dashed #c5d6e5;border-radius:14px;background:rgba(255,255,255,.86);box-shadow:0 16px 38px rgba(15,23,42,.08);padding:22px;text-align:center;color:#4c6074;z-index:12}
    .empty-start b{display:block;color:#102033;font-size:18px;margin-bottom:8px}
    .empty-start span{display:block;font-size:13px;line-height:1.7}
    .ref-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px dashed #bfd5e6;border-radius:8px;background:#f8fafc;padding:9px 10px;margin-top:8px;color:#52677c;font-size:12px}
    .ref-row>span{flex:1 1 auto;min-width:0;line-height:1.45;overflow-wrap:anywhere}
    .ref-row>.mini{flex:0 0 auto;min-width:92px;white-space:nowrap;line-height:1}
    .inline.is-prompt{min-height:98px;background:#fff}
    .quick-edit{position:absolute;z-index:18;display:none;align-items:center;flex-wrap:wrap;gap:8px;width:auto;min-width:0;max-width:min(430px,calc(100vw - 420px));padding:8px;border:1px solid rgba(17,24,39,.14);border-radius:15px;background:#fff;box-shadow:0 16px 40px rgba(15,23,42,.16);overflow:hidden}
    .quick-edit.multi-region{align-items:stretch;flex-direction:column;gap:8px;width:min(430px,calc(100vw - 420px))}
    .quick-edit textarea{flex:1 1 190px;width:var(--quick-input-width,240px);min-width:170px;max-width:260px;height:44px;min-height:44px;max-height:88px;border:0;outline:0;resize:none;padding:8px 10px;line-height:1.45;color:#111827;background:#fff;overflow:hidden}
    .quick-edit button{width:76px;border:0;border-radius:12px;background:#111;color:#fff;font-weight:1000;cursor:pointer}
    .quick-edit #quickGenerateBtn{background:var(--teal);color:#fff;box-shadow:0 10px 24px rgba(19,184,170,.24)}
    .quick-edit #quickGenerateBtn:hover{filter:brightness(1.04);transform:translateY(-1px)}
    .quick-edit .quick-hint{position:absolute;left:12px;top:-24px;font-size:12px;font-weight:900;color:#111827;background:rgba(255,255,255,.92);padding:2px 7px;border-radius:999px;border:1px solid var(--line)}
    .quick-tools{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
    .quick-tools button{width:auto;height:30px;padding:0 9px;background:#f8fafc;color:#334155;border:1px solid #d8e1ea;border-radius:999px;font-size:11px}
    .quick-tools button.active{border-color:#0f766e;background:#e9fbf7;color:#0f766e}
    .quick-tools select{height:30px;border:1px solid #d8e1ea;border-radius:999px;background:#fff;color:#334155;font-size:11px;font-weight:900;padding:0 8px;outline:0}
    .quick-edit .quick-suggestions{display:none;gap:6px;flex-wrap:wrap;align-items:center}
    .quick-edit .quick-suggestions.show{display:flex}
    .quick-edit .quick-suggestions button{width:auto;height:26px;padding:0 8px;border-radius:999px;background:#f8fafc;color:#334155;border:1px solid #d8e1ea;font-size:11px;font-weight:900}
    .region-edit-list{display:none;gap:8px}.quick-edit.multi-region .region-edit-list{display:grid}.quick-edit.multi-region>#quickPrompt{display:none}.quick-edit.multi-region>#quickGenerateBtn{width:100%;height:38px}.region-edit-card{display:grid;grid-template-columns:78px minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;padding:8px}.region-edit-card img{width:78px;height:54px;object-fit:cover;border-radius:9px;background:#fff;border:1px solid #e5e7eb}.region-edit-card textarea{width:100%;max-width:none;min-width:0;height:54px;min-height:54px;max-height:92px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;font-size:12px;line-height:1.45;padding:7px 9px;resize:none;overflow:auto}.region-edit-card button{width:34px;height:34px;border:1px solid #fecaca!important;border-radius:10px!important;background:#fff7f7!important;color:#dc2626!important;font-weight:1000!important}
    .quick-mask-edit-test{display:none}
    .quick-edit.mask-edit-test-on .quick-mask-edit-test{display:inline-flex}
    .quick-edit.tool-only>#quickPrompt,.quick-edit.tool-only>#quickGenerateBtn,.quick-edit.tool-only>.quick-suggestions,.quick-edit.tool-only>.region-edit-list,.quick-edit.tool-only>.binding-list{display:none}
    .binding-list{display:flex;gap:8px;flex-direction:column;width:100%;max-width:100%;max-height:168px;overflow:auto}
    .binding-card{display:grid;gap:8px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;padding:8px}
    .binding-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;font-weight:900;color:#334155}
    .binding-flow{display:grid;grid-template-columns:1fr 20px 1fr;gap:8px;align-items:center}
    .binding-mini{display:grid;gap:5px;min-width:0}
    .binding-mini img{width:100%;height:56px;object-fit:cover;border-radius:8px;border:1px solid #dbe4ee;background:#fff}
    .binding-mini small{display:block;font-size:10px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
    .binding-arrow{display:grid;place-items:center;color:#8b5cf6;font-weight:1000}
    .binding-task{font-size:11px;line-height:1.5;color:#475569;max-height:72px;overflow:auto}
    .binding-mode{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;font-size:11px;font-weight:900;color:#64748b}
    .binding-mode select{width:100%;height:30px;border:1px solid #d8e1ea;border-radius:9px;background:#fff;color:#334155;font-size:11px;font-weight:900;padding:0 8px}
    .binding-actions{display:flex;gap:6px;flex-wrap:wrap}
    .binding-actions button{width:auto;height:30px;border:1px solid #d8e1ea;border-radius:9px;background:#fff;color:#334155;font-size:11px;font-weight:900;padding:0 8px}
    .binding-actions button.danger{border-color:#fecaca;background:#fff7f7;color:#dc2626}
    .wb-canvas-image-stage{position:relative;display:block;width:100%;border:1px solid #dbe4ee;border-radius:8px;overflow:hidden;background:#fff center/contain no-repeat;aspect-ratio:1/1;touch-action:none}
    .wb-canvas-stage-wrap{position:relative;display:block;width:100%;overflow:hidden;border-radius:8px}
    .cutout-preview{position:relative;display:grid;place-items:center;width:100%;border:1px solid #dbe4ee;border-radius:8px;overflow:hidden;aspect-ratio:1/1}
    .cutout-preview img{display:block;width:100%;height:100%;object-fit:contain}
    .cutout-preview.bg-checker{background-color:#fff;background-image:linear-gradient(45deg,#dbe4ee 25%,transparent 25%),linear-gradient(-45deg,#dbe4ee 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dbe4ee 75%),linear-gradient(-45deg,transparent 75%,#dbe4ee 75%);background-size:18px 18px;background-position:0 0,0 9px,9px -9px,-9px 0}
    .cutout-preview.bg-white{background:#fff}
    .cutout-preview.bg-black{background:#020617}
    .cutout-preview.bg-dark{background:#07111f}
    .cutout-bg-tools{display:flex;gap:4px;flex-wrap:wrap;margin-top:6px}
    .cutout-bg-tools button{height:24px;border:1px solid var(--line);border-radius:7px;background:var(--wb-input-bg,#fff);color:var(--wb-text-soft,#526980);font-size:11px;font-weight:1000;padding:0 7px}
    .cutout-bg-tools button.active{border-color:#22d3ee;color:#0891b2;background:rgba(34,211,238,.12)}
    .wb-canvas-image-stage img{display:block;width:100%;height:100%;object-fit:contain;background:transparent;color:transparent;transition:opacity .18s ease}
    .wb-canvas-image-stage svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
    .wb-canvas-poly-fill{fill:rgba(34,211,238,.16);stroke:none}
    .wb-canvas-poly-line{fill:none;stroke:#22d3ee;stroke-width:2;stroke-dasharray:7 5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
    .wb-canvas-poly-line.shadow{stroke:rgba(2,6,23,.88);stroke-width:4;stroke-dasharray:none}
    .wb-canvas-poly-point{fill:#22d3ee;stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}
    .wb-canvas-image-stage.is-loading{background:#eef4fb!important}
    .wb-canvas-image-stage.is-loading img{opacity:0}
    .wb-canvas-image-stage.is-loading::before{content:'图片加载中';position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:linear-gradient(110deg,#eef4fb 0%,#f8fbff 45%,#eef4fb 100%);background-size:220% 100%;color:#6b7c8f;font-size:12px;font-weight:900;animation:wbImageLoading 1.2s ease-in-out infinite;pointer-events:none}
    .wb-canvas-image-stage.has-image-url.is-loading img{opacity:1}
    .wb-canvas-image-stage.has-image-url.is-loading::before{content:none}
    body[data-wb-theme="dark"] .wb-canvas-image-stage.is-loading{background:#0d1826!important}
    body[data-wb-theme="dark"] .wb-canvas-image-stage.is-loading::before{background:linear-gradient(110deg,#0d1826 0%,#142538 45%,#0d1826 100%);color:rgba(226,232,240,.78)}
    @keyframes wbImageLoading{0%{background-position:100% 0}100%{background-position:-100% 0}}
    .wb-canvas-image-stage.is-sizing img{opacity:.42}
    .wb-canvas-image-stage.is-sizing::after{content:'图片同步中';position:absolute;left:50%;bottom:10px;z-index:3;transform:translateX(-50%);height:24px;display:flex;align-items:center;padding:0 10px;border-radius:999px;background:rgba(15,23,42,.82);color:#fff;font-size:11px;font-weight:1000;pointer-events:none}
    .wb-canvas-link-handle{position:absolute;right:6px;top:50%;z-index:5;transform:translateY(-50%);width:28px!important;height:28px!important;border:1px solid rgba(168,85,247,.35)!important;border-radius:999px!important;background:#fff!important;color:#8b5cf6!important;display:grid;place-items:center;box-shadow:0 8px 18px rgba(15,23,42,.14);cursor:grab;opacity:0;pointer-events:none;transition:opacity .12s ease}
    .wb-canvas-image-stage:hover .wb-canvas-link-handle{opacity:1;pointer-events:auto}
    .wb-canvas-link-handle::before{content:'+';font-size:20px;font-weight:1000;line-height:1}
    .wb-canvas-replace-btn{position:absolute;right:6px;top:6px;z-index:6;width:28px!important;height:28px!important;padding:0!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:999px!important;background:rgba(15,23,42,.78)!important;color:#fff!important;font-size:0!important;font-weight:1000!important;box-shadow:0 8px 18px rgba(15,23,42,.18);opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease,background .12s ease;transform:translateY(-2px)}
    .wb-canvas-replace-btn::before{content:'↑';font-size:14px;line-height:1}
    .wb-canvas-replace-btn:hover{background:rgba(15,23,42,.94)!important}
    .wb-canvas-image-stage:hover .wb-canvas-replace-btn{opacity:1;pointer-events:auto;transform:translateY(0)}
    .wb-create-ref-badge{position:absolute;left:8px;top:8px;z-index:7;display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:rgba(15,23,42,.86);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:11px;font-weight:1000;line-height:1;box-shadow:0 8px 18px rgba(15,23,42,.22);pointer-events:none}
    body[data-wb-theme="dark"] .wb-create-ref-badge{background:rgba(8,24,34,.92);border-color:rgba(34,211,238,.34);color:#dffcff}
    .wb-canvas-image-stage.is-drawing{box-shadow:0 0 0 2px rgba(34,211,238,.18)}
    .flow-paste{fill:none;stroke:#c084fc;stroke-width:3.2;stroke-linecap:round;stroke-dasharray:6 14;filter:drop-shadow(0 0 6px rgba(168,85,247,.46));animation:flowMove .78s linear infinite}
    .flow-paste.flow-selected-paste{stroke:#c084fc;stroke-width:3.2;filter:drop-shadow(0 0 6px rgba(192,132,252,.46));animation-duration:.95s}
    @media (prefers-reduced-motion: reduce){.flow-run,.flow-selected,.flow-paste,.node.is-running::after,.preview.result.is-running,.preview.result.is-running::after,.preview-loading i,.ecom-recognizing::before,.ecom-selling-status.is-loading::before,.ecom-recognizing-head i,.ecom-marquee-track,.ecom-selling-mini-marquee span,.image-reverse-mirror-stage:after,.image-reverse-mirror-line,.image-reverse-mirror-dots i{animation:none!important}}
    body{
      --wb-canvas-bg:#edf2f6;
      --wb-grid-dot:rgba(65,85,105,.12);
      --wb-card-bg:#fff;
      --wb-card-soft:#f8fbfd;
      --wb-card-raised:rgba(255,255,255,.96);
      --wb-text:#102033;
      --wb-text-muted:#6b7c8f;
      --wb-text-soft:#52677c;
      --wb-border:#dce6ee;
      --wb-border-soft:#cbd9e4;
      --wb-input-bg:#fff;
      --wb-input-soft:#f8fafc;
      --wb-hover-bg:#e9fbf7;
      --wb-flow-base:#8da2b4;
      --wb-flow-run:#08c7df;
      --wb-flow-done:#10b9ce;
      --wb-preview-bg:#eef6fb;
      --wb-result-bg:linear-gradient(135deg,#dff7f2,#fff3c4);
      --wb-primary-bg:#102033;
      --wb-primary-border:#102033;
      --wb-primary-text:#fff;
    }
    body[data-wb-theme="dark"]{
      color-scheme:dark;
      --bg:#080d12;
      --panel:#111a24;
      --ink:#dbe7f3;
      --muted:#8fa4b8;
      --line:#263849;
      --soft:#101821;
      --shadow:0 20px 52px rgba(0,0,0,.42);
      --wb-canvas-bg:#080d12;
      --wb-grid-dot:rgba(91,132,160,.18);
      --wb-card-bg:#141d27;
      --wb-card-soft:#101821;
      --wb-card-raised:rgba(17,26,36,.94);
      --wb-text:#dbe7f3;
      --wb-text-muted:#8fa4b8;
      --wb-text-soft:#a8b8c8;
      --wb-border:#263849;
      --wb-border-soft:#33485c;
      --wb-input-bg:#0f1721;
      --wb-input-soft:#101821;
      --wb-hover-bg:rgba(34,211,238,.10);
      --wb-flow-base:#5d7892;
      --wb-flow-run:#22d3ee;
      --wb-flow-done:#06b6d4;
      --wb-preview-bg:#101821;
      --wb-result-bg:linear-gradient(135deg,#122231,#1b2b22);
      --wb-primary-bg:linear-gradient(135deg,#0891b2,#2563eb);
      --wb-primary-border:#2563eb;
      --wb-primary-text:#f8fdff;
      --teal:#22d3ee;
      --blue:#60a5fa;
    }
    body[data-wb-accent="blue"]{--teal:#38bdf8;--blue:#60a5fa;--wb-flow-run:#38bdf8;--wb-flow-done:#0ea5e9;--wb-hover-bg:rgba(56,189,248,.12)}
    body[data-wb-accent="purple"]{--teal:#a78bfa;--blue:#8b5cf6;--wb-flow-run:#a78bfa;--wb-flow-done:#8b5cf6;--wb-hover-bg:rgba(167,139,250,.13)}
    body[data-wb-accent="gold"]{--teal:#fbbf24;--blue:#f59e0b;--wb-flow-run:#fbbf24;--wb-flow-done:#f59e0b;--wb-hover-bg:rgba(251,191,36,.14)}
    .canvas{background-color:var(--wb-canvas-bg);background-image:radial-gradient(var(--wb-grid-dot) 1px,transparent 1px)}
    .flow-base{stroke:var(--wb-flow-base)}
    .flow-run{stroke:var(--wb-flow-run);filter:drop-shadow(0 0 5px rgba(34,211,238,.32))}
    .flow-done{stroke:var(--wb-flow-done)}
    .node,.task-card,.menu,.rail-pop,.empty-start,.wb-dialog-card{background:var(--wb-card-bg);border-color:var(--wb-border);color:var(--wb-text);box-shadow:var(--shadow)}
    .tool-rail,.pill,.project-selection-tools,.quick-edit,.viewer-head{background:var(--wb-card-raised);border-color:var(--wb-border)}
    .node-title,.task-top b,.empty-start b,.rail-pop-head b,.wb-dialog-title,.flow-summary .cell b,.ecom-ref b,.binding-top,.node b{color:var(--wb-text)}
    .node-sub,.task-meta,.note,.rail-btn,.pill,.tool-start-copy,.textline,.ecom-field,.flow-config label,.flow-raw-text,.wb-dialog-msg,.empty-start span,.binding-task,.binding-mini small{color:var(--wb-text-muted)}
    .btn,.mini,.chip,.rail-pop-head button,.project-selection-tools button,.history-delete,.ecom-ref button,.binding-actions button,.viewer-tools button{background:var(--wb-input-bg);border-color:var(--wb-border);color:var(--wb-text-soft)}
    .btn:hover,.mini:hover,.chip:hover,.rail-pop-head button:hover,.project-selection-tools button:hover,.ecom-ref button:hover,.binding-actions button:hover,.viewer-tools button:hover{background:var(--wb-hover-bg);border-color:rgba(19,184,170,.46);color:var(--teal)}
    .btn.dark,.mini.primary{background:var(--wb-primary-bg);border-color:var(--wb-primary-border);color:var(--wb-primary-text)}
    .rail-btn:hover,.rail-btn.is-on,.chip.is-on{background:var(--wb-hover-bg);color:var(--teal);border-color:var(--teal)}
    .preview{background:var(--wb-preview-bg);border-color:var(--wb-border-soft);color:var(--wb-text-muted)}
    .preview.result{background:var(--wb-result-bg);color:var(--wb-text-soft)}
    .tool-ref-card,.ecom-ref,.ecom-package,.flow-summary .cell,.region-edit-card,.binding-card,.video-asset-card,.video-asset-collapsed,.video-asset-empty,.video-optional-row,.video-analysis-row,.video-mode-choice,.video-insight-card,.video-avatar-card,.video-script-shot{background:var(--wb-card-soft);border-color:var(--wb-border)}
    .tool-ref-card img,.ecom-ref img,.binding-mini img,.video-asset-card img,.video-avatar-cover{background:var(--wb-preview-bg);border-color:var(--wb-border)}
    .tool-ref-card span,.ecom-ref span,.ecom-package span,.flow-summary .cell span,.video-asset-card span,.video-asset-collapsed span,.video-compact-meta,.video-optional-row span,.video-analysis-row span,.video-mode-choice span,.video-insight-card span,.video-avatar-name span,.video-script-shot span{color:var(--wb-text-muted)}
    .video-asset-card b,.video-analysis-row b,.video-insight-card b,.video-avatar-name b,.video-script-shot b{color:var(--wb-text)}
    .video-script-status,.video-config-line{background:var(--wb-soft);border-color:var(--wb-border);color:var(--wb-text)}
    .video-script-error-detail summary{color:var(--wb-text-muted)}
    .video-avatar-pack span{background:var(--wb-input-bg);border-color:var(--wb-border);color:var(--wb-text-muted)}
    .video-mode-choice,.video-avatar-card{color:var(--wb-text)}
    .video-mode-choice.is-on,.video-avatar-card.is-on{background:#312e81;border-color:#a78bfa;color:#fff;box-shadow:0 0 0 2px rgba(167,139,250,.28)}
    .video-mode-choice.is-on span,.video-avatar-card.is-on .video-avatar-name span{color:#e9d5ff}
    .video-avatar-card.is-on .video-avatar-name b{color:#fff}
    .video-avatar-pack span.is-ready{background:#064e3b;border-color:#2dd4bf;color:#ecfdf5}
    .video-avatar-grid label{color:var(--wb-text-muted)}
    .video-avatar-grid select,.video-avatar-grid input{background:var(--wb-input-bg);border-color:var(--wb-border);color:var(--wb-text)}
    .ecom-field input,.ecom-field select,.ecom-field textarea,.flow-config input,.flow-config select,.video-analysis-product input,.video-analysis-product textarea,.video-analysis-edit select,.video-analysis-edit textarea,textarea.inline,.quick-edit textarea,.region-edit-card textarea,input,select,textarea{background:var(--wb-input-bg);border-color:var(--wb-border);color:var(--wb-text)}
    .ecom-field input:focus,.ecom-field select:focus,.ecom-field textarea:focus,.flow-config input:focus,.flow-config select:focus,textarea.inline:focus,.quick-edit textarea:focus,.region-edit-card textarea:focus,input:focus,select:focus,textarea:focus{border-color:rgba(19,184,170,.62);box-shadow:0 0 0 3px rgba(19,184,170,.14);outline:0}
    input:not([type="file"]),textarea,select{color:var(--wb-text)!important;background-color:var(--wb-input-bg)!important;caret-color:var(--teal);opacity:1;-webkit-text-fill-color:var(--wb-text)}
    input:not([type="file"]):focus,textarea:focus,select:focus,.inline:focus,.flow-config input:focus,.flow-config select:focus,.ecom-field input:focus,.ecom-field select:focus,.ecom-field textarea:focus,.quick-edit textarea:focus,.region-edit-card textarea:focus{color:var(--wb-text)!important;background-color:var(--wb-input-bg)!important;-webkit-text-fill-color:var(--wb-text)!important;opacity:1!important;text-shadow:none!important}
    input::placeholder,textarea::placeholder{color:var(--wb-text-muted)!important;-webkit-text-fill-color:var(--wb-text-muted)!important;opacity:.72}
    input:focus::placeholder,textarea:focus::placeholder{opacity:.46}
    .quick-edit .quick-hint,.quick-edit .quick-suggestions button{background:var(--wb-card-raised);border-color:var(--wb-border);color:var(--wb-text)}
    .ecom-package b{color:var(--wb-text)}
    .ecom-package:hover,.ecom-package.is-on{background:var(--wb-hover-bg);border-color:var(--teal);color:var(--teal)}
    .ecom-package:hover b,.ecom-package.is-on b{color:var(--teal)}
    body[data-wb-theme="dark"] .image-reverse-hero,body[data-wb-theme="dark"] .image-reverse-workbox{background:#0f1c29;border-color:#2a4054;color:#b8c7d6}
    body[data-wb-theme="dark"] .image-reverse-hero b,body[data-wb-theme="dark"] .image-reverse-action b,body[data-wb-theme="dark"] .image-reverse-product-info b{color:#f8fdff}
    body[data-wb-theme="dark"] .image-reverse-action{background:#101821;border-color:#2a4054;color:#dbe7f3}
    body[data-wb-theme="dark"] .image-reverse-action span,body[data-wb-theme="dark"] .image-reverse-product-info,body[data-wb-theme="dark"] .image-reverse-detail-grid label{color:#9fb0c3}
    body[data-wb-theme="dark"] .image-reverse-action:hover{background:#142437;border-color:rgba(34,211,238,.58);color:#f8fdff}
    body[data-wb-theme="dark"] .image-reverse-action.is-on{background:rgba(34,211,238,.14);border-color:#22d3ee;box-shadow:0 0 0 2px rgba(34,211,238,.22)}
    body[data-wb-theme="dark"] .image-reverse-tags span{background:rgba(20,184,166,.16);border-color:rgba(45,212,191,.42);color:#99f6e4}
    body[data-wb-theme="dark"] .image-reverse-product-thumb{background:#0b131d;border-color:#395066;color:#a8b8c8}
    body[data-wb-theme="dark"] .image-reverse-intent-title{color:#dbe7f3}
    body[data-wb-theme="dark"] .image-reverse-workbox .flow-raw{background:#101821;border-color:#2a4054}
    body[data-wb-theme="dark"] .image-reverse-workbox .flow-raw summary{color:#dbe7f3}
    body[data-wb-theme="dark"] .ecom-advanced{background:#101821;border-color:#2a4054}
    body[data-wb-theme="dark"] .ecom-advanced-head{color:#dbe7f3}
    body[data-wb-theme="dark"] .ecom-advanced-head small{color:#9fb0c3}
    body[data-wb-theme="dark"] .ecom-usage-map{background:#101821;border-color:#2a4054}
    body[data-wb-theme="dark"] .ecom-usage-head b,body[data-wb-theme="dark"] .ecom-usage-main b{color:#dbe7f3}
    body[data-wb-theme="dark"] .ecom-usage-head span,body[data-wb-theme="dark"] .ecom-usage-note,body[data-wb-theme="dark"] .ecom-usage-main small{color:#9fb0c3}
    body[data-wb-theme="dark"] .ecom-usage-row{background:#0b131d;border-color:#395066}
    body[data-wb-theme="dark"] .ecom-usage-row.is-main{background:rgba(20,184,166,.12);border-color:rgba(45,212,191,.34)}
    body[data-wb-theme="dark"] .ecom-usage-row.is-unused{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.30)}
    body[data-wb-theme="dark"] .ecom-usage-row select{background:#0f1c29;border-color:#2a4054;color:#dbe7f3}
    body[data-wb-theme="dark"] .ecom-usage-alert{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.30);color:#fbbf24}
    body[data-wb-theme="dark"] .ecom-usage-alert.is-info{background:rgba(20,184,166,.12);border-color:rgba(45,212,191,.32);color:#99f6e4}
    body[data-wb-theme="dark"] .ecom-style-ref{background:#101821;border-color:#2a4054}
    body[data-wb-theme="dark"] .ecom-style-ref-head{color:#dbe7f3}
    body[data-wb-theme="dark"] .ecom-style-ref-head small{color:#9fb0c3}
    body[data-wb-theme="dark"] .ecom-style-ref-card{background:#0b131d;border-color:#395066}
    body[data-wb-theme="dark"] .ecom-style-ref-options button{background:#0f1c29;border-color:#2a4054;color:#b8c7d6}
    body[data-wb-theme="dark"] .ecom-style-ref-options button.is-on{background:rgba(20,184,166,.16);border-color:rgba(45,212,191,.42);color:#99f6e4}
    body[data-wb-theme="dark"] .ecom-style-ref-priority{background:rgba(20,184,166,.12);border-color:rgba(45,212,191,.32);color:#99f6e4}
    body[data-wb-theme="dark"] .image-reverse-detail-grid input{background:#0b131d!important;border-color:#395066!important;color:#f8fdff!important;-webkit-text-fill-color:#f8fdff!important}
    .toast{background:var(--wb-primary-bg);color:var(--wb-primary-text)}
    body[data-wb-theme="dark"] .project-overview-card,body[data-wb-theme="dark"] .project-overview-toolbar{background:rgba(20,32,45,.96);border-color:rgba(62,83,105,.95);box-shadow:0 20px 52px rgba(0,0,0,.38)}
    body[data-wb-theme="dark"] .asset:hover,body[data-wb-theme="dark"] .task-card:hover,body[data-wb-theme="dark"] .task-card:focus-within{background:#182636;border-color:rgba(34,211,238,.42);box-shadow:0 10px 24px rgba(0,0,0,.28)}
    body[data-wb-theme="dark"] .task-card:hover .task-top b,body[data-wb-theme="dark"] .task-card:focus-within .task-top b,body[data-wb-theme="dark"] .task-card:active .task-top b{color:#f8fdff}
    body[data-wb-theme="dark"] .task-card:hover .task-meta,body[data-wb-theme="dark"] .task-card:focus-within .task-meta,body[data-wb-theme="dark"] .task-card:active .task-meta{color:#b8c7d6}
    body[data-wb-theme="dark"] .project-overview-detail{color:#9fb0c3}
    body[data-wb-theme="dark"] .project-overview-stat{background:#0f1c29;border-color:#26384a}
    body[data-wb-theme="dark"] .project-overview-status{background:#14342f;color:#5eead4}
    body[data-wb-theme="dark"] .project-overview-status.running{background:#3a2913;color:#fdba74}
    body[data-wb-theme="dark"] .project-overview-status.failed{background:#3b1720;color:#fecdd3}
    body[data-wb-theme="dark"] .project-overview-toolbar button{background:#0f1c29;border-color:#26384a;color:#dce7f3}
    body[data-wb-theme="dark"] .wb-auth-banner{background:rgba(15,28,41,.96);border-color:rgba(56,189,248,.28);color:#aebcd0;box-shadow:0 18px 44px rgba(0,0,0,.36)}
    body[data-wb-theme="dark"] .wb-auth-banner b{color:#67e8f9}
    body[data-wb-theme="dark"] .wb-auth-banner button,body[data-wb-theme="dark"] .wb-auth-banner a{background:#102c3c;border-color:#1f6f8d;color:#dff8ff}
    body[data-wb-theme="dark"] .wb-login-panel{background:#101d2b;border-color:rgba(56,189,248,.28);box-shadow:0 30px 82px rgba(0,0,0,.58);color:#dce7f3}
    body[data-wb-theme="dark"] .wb-login-title{color:#f8fafc}
    body[data-wb-theme="dark"] .wb-login-desc,body[data-wb-theme="dark"] .wb-login-foot{color:#aebcd0}
    body[data-wb-theme="dark"] .wb-login-close,body[data-wb-theme="dark"] .wb-login-actions button,body[data-wb-theme="dark"] .wb-login-actions a{background:#0f1c29;border-color:#26384a;color:#dce7f3}
    body[data-wb-theme="dark"] .wb-login-actions .primary{background:#0ea5e9;border-color:#38bdf8;color:#fff}
    body[data-wb-theme="dark"] .preview.result.is-running{background:linear-gradient(135deg,#102331 0%,#17261f 48%,#102331 100%);background-size:220% 220%}
    body[data-wb-theme="dark"] .preview.result.is-running::after{background:linear-gradient(115deg,transparent 44%,rgba(255,255,255,.12) 50%,transparent 56%)}
    body[data-wb-theme="dark"] .flow-base{stroke:#5d7892;opacity:.72;filter:drop-shadow(0 0 2px rgba(34,211,238,.12))}
    body[data-wb-theme="dark"] .flow-base.edge-focus{stroke:#67e8f9;opacity:.95}
    body[data-wb-theme="dark"] .flow-base.edge-dim,body[data-wb-theme="dark"] .flow-done.edge-dim{opacity:.18}
    body[data-wb-theme="dark"] .flow-done{stroke:#22d3ee;opacity:.56}
    body[data-wb-theme="dark"] .preview-loading{color:#c8d7e6}
    body[data-wb-theme="dark"] .preview-loading i{border-color:rgba(219,231,243,.18);border-top-color:var(--teal)}
    body[data-wb-theme="dark"] .preview-error{background:linear-gradient(135deg,#2a1318,#29180f);color:#fecaca}
    body[data-wb-theme="dark"] .preview-error span{color:#fca5a5}
    body[data-wb-theme="dark"] .ecom-recognizing,body[data-wb-theme="dark"] .ecom-selling-status.is-loading{background:linear-gradient(135deg,#102331,#101821);border-color:rgba(34,211,238,.28);color:var(--teal)}
    body[data-wb-theme="dark"] .ecom-marquee,body[data-wb-theme="dark"] .ecom-selling-mini-marquee{background:#0c141d;color:#a8dff0}
    body[data-wb-theme="dark"] .wb-dialog{background:rgba(2,8,23,.62)}
    body[data-wb-theme="dark"] .viewer-head{background:rgba(15,23,33,.92);color:#dbe7f3}
    body[data-wb-theme="dark"] .viewer-tools button{background:#101821;color:#dbe7f3;border-color:#33485c}
    body[data-wb-theme="light"] .viewer-nav{background:rgba(15,23,42,.2);color:rgba(255,255,255,.9);border-color:rgba(255,255,255,.34)}
    body[data-wb-theme="dark"] .menu-title{color:#c8d7e6}
    body[data-wb-theme="dark"] .group{color:var(--teal)}
    body[data-wb-theme="dark"] .group.soft{color:#8fa4b8}
    body[data-wb-theme="dark"] .mi{background:#101821;border:1px solid #263849;color:#dbe7f3;box-shadow:none}
    body[data-wb-theme="dark"] .mi small{color:#8fa4b8}
    body[data-wb-theme="dark"] .mi:hover{background:var(--wb-hover-bg);border-color:rgba(34,211,238,.35);color:#f8fdff}
    body[data-wb-theme="dark"] .mi.danger{background:#24141a;border-color:#5f1f2a;color:#fca5a5}
    body[data-wb-theme="dark"] .mi.danger:hover{background:#351820;border-color:#ef4444;color:#fecaca}
    body[data-wb-theme="dark"] textarea.inline.is-prompt,body[data-wb-theme="dark"] textarea[readonly],body[data-wb-theme="dark"] input[readonly]{background:#0b121a!important;border-color:#33485c!important;color:#dbe7f3!important}
    body[data-wb-theme="dark"] textarea::placeholder,body[data-wb-theme="dark"] input::placeholder{color:#6f8398!important}
    body[data-wb-theme="dark"] .mini:disabled,body[data-wb-theme="dark"] .btn:disabled,body[data-wb-theme="dark"] button:disabled{opacity:1!important;background:#203040!important;border-color:#33485c!important;color:#b8c7d6!important;box-shadow:none!important;cursor:not-allowed}
    body[data-wb-theme="dark"] .mini.primary:disabled,body[data-wb-theme="dark"] .btn.dark:disabled{background:#263847!important;border-color:#3f566b!important;color:#d1deeb!important}
    body[data-wb-theme="dark"] .quick-edit #quickGenerateBtn{background:linear-gradient(135deg,#06b6d4,#14b8a6)!important;color:#f8fdff!important;border:1px solid rgba(103,232,249,.5)!important;box-shadow:0 0 0 1px rgba(34,211,238,.18),0 12px 28px rgba(8,145,178,.32)!important}
    body[data-wb-theme="dark"] .white-analysis-row,body[data-wb-theme="dark"] .xhs-analyze-panel,body[data-wb-theme="dark"] .xhs-field-card,body[data-wb-theme="dark"] .image-note-analysis-box{background:var(--wb-card-soft)!important;border-color:var(--wb-border)!important;color:var(--wb-text)!important}
    body[data-wb-theme="dark"] .xhs-field-card span,body[data-wb-theme="dark"] .xhs-analyze-panel span{color:var(--wb-text-muted)!important}
    body[data-wb-theme="dark"] .xhs-field-card input,body[data-wb-theme="dark"] .xhs-field-card textarea{background:transparent!important;color:var(--wb-text)!important}
    body[data-wb-theme="dark"] .btn.warn,body[data-wb-theme="dark"] .history-delete,body[data-wb-theme="dark"] .project-selection-tools button.danger,body[data-wb-theme="dark"] .binding-actions button.danger,body[data-wb-theme="dark"] .region-edit-card button{background:#2a1318!important;border-color:#7f1d1d!important;color:#fecaca!important}
/* Size-chart editor chrome follows the canvas theme; rendered artwork remains untouched. */
#sizeChartEditorModal{background:rgba(15,23,42,.38);--sc-accent:#2563eb;--sc-selected:#eaf2ff;}
body[data-wb-theme="dark"] #sizeChartEditorModal{background:rgba(2,6,23,.72);--sc-accent:#60a5fa;--sc-selected:#18314e;}
#sizeChartEditorModal .size-chart-editor{background:var(--wb-card-bg)!important;color:var(--wb-text)!important;border-color:var(--wb-border)!important;}
#sizeChartEditorModal .size-chart-editor-head{height:auto;min-height:66px;flex:0 0 auto;padding:12px 16px;border-color:var(--wb-border);}
#sizeChartEditorModal .size-chart-editor-head h3,#sizeChartEditorModal .size-chart-editor-panel h4{color:var(--wb-text)!important;-webkit-text-fill-color:currentColor!important;}
#sizeChartEditorModal .size-chart-editor-head p,#sizeChartEditorModal label,#sizeChartEditorModal .size-chart-layout-card small,#sizeChartEditorModal .ref-row>span,#sizeChartEditorModal .flow-summary .cell>span{color:var(--wb-text-soft)!important;-webkit-text-fill-color:currentColor!important;}
#sizeChartEditorModal .size-chart-editor-panel{background:var(--wb-card-soft)!important;border-color:var(--wb-border)!important;}
#sizeChartEditorModal .size-chart-editor-main,#sizeChartEditorModal .size-chart-editor-preview{min-width:0;min-height:0;}
#sizeChartEditorModal .size-chart-preview-stage{background:var(--wb-preview-bg)!important;border-color:var(--wb-border)!important;}
#sizeChartEditorModal .size-chart-editor-table-actions{background:var(--wb-card-soft)!important;border-color:var(--wb-border)!important;}
#sizeChartEditorModal :is(input,textarea,select){background:var(--wb-input-bg)!important;border-color:var(--wb-border)!important;color:var(--wb-text)!important;-webkit-text-fill-color:currentColor!important;}
#sizeChartEditorModal :is(input,textarea)::placeholder{color:var(--wb-text-muted)!important;-webkit-text-fill-color:currentColor!important;}
#sizeChartEditorModal :is(.size-chart-type-card,.size-chart-layout-card,.ref-row,.flow-summary .cell){background:var(--wb-card-bg)!important;border-color:var(--wb-border)!important;color:var(--wb-text)!important;}
#sizeChartEditorModal :is(.size-chart-type-card,.size-chart-layout-card).is-on{background:var(--sc-selected)!important;border-color:var(--sc-accent)!important;box-shadow:0 0 0 1px var(--sc-accent)!important;}
#sizeChartEditorModal button{color:var(--wb-text)!important;-webkit-text-fill-color:currentColor!important;}
#sizeChartEditorModal .size-chart-editor-actions{flex:0 0 auto;}
#sizeChartEditorModal .size-chart-editor-actions button{width:auto!important;min-width:64px!important;min-height:36px;flex:0 0 auto!important;padding:8px 14px!important;line-height:20px!important;white-space:nowrap!important;word-break:keep-all!important;}
#sizeChartEditorModal .size-chart-editor-actions .primary{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;}
#sizeChartEditorModal :is(button,input,textarea,select):focus-visible{outline:2px solid var(--sc-accent)!important;outline-offset:2px;}
#sizeChartEditorModal .size-chart-editor-actions .primary:disabled{background:var(--wb-card-soft)!important;color:var(--wb-text-muted)!important;border-color:var(--wb-border)!important;}
@media(max-width:900px){
  #sizeChartEditorModal .size-chart-editor-main{display:flex;flex-direction:column;overflow:auto;}
  #sizeChartEditorModal .size-chart-editor-panel{overflow:visible;flex:0 0 auto;}
  #sizeChartEditorModal .size-chart-editor-preview{flex:0 0 auto;min-height:360px;}
  #sizeChartEditorModal .size-chart-preview-stage{min-height:300px;}
  #sizeChartEditorModal .size-chart-preview-stage img{max-height:560px;}
}
@media(max-width:520px){
  #sizeChartEditorModal .size-chart-editor-head{align-items:flex-start;flex-wrap:wrap;gap:10px;padding:12px;}
  #sizeChartEditorModal .size-chart-editor-actions{margin-left:auto;}
  #sizeChartEditorModal .size-chart-editor-main{padding:10px;}
  #sizeChartEditorModal .size-chart-editor .size-chart-layouts{grid-template-columns:repeat(2,minmax(0,1fr));}
}

/* Node card presentation only. Existing node sizes, fields, actions and edge geometry are retained. */
#nodeLayer .node{
  --nc-accent:#0b9d9a;--nc-soft:color-mix(in srgb,var(--nc-accent) 7%,var(--wb-card-bg,#fff));
  --nc-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%223%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%221.5%22%2F%3E%3Cpath%20d%3D%22m3%2016%205-5%205%205%203-3%205%205%22%2F%3E%3C%2Fsvg%3E");
  border-radius:14px;border-color:var(--wb-border,#e2e8f0);
  box-shadow:0 3px 9px rgba(26,43,69,.045),0 12px 26px rgba(26,43,69,.055);
}
#nodeLayer .node:is([data-node-kind="plan"],[data-node-kind="finalPrompt"],[data-node-kind="lingxiChoice"],[data-node-kind$="Plan"],[data-node-kind$="Package"],[data-node-kind="createForm"][data-node-stage="prompt"],[data-node-kind="createForm"][data-node-stage="choice"]){--nc-accent:#7950d8;--nc-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2018h6m-5%203h4M8.5%2015.5a7%207%200%201%201%207%200c-.7.5-.5%202.5-.5%202.5H9s.2-2-.5-2.5Z%22%2F%3E%3C%2Fsvg%3E")}
#nodeLayer .node:is([data-node-kind="text"],[data-node-tool="note"],[data-node-tool="image-note"],[data-node-tool="note-beauty"]){--nc-accent:#c58a15;--nc-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m15%204%205%205M4%2020l4-1%2012-12a3%203%200%200%200-4-4L4%2015Z%22%2F%3E%3C%2Fsvg%3E")}
#nodeLayer .node:is([data-node-kind="result"],[data-node-kind="imageLayerPptx"],[data-node-kind$="Result"],[data-node-kind$="Shot"],[data-node-kind="bookletPage"]){--nc-accent:#3867ef;--nc-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%223%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%221.5%22%2F%3E%3Cpath%20d%3D%22m3%2016%205-5%205%205%203-3%205%205%22%2F%3E%3C%2Fsvg%3E")}
#nodeLayer .node[data-node-kind^="video"]{--nc-accent:#6772d6;--nc-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22m10%208%206%204-6%204Z%22%2F%3E%3C%2Fsvg%3E")}
#nodeLayer .node[data-node-kind="function"]{--nc-accent:#56829c;--nc-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22white%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%222%22%2F%3E%3C%2Fsvg%3E")}
#nodeLayer .node.selected{border-color:#5278f5;box-shadow:0 0 0 1px rgba(56,103,239,.16),0 7px 22px rgba(38,67,129,.09)}
#nodeLayer .node.group-selected{border-color:var(--teal);box-shadow:0 4px 18px rgba(19,184,170,.09)}
#nodeLayer .node.box-selected{border-color:#22b7cf;box-shadow:0 0 0 2px rgba(34,183,207,.22),0 4px 18px rgba(26,43,69,.07)}
#nodeLayer .node.is-running,#nodeLayer .node:has([data-ol-state="running"]){border-color:var(--teal);box-shadow:0 5px 20px rgba(19,184,170,.1)}
#nodeLayer .node.is-running::after,#nodeLayer .node:has([data-ol-state="running"])::after{border-radius:14px}
#nodeLayer .node[data-node-status="failed"]{border-color:color-mix(in srgb,#dc5968 45%,var(--wb-border));}
#nodeLayer .node>.node-head{position:relative;padding-left:49px;padding-right:36px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,var(--nc-soft),transparent 85%)}
#nodeLayer .node>.node-head::before{content:"";position:absolute;left:12px;top:10px;width:27px;height:27px;border-radius:8px;background-color:var(--nc-accent);background-image:var(--nc-icon);background-repeat:no-repeat;background-position:center;background-size:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);pointer-events:none}
#nodeLayer .node>.node-head::after{content:"";position:absolute;right:12px;bottom:3px;width:5px;height:5px;border-radius:50%;background:var(--wb-text-muted);opacity:.45;pointer-events:none}
#nodeLayer .node[data-node-status="done"]>.node-head::after{background:#22a17d;opacity:1}
#nodeLayer .node[data-node-status="running"]>.node-head::after,#nodeLayer .node:has([data-ol-state="running"],[data-ol-state="querying"])>.node-head::after{background:#12b8aa;opacity:1}
#nodeLayer .node:has([data-ol-state="uncertain"])>.node-head::after{background:#c68a25;opacity:1}
@media (prefers-reduced-motion: reduce){.node:has([data-ol-state="running"])::after{animation:none!important}}
#nodeLayer .node[data-node-status="failed"]>.node-head::after{background:#dc5968;opacity:1}
#nodeLayer .node .node-title{font-size:14px;font-weight:750;letter-spacing:.1px;line-height:1.2;color:var(--wb-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#nodeLayer .node .node-sub{font-size:10px;line-height:1.3;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* Keep the 44px world-space header and node measurements stable while zooming.
   Overview prioritizes the title; complete details remain on the same card. */
#stage[data-wb-zoomed="1"] #nodeLayer .node:not([data-node-kind^="live"]) .node-title{font-size:var(--wb-readable-title-size,14px);text-rendering:auto;-webkit-font-smoothing:auto}
#stage[data-wb-zoomed="1"] #nodeLayer .node:not([data-node-kind^="live"]) .node-sub{color:var(--wb-text);opacity:.8}
#stage[data-wb-zoomed="1"] #nodeLayer .node:not([data-node-kind^="live"])>.node-head::after{width:var(--wb-readable-status-size,5px);height:var(--wb-readable-status-size,5px)}
#stage[data-wb-overview="1"] #nodeLayer .node:not([data-node-kind^="live"])>.node-head>.node-title{position:absolute;left:49px;right:36px;top:50%;transform:translateY(-50%);line-height:1.1}
#stage[data-wb-overview="1"] #nodeLayer .node:not([data-node-kind^="live"])>.node-head>.node-sub{visibility:hidden}
#nodeLayer .node>.node-body{border-radius:0 0 14px 14px}
#nodeLayer .node .flow-summary{gap:8px}
#nodeLayer .node .flow-summary .cell{background:var(--nc-soft);border-color:transparent;border-radius:8px}
#nodeLayer .node .flow-summary .cell span{font-weight:500}
#nodeLayer .node .flow-summary .cell b{font-weight:650;color:var(--wb-text)}
#nodeLayer .node :is(.flow-config label,.ecom-field){font-weight:600;letter-spacing:0}
#nodeLayer .node :is(.flow-config input,.flow-config select,.ecom-field input,.ecom-field select,.ecom-field textarea,textarea.inline){border-radius:9px;background:var(--wb-input-bg);border-color:var(--wb-border);font-weight:400}
#nodeLayer .node :is(input,select,textarea):focus{border-color:#6d8aef;box-shadow:0 0 0 3px rgba(56,103,239,.1)}
#nodeLayer .node :is(.mini,.image-reverse-action){border-radius:8px;font-weight:600;box-shadow:none}
#nodeLayer .node .mini:hover:not(:disabled){border-color:color-mix(in srgb,var(--nc-accent) 45%,var(--wb-border));color:var(--nc-accent);background:var(--nc-soft)}
#nodeLayer .node :is(.mini.primary,.mini.dark){background:#3867ef;border-color:#3867ef;color:#fff;font-weight:650}
#nodeLayer .node :is(.mini.primary,.mini.dark):hover:not(:disabled){background:#2f5bdc;border-color:#2f5bdc;color:#fff}
#nodeLayer .node .mini:disabled{box-shadow:none;cursor:not-allowed}
#nodeLayer .node .node-actions{gap:8px}
#nodeLayer .node .tag{border-radius:999px;padding-left:9px;padding-right:9px;font-weight:600}
#nodeLayer .node .tag.blue{background:var(--nc-soft);color:var(--nc-accent);border-color:transparent}
#nodeLayer .node .preview{border-style:solid;border-color:var(--wb-border-soft);border-radius:10px;background:var(--wb-preview-bg)}
#nodeLayer .node .preview.result:not(.is-running){background:var(--wb-preview-bg)}
#nodeLayer .node .preview.result img{border-radius:7px}
#nodeLayer .node .preview-dim{background:var(--nc-soft);color:var(--wb-text-muted);font-weight:500}
#nodeLayer .node .tool-ref-card{border-radius:9px;border-color:var(--wb-border)}
#nodeLayer .node .ref-row{background:var(--wb-card-soft);border-color:var(--wb-border);color:var(--wb-text-soft)}
#nodeLayer .node .image-reverse-hero{background:var(--nc-soft);border-color:transparent;border-radius:9px;color:var(--wb-text-soft)}
#nodeLayer .node .image-reverse-hero b{color:var(--wb-text);font-weight:700}
#nodeLayer .node .image-reverse-tags span{color:var(--nc-accent);background:var(--nc-soft);border-color:transparent;font-weight:500}
#nodeLayer .node .flow-raw{border-radius:9px;background:var(--wb-card-soft);border-color:var(--wb-border-soft)}
#nodeLayer .node .flow-raw summary{font-weight:600}
#nodeLayer .node>.del{z-index:2;background:var(--wb-card-bg);border:1px solid var(--wb-border);border-radius:7px;color:var(--wb-text-muted)}
#nodeLayer .node>.del:hover{color:#d74e61;background:color-mix(in srgb,#d74e61 8%,var(--wb-card-bg))}
#nodeLayer .node>.port{color:var(--nc-accent);border-color:color-mix(in srgb,var(--nc-accent) 38%,var(--wb-border));background:var(--wb-card-bg);box-shadow:0 2px 8px rgba(26,43,69,.09)}
#nodeLayer .node :is(button,input,select,textarea,summary):focus-visible{outline:2px solid #5278f5;outline-offset:2px}
/* Scene labels must inherit their selected surface's foreground, not the generic node title color. */
#nodeLayer .video-mode-choice.is-on>b{color:inherit;-webkit-text-fill-color:currentColor;}
body:not([data-wb-theme="dark"]) #nodeLayer .video-mode-choice.is-on{background:#dff7ee;border-color:#8bcdb7;color:#145c4d;box-shadow:0 0 0 2px rgba(20,92,77,.12);}
body:not([data-wb-theme="dark"]) #nodeLayer .video-mode-choice.is-on>span{color:#3d685d;-webkit-text-fill-color:currentColor;}

.wb-card-search{width:560px;max-width:calc(100vw - 48px);padding:24px;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:var(--panel);box-shadow:0 20px 80px #12263d33}
.wb-card-search::backdrop{background:#132b4055}
.wb-card-search header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.wb-card-search h2{font-size:20px;margin:0}
.wb-card-search header button{border:0;background:transparent;font-size:26px;cursor:pointer;color:inherit}
.wb-card-search input{box-sizing:border-box;width:100%;padding:12px;border:1px solid var(--line);border-radius:9px;font:inherit;color:inherit;background:var(--soft)}
.wb-card-search input:focus-visible,.wb-card-search button:focus-visible{outline:3px solid #2d78ee;outline-offset:2px}
#wbCardSearchCount,.wb-card-search-empty{font-size:13px;color:var(--muted)}
#wbCardSearchResults{max-height:55vh;overflow:auto}
.wb-card-search-result{width:100%;display:flex;align-items:center;gap:12px;padding:12px;text-align:left;border:0;border-bottom:1px solid var(--line);background:var(--panel);color:inherit;cursor:pointer}
.wb-card-search-result:hover{background:var(--soft)}
.wb-card-search-result img,.wb-card-search-icon{width:48px;height:48px;object-fit:cover;border-radius:7px;flex-shrink:0;background:#ecf4fc}
.wb-card-search-icon{display:grid;place-items:center;font-size:12px;color:#637c98}
.wb-card-search-result>span:last-child{min-width:0}
.wb-card-search-result b,.wb-card-search-result small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-card-search-result small{margin-top:6px;color:var(--muted)}
.project-overview-card .project-overview-action{width:calc(100% - 64px)}
.wb-project-delete{margin-left:8px;width:56px;height:34px;padding:0;border:1px solid #f2cdcd;border-radius:9px;background:#fff6f6;color:#b83737;cursor:pointer;font-weight:600}
.wb-card-delete-undo{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:12000;display:flex;align-items:center;gap:18px;max-width:70vw;padding:14px 20px;border-radius:12px;background:#12263d;color:#fff;box-shadow:0 8px 28px #14263d33}
.wb-card-delete-undo[hidden]{display:none}
.wb-card-delete-undo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-card-delete-undo button{flex-shrink:0;border:0;border-radius:6px;padding:7px 12px;background:#e4f6ff;color:#153d5a;cursor:pointer}
.wb-card-search-highlight{animation:wb-card-found 2.4s ease-out}
@keyframes wb-card-found{0%,35%{outline:5px solid #14b8a6;outline-offset:7px;box-shadow:0 0 35px #14b8a677}100%{outline:0 solid transparent;outline-offset:14px}}
@media(prefers-reduced-motion:reduce){.wb-card-search-highlight{animation:none;outline:4px solid #14b8a6}}

/* First-use canvas walkthrough. */
/* Self-contained, local canvas illustrations for the first-use walkthrough. */
#wbHelpModal .wb-help-panel{width:min(1120px,100%);border-radius:22px}
#wbHelpModal .wb-help-head{text-align:left;padding:28px 34px 20px}
#wbHelpModal .wb-help-title{justify-content:flex-start;font-size:26px;letter-spacing:-.5px}
#wbHelpModal .wb-help-copy{margin:9px 0 0;font-size:14px}
#wbHelpModal .wb-help-title-icon{display:none}
.wh-eyebrow{display:block;color:var(--teal);font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:9px}
#wbHelpModal .wh-body{display:grid;grid-template-columns:248px minmax(0,1fr);gap:24px;padding:0 28px 24px;min-height:0;overflow:auto;overscroll-behavior:contain}
.wh-tabs{display:flex;flex-direction:column;gap:9px;padding:6px 0}
#wbHelpModal .wh-tab{display:flex;align-items:flex-start;gap:12px;width:100%;padding:16px 13px;text-align:left;border:1px solid transparent;background:transparent;border-radius:13px;color:var(--wb-text);cursor:pointer;font-family:inherit;white-space:normal}
.wh-tab>i{flex-shrink:0;display:grid;place-items:center;width:28px;height:28px;background:var(--wb-card-soft);border:1px solid var(--wb-border);border-radius:9px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;font-style:normal;color:var(--wb-text-muted)}
.wh-tab b{display:block;font-size:14px;line-height:1.6;font-weight:700}.wh-tab small{display:block;font-size:12px;line-height:1.6;color:var(--wb-text-muted);margin-top:4px;font-weight:400}
#wbHelpModal .wh-tab[aria-selected=true]{background:var(--wb-hover-bg);border-color:var(--teal)}
.wh-tab[aria-selected=true]>i{background:var(--teal);border-color:var(--teal);color:#062f2b}
.wh-demo{min-width:0;border:1px solid var(--wb-border);border-radius:16px;overflow:hidden;background:var(--wb-card-soft)}
.wh-demo-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 17px;border-bottom:1px solid var(--wb-border);font-size:12px;color:var(--wb-text-soft)}
.wh-demo-bar b{font-weight:600}.wh-demo-bar span{font-size:11px;color:var(--wb-text-muted)}
.wh-demo-view{position:relative;aspect-ratio:660/350;background-color:#edf3f3;background-image:radial-gradient(#c6d5d4 1px,transparent 1px);background-size:17px 17px;color:#253e43;overflow:hidden;font-size:12px;isolation:isolate}
.wh-demo-view svg{display:block;width:100%;height:auto}.wh-node{position:absolute;width:26%;background:#fff;border:1px solid #cedcdd;border-radius:10px;box-shadow:0 10px 20px #233b4510;overflow:hidden}
.wh-node-head{display:flex;align-items:center;gap:6px;padding:9px 10px;font-size:11px;font-weight:650;border-bottom:1px solid #e6eeee;white-space:nowrap}.wh-node-dot{width:6px;height:6px;background:#11ae9f;border-radius:50%;flex-shrink:0}.wh-node-more{margin-left:auto;color:#819899}.wh-node-foot{padding:8px 9px;font-size:9px;color:#738789}.wh-source{left:6%;top:18%;width:25%}.wh-result{left:50%;top:8%;width:34%}.wh-form-node{left:50%;top:10%;width:43%}
.wh-form{padding:13px}.wh-field-label{display:block;font-size:10px;color:#7b9092;line-height:1.5}.wh-form p{font-size:11px;line-height:1.8;border:1px solid #dae5e5;background:#f7faf9;padding:9px;border-radius:7px;margin:5px 0 10px}.wh-upload{display:flex;align-items:center;gap:8px;font-size:10px;margin:6px 0 13px}.wh-upload svg{width:36px;border-radius:5px;border:1px solid #e3e8e4}.wh-upload small{display:inline-block;font-size:9px;color:#79918e;margin-top:4px}.wh-fake-primary{background:#0ca792;color:#fff;text-align:center;border-radius:6px;padding:8px;font-size:11px;font-weight:600}.wh-complete{font-size:9px;background:#e7f7ed;color:#21874d;border-radius:4px;padding:2px 4px;margin-left:auto}.wh-complete+.wh-node-more{display:none}
.wh-demo-view .wh-wires{position:absolute;inset:0;width:100%;height:100%;z-index:-1;fill:#22b6a3;stroke:#22b6a3;stroke-width:2}.wh-wires path{fill:none;stroke-dasharray:5 4}
.wh-menu{position:absolute;left:12%;top:15%;width:35%;background:#fff;border:1px solid #cdddda;box-shadow:0 12px 25px #173b3e18;border-radius:11px;padding:12px}.wh-menu strong{font-size:12px;display:block;margin-bottom:9px}.wh-menu>div{padding:8px;font-size:11px;border-radius:6px}.wh-menu .wh-search{color:#7e9393;border:1px solid #e0e8e6;font-size:10px;margin-bottom:7px}.wh-menu .wh-menu-selected{background:#e5f8f2;color:#087e70;font-weight:650}.wh-menu-selected span{float:right}.wh-canvas-hint{position:absolute;left:7%;top:5%;font-size:10px;color:#809391}.wh-cursor{position:absolute;font-size:34px;text-shadow:1px 2px #fff}.wh-cursor-menu{left:43%;top:48%}.wh-cursor span{font-size:10px;background:#163e38;color:#fff;padding:5px 9px;border-radius:5px;vertical-align:middle;white-space:nowrap;text-shadow:none}.wh-tip{position:absolute;left:59%;top:31%;width:33%}.wh-tip b{font-size:19px;display:block;margin-bottom:12px;letter-spacing:-.5px}.wh-tip span{font-size:12px;line-height:1.9;color:#68827f}
.wh-bottom-tip{position:absolute;bottom:5%;left:5%;right:5%;text-align:center;font-size:10px;color:#6c8583}.wh-image-label{position:absolute;bottom:17%;font-size:10px;color:#6c8583}.wh-before{left:13%}.wh-after{left:61%;bottom:5%}.wh-scene-2 .wh-bottom-tip{bottom:1.5%;left:3%;text-align:left;font-size:9px}.wh-scene-3 .wh-result{left:10%;top:7%;width:33%}.wh-next-tools{position:absolute;top:24%;left:55%;width:35%;background:white;border:1px solid #d3dfde;border-radius:10px;padding:13px;box-shadow:0 10px 20px #173b3e12}.wh-next-tools b{font-size:12px;display:block;margin:5px 0 9px}.wh-next-tools>div{padding:8px;font-size:11px;border-radius:6px;background:#f0f8f5;margin-top:5px}.wh-selection{position:absolute;left:8.5%;top:4.5%;width:36%;bottom:11%;border:1px dashed #0dac99;border-radius:12px;pointer-events:none}.wh-bottom-tip kbd{font:inherit;border:1px solid #cadbd7;border-radius:4px;background:#fff;padding:3px 5px;color:#496c65}
.wh-demo-caption{margin:0;padding:15px 18px 4px;font-size:13px;line-height:1.8;color:var(--wb-text-soft);min-height:66px}.wh-demo-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 18px 15px;font-size:12px;color:var(--wb-text-muted)}.wh-demo-nav>div{display:flex;gap:8px}.wh-demo-nav button{font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;background:var(--wb-card-bg);color:var(--wb-text);border:1px solid var(--wb-border);border-radius:7px;padding:7px 11px;cursor:pointer}.wh-demo-nav button:disabled{opacity:.4;cursor:default}
#wbHelpModal .wb-help-actions{justify-content:flex-end;padding:16px 28px;gap:18px}#wbHelpModal .wh-footer-note{margin-right:auto;font-size:12px;color:var(--wb-text-muted)}#wbHelpModal .wb-help-actions .primary{width:142px;font-size:14px}
@media(max-width:900px){#wbHelpModal .wh-body{grid-template-columns:200px minmax(0,1fr);gap:16px;padding:0 20px 20px}.wh-demo-view{aspect-ratio:580/350}.wh-menu>div{padding:5px}.wh-tip b{font-size:16px}.wh-tip span{font-size:11px}.wh-form{padding:8px}.wh-form p{font-size:10px;padding:6px}.wh-node-head{padding:7px;font-size:10px}.wh-node-foot{font-size:8px;padding:6px}.wh-next-tools{padding:9px}.wh-next-tools>div{padding:5px}}
@media(max-width:700px){#wbHelpModal .wh-body{display:block}.wh-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0 0 14px}#wbHelpModal .wh-tab{padding:9px 4px;flex-direction:column;align-items:center;gap:5px}.wh-tab b{font-size:11px}.wh-tab small{display:none}#wbHelpModal .wb-help-head{padding:20px 40px 16px 20px}#wbHelpModal .wb-help-title{font-size:21px}.wh-demo-view{min-height:255px}.wh-demo-caption{font-size:12px}#wbHelpModal .wh-footer-note{display:none}#wbHelpModal .wb-help-actions{padding:12px 20px}}
.wh-demo-view{width:min(100%,660px);margin:0 auto;aspect-ratio:660/350}
@media(max-height:780px) and (min-width:701px){#wbHelpModal .wb-help-head{padding-top:20px;padding-bottom:16px}#wbHelpModal .wh-body{padding-bottom:18px}.wh-demo-view{max-width:540px}.wh-demo-caption{min-height:54px;padding-top:10px}.wh-demo-nav{padding-top:6px;padding-bottom:10px}#wbHelpModal .wb-help-actions{padding-top:12px;padding-bottom:12px}}
