/* Runtime overlays and host integration styles formerly embedded in index.html. */

/* molbox-floating-dialog-style */
button[title="主题"]{display:none!important;visibility:hidden!important;width:0!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;pointer-events:none!important}
      .molbox-runtime-log {
        overflow-x: hidden !important;
        white-space: pre-wrap !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
        height: auto !important;
        max-height: none !important;
        scrollbar-width: thin;
        scrollbar-color: var(--app-border,#3b4568) var(--app-card,#20263b);
      }
      .molbox-runtime-log::-webkit-scrollbar {
        width: 10px;
        height: 10px;
      }
      .molbox-runtime-log::-webkit-scrollbar-thumb {
        background: var(--app-border,#3b4568);
        border-radius: 999px;
      }
      .molbox-runtime-log::-webkit-scrollbar-track {
        background: var(--app-card,#20263b);
      }
      .molbox-runtime-log * {
        white-space: pre-wrap !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
        max-width: 100% !important;
      }
      /* 使用独立的右上角视图工具条，避免 React/Canvas 层级变化时原工具条被遮挡或丢失 */
      [data-molbox-view-controls="true"] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
      }
      #root > div > div > div:first-child {
        min-height: 0 !important;
      }
      #root > div > div > div:first-child > div:nth-child(2) {
        min-height: 0 !important;
        overflow-y: auto !important;
        padding-bottom: 96px !important;
      }
      .molbox-left-scroll {
        scrollbar-width: thin;
        scrollbar-color: var(--app-border,#3b4568) transparent;
      }
      .molbox-left-scroll::-webkit-scrollbar {
        width: 10px;
        height: 10px;
      }
      .molbox-left-scroll::-webkit-scrollbar-thumb {
        background: var(--app-border,#3b4568);
        border-radius: 999px;
      }
      .molbox-left-scroll::-webkit-scrollbar-track {
        background: transparent;
      }
      .molbox-run-button:not(:disabled):hover {
        background-color: var(--app-accent) !important;
        border-color: var(--app-accent) !important;
        color: var(--app-accent-contrast) !important;
      }
      .molbox-run-button:not(:disabled):hover svg {
        color: inherit !important;
        stroke: currentColor !important;
      }
      button[data-molbox-history]:not(:disabled):hover {
        border-color: var(--app-accent) !important;
        color: var(--app-accent) !important;
      }
      button[data-molbox-history]:disabled:hover {
        background-color: transparent !important;
        border-color: var(--app-border) !important;
        color: var(--app-muted) !important;
      }
      .molbox-sidebar-fixed {
        width: 394px !important;
        min-width: 394px !important;
        max-width: 394px !important;
        flex: 0 0 394px !important;
        overflow: hidden !important;
      }
      .molbox-sidebar-fixed > [data-molbox-sidebar-header="true"] {
        height: 56px !important;
        min-height: 56px !important;
        flex: 0 0 56px !important;
        overflow: visible !important;
      }
      .molbox-sidebar-fixed [data-molbox-sidebar-tools="true"] {
        margin-left: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        flex: 0 0 auto !important;
        min-width: 0 !important;
      }

/* molbox-atom-lattice-dialog-style */
.molbox-atom-create-button{margin-top:10px;width:100%;height:36px;border-radius:9px;border:1px solid var(--app-accent,#65caff);background:transparent;color:var(--app-accent,#65caff);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;box-sizing:border-box}
      .molbox-atom-create-button:hover{background:var(--app-accent,#65caff);color:var(--app-accent-contrast,#07111f)}
      .molbox-atom-modal-overlay{position:fixed;inset:0;z-index:2147483646;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);padding:20px;box-sizing:border-box}
      .molbox-atom-modal{width:min(720px,calc(100vw - 40px));max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--app-border,#33405f);border-radius:14px;background:var(--app-panel,#171c2c);color:var(--app-text,#eef3ff);box-shadow:0 24px 80px rgba(0,0,0,.45);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-sizing:border-box}
      .molbox-atom-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid var(--app-border,#33405f)}
      .molbox-atom-modal-title{font-size:18px;font-weight:800;line-height:24px}
      .molbox-atom-modal-close{border:0;background:transparent;color:var(--app-muted,#aab4c8);font-size:24px;line-height:1;cursor:pointer}
      .molbox-atom-modal-body{padding:18px 20px 20px}
      .molbox-atom-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
      .molbox-atom-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
      .molbox-atom-field label{display:block;margin-bottom:6px;font-size:12px;font-weight:400;line-height:16px;color:var(--app-muted,#aab4c8)}
      .molbox-atom-field input,.molbox-atom-field select{width:100%;height:36px;border-radius:8px;border:1px solid var(--app-border,#33405f);background:var(--app-card,#1a2031);padding:7px 10px;color:var(--app-text,#eef3ff);font-size:14px;font-weight:400;box-sizing:border-box;outline:none}
      .molbox-atom-field input:focus,.molbox-atom-field select:focus{border-color:var(--app-accent,#65caff)}
      .molbox-atom-note{margin:2px 0 12px;color:var(--app-muted,#aab4c8);font-size:12px;line-height:1.6}
      .molbox-atom-summary{margin:8px 0 14px;border:1px solid var(--app-border,#33405f);border-radius:9px;background:var(--app-panel-soft,#20263b);padding:10px 12px;color:var(--app-muted,#aab4c8);font-size:12px;line-height:1.6;white-space:pre-wrap}
      .molbox-atom-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--app-border,#33405f);padding-top:16px}
      .molbox-atom-actions button{height:38px;border-radius:9px;padding:0 18px;font-size:13px;font-weight:800;cursor:pointer;border:1px solid var(--app-border,#33405f);background:transparent;color:var(--app-muted,#aab4c8)}
      .molbox-atom-actions button.primary{border-color:var(--app-accent,#65caff);background:var(--app-accent,#65caff);color:var(--app-accent-contrast,#07111f)}
      @media (max-width:720px){.molbox-atom-grid,.molbox-atom-grid.two{grid-template-columns:1fr}}

/* molbox-user-ux-optimization-style */
.molbox-ux-progress-panel{position:absolute;right:16px;bottom:16px;z-index:45;width:min(260px,calc(100% - 32px));border:1px solid var(--app-border,#33405f);border-radius:10px;background:color-mix(in srgb,var(--app-panel,#171c2c) 88%,transparent);box-shadow:0 10px 30px rgba(0,0,0,.25);padding:8px 10px;color:var(--app-muted,#aab4c8);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;line-height:18px;display:none;pointer-events:auto;backdrop-filter:blur(10px)}
      .molbox-ux-progress-panel.show{display:block}
      .molbox-ux-progress-row{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--app-text,#eef3ff);font-weight:800;margin-bottom:6px}
      .molbox-ux-progress-bar{height:6px;border-radius:999px;background:var(--app-card,#1a2031);overflow:hidden;margin:6px 0 8px}
      .molbox-ux-progress-fill{height:100%;border-radius:999px;background:var(--app-accent,#65caff);width:0%}
      .molbox-ux-progress-warn{margin-top:6px;color:var(--app-warning,#ffd36c);white-space:pre-wrap}
      .molbox-ux-progress-open-log{height:28px;border-radius:8px;border:1px solid var(--app-border,#33405f);background:var(--app-card,#1a2031);color:var(--app-accent,#65caff);font-size:12px;font-weight:800;padding:0 10px;cursor:pointer;width:100%}
      .molbox-ux-progress-open-log:hover{border-color:var(--app-accent,#65caff);background:var(--app-panel-soft,#20263b)}
      /* 运行日志弹窗不再额外插入筛选/复制/导出工具条，避免遮挡日志区域。 */
      .molbox-log-toolbar{display:none!important}
      input.molbox-input-invalid{border-color:var(--app-danger,#ff6677)!important;box-shadow:0 0 0 1px var(--app-danger,#ff6677) inset!important}

/* molbox-task-lock-style */
body.molbox-task-busy button[data-menu-item],
      body.molbox-task-busy button[data-molbox-project-action]{opacity:.55;cursor:wait!important}
      #molbox-task-busy-badge{position:fixed;right:14px;bottom:46px;z-index:2147483000;display:none;align-items:center;gap:8px;border:1px solid var(--app-border,#2c3552);border-radius:999px;background:var(--app-panel-glass-strong,rgba(15,20,34,.92));color:var(--app-text,#eef3ff);font:12px/1.2 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:7px 10px;box-shadow:0 10px 24px rgba(0,0,0,.28)}
      body.molbox-task-busy #molbox-task-busy-badge{display:flex}