.config-toolbar {
        display: flex;
        gap: 10px;
        align-items: center;
        flex-wrap: wrap;
      }
      .tools-toolbar-spacer {
        flex: 1 1 auto;
        min-width: 16px;
      }
      .tools-config-wrap {
        display: grid;
        gap: 16px;
        margin-top: 16px;
      }
      .tool-image-path {
        font-size: 12px;
      }
      .tools-list-wrap {
        max-height: min(62vh, 680px);
        overflow: auto;
        position: relative;
        border-radius: 18px;
        border: 1px solid rgba(255,255,255,0.08);
        background: rgba(255,255,255,0.025);
      }
      .tools-list-head,
      .tools-list-row {
        display: grid;
        grid-template-columns: 84px 92px 56px minmax(88px, 0.54fr) minmax(76px, 0.42fr) minmax(108px, 0.56fr) minmax(176px, 0.96fr) minmax(116px, 0.68fr) minmax(56px, 0.3fr) 64px 128px;
        gap: 10px;
        align-items: center;
        width: 100%;
        min-width: 0;
        padding: 12px 16px;
      }
      .tool-page-list-head,
      .tool-page-list-row {
        display: grid;
        grid-template-columns: 84px 92px 56px minmax(120px, 0.66fr) minmax(190px, 1fr) minmax(130px, 0.7fr) minmax(72px, 0.38fr) minmax(86px, 0.46fr) 72px 64px 128px;
        gap: 10px;
        align-items: center;
        width: 100%;
        min-width: 1180px;
        padding: 12px 16px;
      }
      .tools-list-head {
        position: sticky;
        top: 0;
        z-index: 3;
        border-bottom: 1px solid rgba(255,255,255,0.08);
        background: rgba(18,20,28,0.98);
        box-shadow: 0 1px 0 rgba(255,255,255,0.08), 0 10px 22px rgba(0,0,0,0.18);
        color: var(--muted);
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.08em;
      }
      .tool-page-list-head {
        position: sticky;
        top: 0;
        z-index: 3;
        border-bottom: 1px solid rgba(255,255,255,0.08);
        background: rgba(18,20,28,0.98);
        box-shadow: 0 1px 0 rgba(255,255,255,0.08), 0 10px 22px rgba(0,0,0,0.18);
        color: var(--muted);
        font-size: 11px;
        text-transform: uppercase;
        letter-spacing: 0.08em;
      }
      .tools-head-note {
        margin-top: 4px;
        font-size: 10px;
        text-transform: none;
        letter-spacing: normal;
        white-space: nowrap;
      }
      .tools-list-row {
        border-bottom: 1px solid rgba(255,255,255,0.06);
      }
      .tool-page-list-row {
        border-bottom: 1px solid rgba(255,255,255,0.06);
      }
      .tools-list-row:last-child {
        border-bottom: none;
      }
      .tool-page-list-row:last-child {
        border-bottom: none;
      }
      .tools-list-row.editing {
        background: rgba(78,161,255,0.08);
        align-items: start;
      }
      .tool-page-list-row.editing {
        background: rgba(78,161,255,0.08);
        align-items: start;
      }
      .tools-cell {
        min-width: 0;
      }
      .tools-cell.editing {
        display: grid;
        gap: 6px;
        min-width: 0;
        align-self: start;
      }
      .tools-cell.editing .input {
        min-width: 0;
        font-size: 13px;
      }
      .tools-display {
        min-width: 0;
        font-size: 13px;
      }
      .tools-display-main {
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
        line-height: 1.4;
      }
      .tools-display-sub {
        margin-top: 4px;
        font-size: 11px;
        color: var(--muted);
        overflow: visible;
        text-overflow: clip;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
        line-height: 1.4;
      }
      .tools-list-wrap::-webkit-scrollbar {
        width: 10px;
        height: 10px;
      }
      .tools-list-wrap::-webkit-scrollbar-track {
        background: rgba(255,255,255,0.04);
        border-radius: 999px;
      }
      .tools-list-wrap::-webkit-scrollbar-thumb {
        background: rgba(78,161,255,0.34);
        border-radius: 999px;
      }
      .tool-preview-stack {
        display: grid;
        gap: 6px;
        justify-items: start;
        width: 100%;
        min-width: 0;
      }
      .tools-preview-cell {
        align-self: start;
      }
      .tool-image-edit-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 8px;
        width: 100%;
        min-width: 0;
      }
      .tool-image-edit-row .input {
        width: 100%;
        min-width: 0;
      }
      .tool-image-edit-row .upload-btn {
        flex: 0 0 auto;
      }
      .tool-color-edit-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 32px;
        gap: 6px;
        align-items: center;
        width: 100%;
        min-width: 0;
      }
      .tool-color-edit-row .input {
        min-width: 0;
      }
      .tool-color-picker {
        width: 32px;
        height: 32px;
        padding: 3px;
        border: 1px solid rgba(255,255,255,0.12);
        border-radius: 10px;
        background: rgba(255,255,255,0.04);
      }
      .tool-preview-stack .asset-preview {
        width: 84px;
        padding: 4px;
      }
      .tool-preview-stack .upload-status {
        text-align: left;
      }
      .tools-checkbox-cell {
        display: flex;
        align-items: center;
        min-height: 38px;
      }
      .tools-checkbox-label {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--text);
        font-size: 13px;
      }
      .tools-actions-cell {
        display: flex;
        align-items: center;
        gap: 6px;
        flex-wrap: wrap;
      }
      .tools-config-empty {
        padding: 28px 20px;
        border-radius: 16px;
        border: 1px dashed rgba(255,255,255,0.12);
        text-align: center;
        color: var(--muted);
        background: rgba(255,255,255,0.02);
      }
      .tools-config-note {
        font-size: 12px;
        color: var(--muted);
      }