* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
    html, body {
      margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden;
      font-family: 'Outfit', 'Noto Sans TC', sans-serif;
    }
    #canvas-container {
      touch-action: none;
      user-select: none;
      -webkit-user-select: none;
    }
    .panel-scroll {
      touch-action: pan-y;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
    }
    .tool-btn {
      min-width: 44px; min-height: 44px;
      display: inline-flex; align-items: center; justify-content: center;
      border-radius: 0.5rem; transition: all 0.15s ease;
    }
    .tool-btn.active {
      background-color: #2563EB; color: #FFFFFF;
      box-shadow: 0 2px 8px rgba(37, 99, 235, 0.35);
    }
    .dark .tool-btn.active {
      background-color: #3B82F6; color: #FFFFFF;
    }
    /* Safe area padding for mobile landscape notch */
    .safe-top { padding-top: env(safe-area-inset-top, 0px); }
    .safe-bottom { padding-bottom: env(safe-area-inset-bottom, 0px); }
    .safe-left { padding-left: env(safe-area-inset-left, 0px); }
    .safe-right { padding-right: env(safe-area-inset-right, 0px); }
  

  /* ==============================================
     WUMETAX LAB — 智慧白板 UX / Design System v2
     高辨識綠白工作站，保留原始繪圖與資料引擎
     ============================================== */
  :root { --wb-brand:#0d9479; --wb-brand-strong:#08755f; --wb-ink:#172c29; --wb-muted:#647974; --wb-border:#dae9e4; --wb-pale:#f0f9f5; --wb-surface:#ffffff; --wb-workspace:#ecf3f0; }
  body { font-family:'Outfit','Noto Sans TC',sans-serif!important; background:#f7faf9!important;color:var(--wb-ink)!important; }
  html.dark body {background:#101e1b!important;color:#e5f3ed!important;}
  button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {outline:3px solid rgba(13,148,121,.34)!important; outline-offset:2px;}
  #top-bar { min-height:66px;height:66px;padding:0 18px;gap:14px;border-color:var(--wb-border)!important;background:rgba(255,255,255,.98)!important;box-shadow:0 2px 14px rgba(6,48,36,.035); }
  #top-bar > div {min-width:0;}
  #top-bar button {border-radius:10px;}
  #top-bar button:hover {color:var(--wb-brand-strong);}
  #top-bar .tool-btn {min-width:37px;min-height:37px;}
  #btn-open-projects {background:#eef8f3!important;color:var(--wb-brand-strong)!important;}
  #project-name-input {font-weight:700;letter-spacing:-.02em;color:var(--wb-ink);}
  #save-status-badge {background:#edf8f2!important;color:#327462!important;}
  #btn-open-smart {color:#0c785f!important;background:#e9f8f0!important;}
  #btn-open-export,#btn-do-export-png,.bg-blue-600 {background-color:var(--wb-brand)!important;}
  #btn-open-export:hover,#btn-do-export-png:hover,.hover\:bg-blue-700:hover {background-color:var(--wb-brand-strong)!important;}
  #btn-open-export {box-shadow:0 2px 7px rgba(10,121,90,.10);}
  #wb-brand {display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;min-width:169px;color:var(--wb-ink);}
  .wb-brand-symbol {display:grid;place-items:center;flex:0 0 39px;height:39px;border-radius:12px;background:#0b9978;color:#fff;font-family:Outfit,sans-serif;font-size:24px;letter-spacing:-.1em;padding-right:3px;font-weight:750;}
  .wb-brand-copy {display:flex;flex-direction:column;white-space:nowrap;line-height:1.25;gap:3px;}
  .wb-brand-overline {font-size:9px;font-weight:800;letter-spacing:.18em;color:var(--wb-brand);}
  .wb-brand-copy strong {font-size:14px;letter-spacing:.025em;font-weight:750;}
  .wb-search-trigger {display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--wb-border)!important;background:#f8fbfa;color:#355a51;height:37px;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap;}
  .wb-search-trigger:hover {background:#ebf7f1!important;}
  .wb-search-trigger kbd {padding:2px 5px;border:1px solid #cce1d8;border-radius:5px;font-size:10px;font-weight:600;color:#668279;}
  #left-toolbar {width:88px!important;padding:11px 8px!important;gap:10px!important;border-right:1px solid var(--wb-border)!important;background:#fff!important;align-items:stretch!important;}
  .wb-toolbar-section {display:flex;flex-direction:column;gap:4px;width:100%;padding-bottom:10px;border-bottom:1px solid #e7f0eb;}
  .wb-toolbar-section:last-of-type {border-bottom:0;}
  .wb-toolbar-label {padding:4px 0;font-size:10px;letter-spacing:.03em;text-align:center;font-weight:750;color:#8b9b96;white-space:nowrap;}
  #left-toolbar .wb-tool-entry {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:100%;min-height:54px;height:auto; padding:7px 3px!important;border-radius:11px;color:#52635f;transition:background .12s ease,color .12s ease;}
  #left-toolbar .wb-tool-entry:hover {color:var(--wb-brand-strong);background:#eef8f4;}
  #left-toolbar .wb-tool-entry.active {color:#08755f!important;background:#e4f6ef!important;box-shadow:inset 0 0 0 1px #a6d8c8!important;}
  .wb-tool-caption {font-size:10px;font-weight:750;line-height:1.4;white-space:nowrap;}
  #left-toolbar .wb-tool-entry svg {width:19px;height:19px;flex-shrink:0;}
  .wb-mobile-history {display:none!important;}
  #left-toolbar .wb-tool-entry:disabled {opacity:.35;cursor:not-allowed;}
  #canvas-container {background:var(--wb-workspace)!important;}
  #wb-canvas-floating {position:absolute;top:13px;left:17px;right:17px;z-index:12;display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none;}
  .wb-canvas-mode,.wb-canvas-shortcuts {display:flex;align-items:center;gap:8px;border:1px solid #d9e8e2;background:rgba(255,255,255,.96);border-radius:12px;padding:7px 10px;color:var(--wb-ink);box-shadow:0 2px 10px rgba(17,44,35,.04);pointer-events:auto;}
  .wb-canvas-mode {font-size:11px;min-width:0;}
  .wb-canvas-mode strong {white-space:nowrap;font-size:11px;}
  .wb-canvas-mode span:last-child {max-width:350px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#71837c;}
  .wb-mode-indicator {width:7px;height:7px;flex-shrink:0;border-radius:50%;background:#1aab82;}
  .wb-canvas-shortcuts {gap:3px;padding:5px;}
  .wb-canvas-shortcuts button {border:0;padding:6px 9px;border-radius:7px;font-size:11px;font-weight:800;color:#426158;white-space:nowrap;}
  .wb-canvas-shortcuts button:hover {background:#ecf8f1;color:#057d60;}
  .wb-canvas-shortcuts button:first-child {background:#e2f5ec;color:#087459;}
  #empty-state-guide > div {border:1px solid #d1e9de!important;box-shadow:0 16px 48px rgba(18,56,42,.09)!important;background:rgba(255,255,255,.97)!important;max-width:480px;}
  #empty-state-guide h2 {font-size:18px!important;font-weight:800;color:var(--wb-ink);}
  #empty-state-guide p {font-size:12px!important;line-height:1.8;}
  #empty-state-guide [data-empty-action] {border:1px solid #e1eee7!important;background:#f4faf7!important;border-radius:12px;font-size:12px!important;padding:13px 7px!important;}
  #empty-state-guide [data-empty-action]:hover {background:#e4f5eb!important;border-color:#a5d8c4!important;}
  #onboarding-toast {background:#15352b!important;border:1px solid #2f6452!important;max-width:min(800px,90vw);top:66px!important;}
  #bottom-bar {border-top:1px solid var(--wb-border)!important;min-height:46px;height:46px;background:#fff!important;color:#4f685f;}
  #bottom-bar button {font-weight:650;border-radius:8px;}
  #btn-add-page {background:#e8f7ee!important;color:var(--wb-brand-strong)!important;}
  #right-inspector {width:312px!important;background:#fff!important;border-left:1px solid var(--wb-border)!important;}
  #right-inspector > div:first-child {padding:15px!important;min-height:57px;background:#fff;}
  #right-inspector > div:first-child h3 {font-size:13px!important;font-weight:800!important;letter-spacing:0;color:var(--wb-ink)!important;}
  .wb-inspector-tabs,.wb-smart-tabs {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:7px;background:#f5faf7;border-bottom:1px solid var(--wb-border);}
  .wb-inspector-tabs button,.wb-smart-tabs button {padding:9px 3px;border-radius:8px;font-size:11px;font-weight:700;white-space:nowrap;color:#71847a;line-height:1.3;}
  .wb-inspector-tabs button:hover,.wb-smart-tabs button:hover {background:#e5f3eb;color:#1a795e;}
  .wb-inspector-tabs button.wb-tab-active,.wb-smart-tabs button.wb-tab-active {background:#fff;color:#087c60;box-shadow:0 1px 5px rgba(10,82,57,.09);border:1px solid #cae9db;}
  #wb-inspector-hint {margin:11px 13px 0;padding:10px 12px;border-radius:9px;background:#ecf8f2;color:#356f5a;font-size:11px;line-height:1.65;}
  .wb-panel-section {display:none!important;}
  .wb-panel-section.wb-panel-current {display:block!important;}
  #right-inspector > div:last-child {padding:12px 14px 20px!important;}
  #right-inspector .wb-panel-section {padding-top:15px!important;border-top:1px solid #e7efe9!important;}
  #right-inspector button,#right-inspector select {transition:background-color .14s ease;}
  #right-inspector input[type='range'],#right-inspector input[type='checkbox'] {accent-color:var(--wb-brand)!important;}
  #right-inspector .font-semibold {color:#243a33;}
  #modal-smart .wb-smart-panel {display:none!important;}
  #modal-smart .wb-smart-panel.wb-smart-current {display:block!important;}
  #modal-smart .wb-smart-tabs {padding:11px 16px;gap:7px;}
  #modal-smart .wb-smart-tabs button {padding:10px 6px;font-size:12px;}
  #modal-smart h3 {font-weight:800;}
  #modal-smart [id^='btn-run-'] {background:var(--wb-brand)!important;}
  #modal-smart > div,#modal-templates > div,#modal-export > div,#modal-help > div,#modal-projects > div {border:1px solid #d7e8df!important;border-radius:17px!important;}
  #modal-smart h2,#modal-templates h2,#modal-export h2,#modal-help h2,#modal-projects h2 {color:var(--wb-ink);font-weight:800;font-size:16px;}
  .wb-command-overlay {position:fixed;inset:0;z-index:120;background:rgba(6,24,20,.38);display:flex;align-items:flex-start;justify-content:center;padding:clamp(28px,12vh,120px) 16px 16px;backdrop-filter:blur(5px);}
  .wb-command-overlay.hidden {display:none!important;}
  .wb-command-panel {width:min(590px,100%);max-height:calc(100dvh - 44px);display:flex;flex-direction:column;background:#fff;border:1px solid #cfe5db;box-shadow:0 22px 80px rgba(5,35,26,.22);border-radius:18px;overflow:hidden;}
  .wb-command-heading {display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:22px 24px 12px;}
  .wb-command-heading span {font-size:10px;color:var(--wb-brand);font-weight:850;letter-spacing:.17em;}
  .wb-command-heading h2 {font-weight:850;font-size:21px;letter-spacing:-.02em;margin:3px 0 3px;color:#162f27;}
  .wb-command-heading p {color:#77877f;font-size:12px;}
  #wb-command-close {font-size:26px;color:#788981;line-height:1;padding:0 5px;}
  .wb-command-input-row {margin:8px 20px 10px;display:flex;align-items:center;gap:10px;background:#f3f9f5;border:1px solid #cae5d8;border-radius:11px;padding:9px 12px;color:#32765c;}
  #wb-feature-input {background:transparent;border:0;outline:none!important;flex:1;min-width:0;font-size:14px;color:#1b4031;}
  .wb-command-input-row kbd {font-size:10px;color:#7a9d8b;border:1px solid #d9e5dd;border-radius:5px;padding:2px 5px;}
  .wb-command-results {overflow-y:auto;min-height:80px;max-height:min(430px,50dvh);padding:5px 14px 13px;}
  .wb-command-result {display:flex;justify-content:space-between;align-items:center;gap:13px;width:100%;text-align:left;padding:11px 13px;border:1px solid transparent;border-radius:11px;color:#213a31;}
  .wb-command-result:hover,.wb-command-result:focus-visible {background:#eef8f2;border-color:#c2e5d3;}
  .wb-command-result strong {display:block;font-size:13px;margin-bottom:3px;}
  .wb-command-result small {display:block;color:#7c9185;font-size:11px;}
  .wb-command-result > span:last-child {border-radius:5px;background:#eaf5ee;color:#368267;font-size:10px;padding:4px 6px;white-space:nowrap;font-weight:750;}
  .wb-command-empty {padding:22px;text-align:center;color:#829188;font-size:13px;}
  .wb-command-foot {background:#f5faf7;border-top:1px solid #e0ede5;padding:12px 18px;font-size:11px;color:#719083;line-height:1.5;}
  .dark #top-bar,.dark #bottom-bar,.dark #left-toolbar,.dark #right-inspector {background:#162823!important;border-color:#29473d!important;color:#e1f1e9!important;}
  .dark #project-name-input,.dark .wb-brand-copy strong,.dark #right-inspector > div:first-child h3 {color:#e4f2ea!important;}
  .dark #right-inspector .font-semibold {color:#d6e6dc;}
  .dark #canvas-container {background:#0b1914!important;}
  .dark #right-inspector > div:first-child {background:#162823!important;}
  .dark .wb-inspector-tabs,.dark .wb-smart-tabs {background:#20372f;}
  .dark .wb-inspector-tabs .wb-tab-active,.dark .wb-smart-tabs .wb-tab-active {background:#2a4a3a;color:#bcf2d9;}
  .dark .wb-canvas-mode,.dark .wb-canvas-shortcuts {background:rgba(24,48,38,.95);color:#e1f7e9;border-color:#375a4c;}
  .dark #wb-inspector-hint {background:#233e30;color:#b5e7d2;}
  .dark .wb-toolbar-section {border-color:#2d4038;}
  .dark #left-toolbar .wb-tool-entry {color:#d1e4d8;}
  .dark #left-toolbar .wb-tool-entry.active {background:#245440!important;color:#c6ffde!important;}
  .dark #right-inspector .wb-panel-section {border-color:#31483c!important;}
  .dark .wb-command-panel {background:#1c3027;color:#e3f5e8;}
  @media(max-width:1180px){#wb-brand{min-width:auto}.wb-brand-copy{display:none}#top-bar{gap:9px;padding:0 10px;}#wb-active-tool-hint{display:none} .wb-canvas-shortcuts button{padding:6px 7px}}
  @media(max-width:980px){#top-bar #btn-open-smart span,#top-bar #btn-open-templates span,#btn-open-export span{display:none!important;}#top-bar .wb-search-trigger kbd{display:none}#wb-canvas-floating{left:11px;right:11px}}
  @media(max-width:767px){
    #top-bar {height:54px;min-height:54px;gap:6px;padding:0 8px;}
    #wb-brand {min-width:auto;}.wb-brand-symbol {flex-basis:32px;height:32px;border-radius:10px;font-size:21px;}
    #top-bar > div:nth-of-type(2) {display:none!important;}
    #top-bar > div:nth-of-type(1) {flex:1;gap:3px;overflow:hidden;}
    #top-bar #btn-open-projects{width:35px;min-width:35px;min-height:35px;padding:5px!important;}
    #top-bar #btn-open-projects span{display:none!important;}
    #top-bar #project-name-input{width:clamp(80px,21vw,145px);font-size:11px;padding:4px;}
    #save-status-badge{padding:4px!important;}
    #top-bar #btn-toggle-timer,#top-bar #btn-start-present,#top-bar #btn-focus-mode,#top-bar #btn-toggle-theme,#top-bar #btn-open-help {display:none!important;}
    #top-bar #btn-open-export,#top-bar #btn-mobile-inspector {min-width:35px;min-height:35px;padding:5px!important;}
    .wb-search-trigger {padding:0 8px;height:35px;min-width:35px;justify-content:center;}
    .wb-search-trigger span,.wb-search-trigger kbd {display:none;}
    #left-toolbar {position:absolute;left:8px;bottom:10px;width:calc(100% - 16px)!important;height:auto!important;max-height:84px;padding:7px!important;display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;z-index:23;border:1px solid #cfe3d8!important;border-radius:14px;box-shadow:0 5px 20px rgba(18,63,44,.11);scrollbar-width:thin;}
    #left-toolbar .wb-toolbar-section{display:flex;flex-direction:row;align-items:center;flex:0 0 auto;gap:3px;width:auto;padding:0 6px 0 0;border-bottom:0;border-right:1px solid #e3ede6;}
    #left-toolbar .wb-mobile-history {display:flex!important;}
    .wb-toolbar-label {display:none;}
    #left-toolbar .wb-tool-entry {min-width:49px!important;width:49px!important;min-height:57px!important;padding:6px 2px!important;}
    .wb-tool-caption{font-size:9px!important;}
    #wb-canvas-floating {top:8px;left:8px;right:8px;flex-wrap:wrap;}
    .wb-canvas-mode {padding:6px 8px;}
    .wb-canvas-shortcuts {gap:1px;}
    .wb-canvas-shortcuts button {font-size:10px;padding:5px 6px;}
    #right-inspector {position:fixed!important;top:54px!important;right:0!important;bottom:46px!important;width:min(340px,92vw)!important;z-index:36;box-shadow:-10px 0 30px rgba(12,44,31,.12);}
    #right-inspector.hidden {display:none!important;}
    #right-inspector:not(.hidden) {display:flex!important;}
    #onboarding-toast {top:82px!important;max-width:95vw!important;font-size:10px;}
    #bottom-bar{padding:0 7px!important;gap:4px;}
    #bottom-bar > div:first-child{max-width:51vw!important;}
    #bottom-bar > div:last-child{gap:1px;}
    #btn-dup-page,#btn-del-page,#btn-focus-selection,#btn-fit-all {display:none!important;}
  }
  /* 手機已完整支援直向操作，不以橫向提示遮住白板核心工具 */
  @media(max-width:767px){#portrait-banner,#onboarding-toast{display:none!important;}}
  @media(max-width:420px){#top-bar #project-name-input{width:24vw!important}#save-status-badge{display:none!important;}.wb-canvas-shortcuts{width:100%;justify-content:space-between;}.wb-canvas-shortcuts button{flex:1}#empty-state-guide>div{padding:14px!important}#empty-state-guide{padding:7px;}}
  @media(max-height:650px) and (max-width:767px){#left-toolbar{max-height:66px;bottom:5px;}#left-toolbar .wb-tool-entry{min-height:48px!important}.wb-canvas-mode{display:none}#empty-state-guide>div{max-height:calc(100dvh - 166px);overflow-y:auto;}}
  @media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;}}

  /* ======================================================
     WUMETAX LAB / V2.1 — 統一對話框與文字對比
     深淺色主題都使用 HTML Lab 同款「淺色對話框」。
     避免 html.dark 引發 Tailwind 深底 + 深色字的衝突。
     ====================================================== */
  :root { color-scheme:light; }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) {
    padding:16px!important;
    background:rgba(10,28,23,.44)!important;
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) > div {
    background:#fff!important;
    color:#223b32!important;
    border:1px solid #cfdfd6!important;
    border-radius:17px!important;
    box-shadow:0 24px 64px rgba(8,38,27,.19)!important;
    color-scheme:light;
    overflow:hidden;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) > div.dark\:bg-gray-800 {
    background:#fff!important;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) > div > div:first-child {
    background:#fff!important;
    border-bottom:1px solid #e1ebe5!important;
    padding:19px 20px!important;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) h2 {
    color:#18382e!important;
    font-size:17px!important;
    font-weight:800!important;
    letter-spacing:-.015em;
    line-height:1.45;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) h3,
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) h4 {
    color:#19392e!important;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) p {
    color:#5c7168;
    line-height:1.65;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) :is(label,button,select,input,textarea) {
    font-family:'Outfit','Noto Sans TC',sans-serif;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) :is(input,select,textarea):not([type="radio"]):not([type="checkbox"]):not([type="file"]) {
    background:#fff!important;
    color:#1d3a30!important;
    border:1px solid #cfded5!important;
    border-radius:9px;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) :is(input,textarea)::placeholder {
    color:#788e83!important;
    opacity:1;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) :is(input[type="radio"],input[type="checkbox"]) {
    accent-color:#0d9479;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) [data-close-modal] {
    width:33px;
    height:33px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    color:#4d6e60!important;
    background:#f1f7f3!important;
    border:1px solid #e0ebe3!important;
    border-radius:9px!important;
    font-size:16px;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) [data-close-modal]:hover {
    color:#0a785a!important;
    background:#e1f4e9!important;
  }
  /* v4 的 dark: 樣式在此統一轉成淺色元件，避免系統深色偏好影響視窗對比。 */
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) .dark\:bg-gray-700,
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) .dark\:bg-gray-800 {
    background:#edf5ef!important;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) .dark\:bg-gray-900 {
    background:#f6faf7!important;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) .dark\:bg-blue-950\/30,
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) .dark\:bg-blue-950\/40 {
    background:#f0f8f3!important;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) .dark\:bg-amber-950\/30 {
    background:#fff9e9!important;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) .dark\:bg-purple-950\/30 {
    background:#f8f4ff!important;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) .dark\:bg-emerald-950\/30 {
    background:#f0f9f3!important;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) :is(.dark\:border-gray-700,.dark\:border-gray-600) {
    border-color:#d9e7dc!important;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) .dark\:text-purple-200 {
    color:#654c8e!important;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) button.text-white {
    color:#fff!important;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) :is(button.bg-blue-600,button.bg-emerald-600,button.bg-indigo-600,button.bg-purple-600,button.bg-amber-600) {
    background:#0d9479!important;
    color:#fff!important;
    border:1px solid #0b886d!important;
    font-weight:750;
    border-radius:9px!important;
    padding:9px 12px;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) :is(button.bg-blue-600,button.bg-emerald-600,button.bg-indigo-600,button.bg-purple-600,button.bg-amber-600):hover {
    background:#08775e!important;
  }
  #modal-projects .wb-dialog-notice {
    margin-top:7px;
    font-size:12px;
    line-height:1.7;
    color:#596e63!important;
  }
  #modal-projects > div { width:min(680px,100%); }
  #modal-projects #btn-create-new-project { min-height:39px; }
  #modal-projects .wb-dialog-secondary {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-height:39px;
    padding:8px 15px;
    color:#126c53!important;
    background:#edf8f1!important;
    border:1px solid #cde8d9!important;
    border-radius:9px!important;
    cursor:pointer;
  }
  #modal-projects .wb-dialog-secondary:hover {background:#dff3e7!important;}
  #modal-projects #projects-list-container {
    background:#fbfdfb!important;
    gap:12px;
    padding:18px 20px 22px!important;
  }
  #modal-projects .wb-project-card {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:12px;
    min-width:0;
    padding:15px;
    background:#fff!important;
    border:1px solid #d8e7dc!important;
    border-radius:12px;
    color:#203d32!important;
    box-shadow:0 2px 9px rgba(16,63,45,.025);
  }
  #modal-projects .wb-project-card.is-current {
    background:#f2faf5!important;
    border-color:#5cae8f!important;
    box-shadow:0 0 0 1px rgba(14,139,104,.15);
  }
  #modal-projects .wb-project-card .wb-project-name {
    min-width:0;
    font-size:14px!important;
    font-weight:800;
    line-height:1.5;
    color:#193e31!important;
  }
  #modal-projects .wb-project-current {
    flex-shrink:0;
    display:inline-flex;
    padding:3px 9px;
    border-radius:99px;
    background:#d9f4e6!important;
    color:#096d50!important;
    font-size:10px;
    font-weight:800;
  }
  #modal-projects .wb-project-meta {
    margin-top:7px;
    font-size:11px;
    color:#61796d!important;
    line-height:1.65;
  }
  #modal-projects .wb-project-actions {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px;
    padding-top:11px;
    border-top:1px solid #e3ece5;
  }
  #modal-projects .wb-project-action {
    min-height:33px;
    padding:7px 11px;
    border:1px solid #dce8df;
    border-radius:8px;
    color:#275644!important;
    background:#f1f7f3!important;
    font-size:12px;
    font-weight:750;
    cursor:pointer;
  }
  #modal-projects .wb-project-action:hover {
    background:#e4f3e9!important;
    border-color:#add8c0;
  }
  #modal-projects .wb-project-action-primary {
    color:#fff!important;
    background:#0d9479!important;
    border-color:#0d9479!important;
  }
  #modal-projects .wb-project-action-primary:hover {background:#08775f!important;}
  #modal-projects .wb-project-action-danger {
    color:#b73535!important;
    background:#fff5f3!important;
    border-color:#f6ddd7!important;
  }
  #modal-projects .wb-project-action-danger:hover {background:#ffeae6!important;}
  #modal-smart .wb-smart-tabs {background:#f6faf7!important;}
  #modal-smart .wb-smart-tabs button {color:#577064!important;}
  #modal-smart .wb-smart-tabs .wb-tab-active {
    background:#fff!important;
    color:#0a7458!important;
    border:1px solid #b9dfcd!important;
  }
  #modal-smart .wb-smart-panel {border-color:#d9e9dd!important;background:#f6faf7!important;}
  #modal-smart .wb-smart-panel h3 {font-size:14px;line-height:1.6;}
  #modal-templates > div > div:nth-child(2) {background:#f6faf7!important;color:#294737!important;}
  #modal-templates #templates-grid > * {background:#fff!important;color:#234135!important;border-color:#d9e8de!important;}
  #modal-templates #templates-grid h3 {color:#19392e!important;}
  #modal-export > div > div:nth-child(2) > div {border-color:#dce8e0!important;}
  #modal-help #self-test-report {background:#173529!important;color:#c1efdb!important;}
  /* 附屬工作區和功能搜尋也遵守同一對比規範 */
  #empty-state-guide p { color:#596f64!important; }
  #empty-state-guide [data-empty-action] {color:#26493a!important;}
  .dark .wb-command-panel {background:#fff!important;color:#223b31!important;}
  .dark .wb-command-heading h2 {color:#18382e!important;}
  .dark .wb-command-result {color:#284f3d!important;}
  .dark #right-inspector .wb-inspector-tabs button {color:#d3e4d9!important;}
  .dark #right-inspector .wb-inspector-tabs button.wb-tab-active {color:#caffdf!important;}
  .dark .wb-canvas-mode span:last-child {color:#c9ddcf!important;}
  .dark .wb-canvas-shortcuts button {color:#cce3d6!important;}
  .dark .wb-canvas-shortcuts button:first-child {background:#275b45!important;color:#d6ffe7!important;}
  @media(max-width:600px) {
    :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) {padding:10px!important;}
    :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) > div {max-height:calc(100dvh - 20px)!important;}
    :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) > div.dark\:bg-gray-800 {
    background:#fff!important;
  }
  :is(#modal-projects,#modal-smart,#modal-templates,#modal-export,#modal-help) > div > div:first-child {padding:15px!important;}
    #modal-projects #projects-list-container {padding:13px!important;}
    #modal-projects .wb-project-card {padding:13px;}
    #modal-smart .wb-smart-tabs {gap:3px;padding:7px;}
    #modal-smart .wb-smart-tabs button {font-size:10px;padding:8px 2px;}
  }