/* Flatten nested brutalist boxes inside tool pages (loads after per-tool inline styles). */

/* ── Wrapper shells (keep tool card chrome; only flatten generic containers) ── */
.tool-workspace .container:not([class*="tt-"]):not([class*="md2html"]) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: inherit;
}

.tool-workspace [class*="-wrapper"]:not([class*="-toast"]):not([class*="tt-tool-wrapper"]):not([class*="tt-"]):not([class*="cropper"]) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: inherit;
}

.tool-workspace [class*="-controls"],
.tool-workspace [class*="-preview-panel"],
.tool-workspace [class*="-output-panel"],
.tool-workspace [class*="-input-panel"],
.tool-workspace [class*="-form-panel"],
.tool-workspace [class*="-panel"],
.tool-workspace [class*="-panel-left"],
.tool-workspace [class*="-panel-right"],
.tool-workspace [class*="-block"],
.tool-workspace [class*="-area"],
.tool-workspace [class*="-display"],
.tool-workspace [class*="-form"],
.tool-workspace [class*="-field-group"],
.tool-workspace [class*="-control-group"],
.tool-workspace [class*="-control-row"],
.tool-workspace [class*="-code-block"],
.tool-workspace [class*="-table-wrapper"],
.tool-workspace [class*="-crop-panel"],
.tool-workspace [class*="-crop-container"],

/* Tab / preset rows — containers, not controls */
.tool-workspace [class*="-tabs"],
.tool-workspace [class*="-presets"],
.tool-workspace [class*="-actions"] {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

.tool-workspace [class*="-body"]:not([class*="tt-"]):not([class*="md2html"]) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* ── In-tool section chrome (yellow bars, bordered headers) ── */
.tool-workspace [class*="-header"]:not(.tool-header):not([class*="-code-header"]):not([class*="-results-header"]) {
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  text-align: left !important;
}

.tool-workspace [class*="-container"] > [class*="-header"] h1,
.tool-workspace [class*="-container"] > [class*="-header"] h2,
.tool-workspace [class*="-wrapper"] > [class*="-header"] h1,
.tool-workspace [class*="-wrapper"] > [class*="-header"] h2,
.tool-workspace [class*="-card"] > [class*="-header"] h1,
.tool-workspace [class*="-card"] > [class*="-header"] h2,
.tool-workspace [class*="-card"] > [class*="-header"] [class*="-title"],
.tool-workspace [class*="-container"] > [class*="-header"] h2[class*="-title"],
.tool-workspace .vram-calc-header h2 {
  display: none;
}

.tool-workspace [class*="-container"] > [class*="-header"] [class*="-subtitle"],
.tool-workspace [class*="-wrapper"] > [class*="-header"] [class*="-subtitle"] {
  margin: 0 0 20px;
  color: var(--muted);
  font-size: 0.92rem;
  line-height: 1.55;
}

.tool-workspace [class*="-layout"] {
  gap: 28px;
  margin-top: 0;
}

/* Tab panels — preserve show/hide (do not flatten display) */
.tool-workspace .tt-pct-panel:not(.tt-pct-panel-active),
.tool-workspace .tt-dtc-panel:not(.tt-dtc-panel-active) {
  display: none !important;
}

.tool-workspace .tt-pct-panel-active,
.tool-workspace .tt-dtc-panel-active {
  display: block !important;
}

/* ── Soft tiles: legacy unprefixed stats / results only ── */
.tool-workspace [class*="-result-card"]:not([class*="tt-"]),
.tool-workspace [class*="-results-card"]:not([class*="tt-"]),
.tool-workspace [class*="-output-card"]:not([class*="tt-"]),
.tool-workspace [class*="-stat-card"]:not([class*="tt-"]),
.tool-workspace [class*="-stat-box"]:not([class*="tt-"]) {
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  border-radius: var(--radius-sm);
  background: var(--surface) !important;
}

.tool-workspace [class*="-result-card"]:not([class*="tt-"]):hover,
.tool-workspace [class*="-results-card"]:not([class*="tt-"]):hover,
.tool-workspace [class*="-output-card"]:not([class*="tt-"]):hover,
.tool-workspace [class*="-stat-card"]:not([class*="tt-"]):hover {
  transform: none !important;
  box-shadow: none !important;
}

.tool-workspace [class*="-result-card-highlight"]:not([class*="tt-"]),
.tool-workspace [class$="-result"]:not(input):not(select):not([class*="tt-"]) {
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  background: var(--yellow-soft) !important;
  border-radius: var(--radius-sm);
}

.tool-workspace [class*="-result-card-highlight"]:not([class*="tt-"]) {
  background: var(--yellow) !important;
}

.tool-workspace [class*="-stat-card-highlight"]:not([class*="tt-"]) {
  background: var(--yellow-soft) !important;
}

/* Social / OG preview mock — legacy unprefixed only */
.tool-workspace [class*="-preview"]:not([class*="-frame"]):not([class*="-heading"]):not([class*="-label"]):not([class*="-desc"]):not([class*="-img"]):not([class*="-body"]):not([class*="-image"]):not([class*="codeimg"]):not([class*="tt-"]) {
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  border-radius: var(--radius-sm);
  background: var(--surface) !important;
}

.tool-workspace [class*="-preview-wrapper"]:not([class*="codeimg"]) {
  border: none !important;
  box-shadow: none !important;
  background: unset !important;
}

/* Code snippet image maker — keep code block inside window unboxed */
.tool-workspace .tt-codeimg-code-block {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
}

.tool-workspace [class*="-preview-frame"] {
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  border-radius: var(--radius-sm);
}

.tool-workspace [class*="-preview-image"] {
  box-shadow: none !important;
}

.tool-workspace [class*="-preview-heading"],
.tool-workspace [class*="-code-heading"] {
  margin: 20px 0 8px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--muted);
}

.tool-workspace [class*="-preview-heading"]:first-child,
.tool-workspace [class*="-preview-panel"] > [class*="-preview-heading"]:first-child {
  margin-top: 0;
}

/* ── Form controls ── */
.tool-workspace textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.tool-workspace input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]):not([type="range"]):not([type="hidden"]),
.tool-workspace select,
.tool-workspace textarea,
.tool-workspace #llm-prompt-generator input[type="text"],
.tool-workspace #llm-prompt-generator input[type="password"],
.tool-workspace #llm-prompt-generator textarea,
.tool-workspace .vram-calc-input,
.tool-workspace .vram-calc-select {
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
}

.tool-workspace input[class*="-input"],
.tool-workspace textarea[class*="-input"],
.tool-workspace select[class*="-input"] {
  background: var(--surface) !important;
}

.tool-workspace input[type="color"][class*="-picker"],
.tool-workspace [class*="-color-picker"] {
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
}

.tool-workspace textarea[class*="-textarea"] {
  border-radius: var(--radius-sm) !important;
}

.tool-workspace input:focus,
.tool-workspace select:focus,
.tool-workspace textarea:focus,
.tool-workspace input:focus-visible,
.tool-workspace select:focus-visible,
.tool-workspace textarea:focus-visible,
.tool-workspace input[class*="-input"]:focus,
.tool-workspace textarea[class*="-textarea"]:focus,
.tool-workspace select[class*="-input"]:focus,
.tool-workspace #llm-prompt-generator input:focus,
.tool-workspace #llm-prompt-generator textarea:focus {
  border-color: var(--yellow) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px var(--yellow-glow) !important;
}

/* ── Buttons & tabs (only legacy/unprefixed tools; tt-* keep inline styles) ── */
.tool-workspace button:not([class*="tox-"]):not([class*="tt-"]):not([class*="vram-calc"]),
.tool-workspace [class*="-btn"]:not([class*="tox-"]):not([class*="tt-"]):not([class*="vram-calc"]),
.tool-workspace [class*="-button"]:not([class*="tox-"]):not([class*="tt-"]):not([class*="vram-calc"]),
.tool-workspace #llm-prompt-generator .btn {
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  transform: none !important;
}

.tool-workspace #llm-prompt-generator .btn-primary {
  border: 1px solid var(--black) !important;
  background: var(--yellow) !important;
  color: var(--black) !important;
}

.tool-workspace button[class*="-tab"]:not([class*="-table"]):not([class*="-content"]):not([class*="tox-"]):not([class*="tt-"]),
.tool-workspace #llm-prompt-generator .tab-btn {
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  transform: none !important;
  background: var(--surface) !important;
  color: var(--text) !important;
}

.tool-workspace button[class*="-tab-active"]:not([class*="tox-"]):not([class*="tt-"]),
.tool-workspace button[class*="-tab"][class*="-active"]:not([class*="tox-"]):not([class*="tt-"]),
.tool-workspace #llm-prompt-generator .tab-btn.active {
  background: var(--black) !important;
  color: var(--surface) !important;
  border-color: var(--black) !important;
  box-shadow: none !important;
}

.tool-workspace #llm-prompt-generator .tabs {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  gap: 8px !important;
}

.tool-workspace #llm-prompt-generator .tab-btn {
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
}


/* ── Details & separators ── */
.tool-workspace [class*="-details"] {
  border: none !important;
  border-top: 1px solid var(--line) !important;
  box-shadow: none !important;
  padding-top: 16px;
  margin-top: 16px;
}

.tool-workspace [class*="-label"][class*="-output-section"] {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid var(--line);
}

/* ── Code / output blocks (tool UI only; doc blocks use site.css) ── */
.tool-workspace pre[class],
.tool-workspace pre[id],
.tool-workspace [class*="-output-code"],
.tool-workspace [class$="-pre"]:not([class*="-presets"]),
.tool-workspace [class$="-output"]:not(textarea):not(input):not([class*="-row"]):not([class*="-section"]):not([class*="-panel"]):not([class*="-container"]):not([class*="-actions"]) {
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  border-radius: var(--radius-sm);
}

.tool-workspace [class*="-output-row"],
.tool-workspace [class*="-output-section"],
.tool-workspace [class*="-output-panel"],
.tool-workspace [class*="-output-container"],
.tool-workspace [class*="-output-actions"],
.tool-workspace [class*="-body-output"] {
  border: none !important;
  box-shadow: none !important;
}

.tool-workspace #llm-prompt-generator .output-area {
  background: transparent !important;
  border: none !important;
  border-top: 1px solid var(--line) !important;
  box-shadow: none !important;
  padding: 24px 0 0 !important;
  margin-top: 24px !important;
  border-radius: 0 !important;
}

.tool-workspace #llm-prompt-generator .api-key-content {
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
  background: var(--surface) !important;
}

.tool-workspace #llm-prompt-generator #drop-zone {
  border: 1px dashed var(--line) !important;
  box-shadow: none !important;
  background: var(--surface) !important;
}

.tool-workspace #llm-prompt-generator #image-preview {
  border: 1px solid var(--line) !important;
  box-shadow: none !important;
}

.tool-workspace [class*="-result-item"] {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  border-bottom: 1px solid var(--line) !important;
  border-radius: 0 !important;
  padding: 10px 0 !important;
}

.tool-workspace [class*="-result-item"]:last-child {
  border-bottom: none !important;
}

/* ── Code case converter ── */
.tool-workspace .tt-case-label-sub {
  margin-top: 16px;
}

.tool-workspace .tt-case-output-row {
  margin-top: 6px;
  margin-bottom: 4px;
  border: none !important;
}

.tool-workspace .tt-case-output-row input[readonly] {
  background: var(--surface);
  font-family: var(--mono);
  font-size: 0.9rem;
}

.tool-workspace .tt-case-btn-secondary {
  min-width: 72px;
  justify-content: center;
}

/* Documentation tables/code in plugin pages (unclassed elements only) */
.tool-workspace table:not([class]) {
  border: 2px solid var(--black) !important;
  box-shadow: none;
}

.tool-workspace pre:not([class]) {
  border: 2px solid var(--black) !important;
  box-shadow: var(--shadow-soft) !important;
  background: var(--black) !important;
  color: #f4f4f5 !important;
}

.tool-workspace pre:not([class]) code {
  background: transparent !important;
  border: none !important;
  color: inherit !important;
}

/* Restore per-tool body padding stripped by flatten rules */
.tool-workspace [class*="-body"][style*="padding"] {
  padding: 24px !important;
}

/* vram calc — card grid container is not a visual card */
.tool-workspace .vram-calc-cards {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* TinyMCE toolbar — undo site button flattening */
.tool-workspace .tox .tox-tbtn,
.tool-workspace .tox .tox-split-button,
.tool-workspace .tox .tox-split-button__chevron,
.tool-workspace .tox .tox-mbtn,
.tool-workspace .tox .tox-tbtn--select,
.tool-workspace .tox button {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 4px !important;
  color: inherit !important;
  font-weight: inherit !important;
  text-transform: none !important;
  padding: 0 !important;
  min-width: 0 !important;
  transform: none !important;
}

.tool-workspace .tox .tox-tbtn--enabled,
.tool-workspace .tox .tox-tbtn--enabled:hover,
.tool-workspace .tox .tox-split-button__chevron:hover {
  background: #dee0e2 !important;
  color: inherit !important;
}

.tool-workspace .tox .tox-tbtn:hover,
.tool-workspace .tox .tox-mbtn:hover {
  background: #dee0e2 !important;
  color: inherit !important;
}