/* A focused working surface built on the same toolbox tokens and controls. */
.workspace-shell { max-width: var(--qz-container, 76rem); margin: 0 auto; padding: 28px 24px 48px; }
.workspace-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.workspace-bar a, .workspace-related a { color: var(--accent); text-decoration: none; min-height: 44px; display: inline-flex; align-items: center; }
.workspace-bar-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.workspace-shell .tool-card { display: block; padding: clamp(20px, 3vw, 36px); animation: none; box-shadow: none; }
.workspace-shell .tool-head { margin-bottom: 24px; }
.workspace-shell h1.tool-name { font-size: clamp(1.5rem, 4vw, 2rem); line-height: 1.3; letter-spacing: -.025em; }
.workspace-shell .tool-desc { font-size: 1rem; line-height: 1.7; margin-top: 8px; }
.workspace-shell label, .workspace-shell .field-label, .workspace-shell .btn, .workspace-shell .aim-note { font-size: .875rem; }
.workspace-shell .tool-input, .workspace-shell .tool-select { font-size: 1rem; line-height: 1.6; }
.workspace-shell .tool-input { min-width: 0; }
.workspace-shell textarea { min-height: 10rem; resize: vertical; }
.workspace-shell .tool-output { font-size: .9375rem; line-height: 1.7; max-height: 30rem; overflow: auto; overflow-wrap: anywhere; }
.workspace-shell .tool-output:empty { display: none; }
.workspace-shell .tool-grid2 { gap: 16px; }
.workspace-shell .btn, .workspace-shell .tool-select { min-height: 44px; }
.workspace-shell .btn:disabled { opacity: .55; cursor: not-allowed; }
.workspace-shell :is(button, a, input, textarea, select):focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
.workspace-shell .aim-note { line-height: 1.7; }
.workspace-note { margin-top: 16px; font-size: .875rem; color: var(--text-secondary); line-height: 1.8; }
.workspace-related { margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--border-light); }
.workspace-related h2 { font-size: 1rem; }
.workspace-related ul { display: flex; gap: 8px 24px; flex-wrap: wrap; list-style: none; }
.workspace-shell .tool-grid2 > *, .workspace-shell .field-row > * { min-width: 0; }
.workspace-shell .tool-card { border-radius: 16px; border: 1px solid var(--qz-line); background: var(--qz-surface); }
.workspace-shell .tool-input, .workspace-shell .tool-select { border-radius: 10px; border: 1px solid var(--qz-line-strong); background: var(--qz-canvas); }
.workspace-shell .tool-input:focus, .workspace-shell .tool-select:focus { border-color: var(--qz-accent); box-shadow: 0 0 0 3px var(--qz-accent-soft); }
.workspace-shell .tool-actions { flex-wrap: wrap; gap: 10px; }
.workspace-shell .btn { border-radius: 9px; }
.workspace-bar { font-size: .875rem; }
.workspace-related { padding: 24px 0; border: 0; border-top: 1px solid var(--qz-line); border-radius: 0; background: transparent; }
.workspace-related ul { padding: 0; margin-top: 12px; }
.workspace-related a { border-radius: 8px; padding: 4px 0; background: transparent; }
.workspace-related a:hover { text-decoration:underline; text-underline-offset:4px; }
@media (max-width: 600px) {
  .workspace-shell { padding:var(--qz-space-4) var(--qz-gutter) var(--qz-space-8); }
  .workspace-shell .tool-grid2 { grid-template-columns: minmax(0, 1fr); }
  .workspace-shell .tool-actions { gap: 8px; flex-wrap: wrap; }
  .workspace-shell .tool-actions .btn { flex: 1 1 auto; }
  .workspace-shell .tool-output { max-height: none; }
}
@media (prefers-reduced-motion: reduce) { .workspace-shell *, .workspace-shell *::before, .workspace-shell *::after { animation: none !important; transition: none !important; } }
.workspace-shell .tool-card,.workspace-related { border-radius:var(--qz-radius-surface); }
.workspace-shell .btn { border-radius:var(--qz-radius-control); }
.workspace-shell .tool-input:focus-visible,.workspace-shell .tool-select:focus-visible { outline-offset:0; box-shadow:none; }

.workspace-shell .markdown-preview { white-space: normal; overflow-wrap: anywhere; padding: 20px; border: 1px solid var(--qz-line); }
.workspace-shell .markdown-preview :is(h1,h2,h3) { line-height: 1.4; margin: 1em 0 .5em; }
.workspace-shell .markdown-preview h1 { font-size: 1.75rem; }
.workspace-shell .markdown-preview h2 { font-size: 1.4rem; }
.workspace-shell .markdown-preview h3 { font-size: 1.15rem; }
.workspace-shell .markdown-preview :is(p,ul,ol,blockquote,pre) { margin-block: .8em; }
.workspace-shell .markdown-preview :is(ul,ol) { padding-left: 1.5em; }
.workspace-shell .markdown-preview blockquote { border-left: 3px solid var(--qz-line-strong); padding-left: 1em; color: var(--text-secondary); }
.workspace-shell .markdown-preview pre { white-space: pre-wrap; }
.workspace-shell .markdown-preview a { color: var(--qz-accent); text-decoration: underline; text-underline-offset: 3px; }
.workspace-shell label:has(#ts-in), .workspace-shell label:has(#date-in) { display: block; }