.tool-view { display: none; }
.tool-view.active { display: flex; flex-direction: column; min-height: 500px; overflow: hidden; }
.tool-toolbar { display: flex; flex-wrap: wrap; gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.tool-toolbar input, .tool-toolbar select { flex: 1; min-width: 150px; padding: 10px; }
.tool-toolbar button, .tool-toolbar a { padding: 10px 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--raised); color: var(--blue); font-size: 12px; font-weight: 700; text-decoration: none; }
.terminal-output { flex: 1; min-height: 250px; margin: 0; padding: 18px; background: #241f24; color: #e8e1d8; font: 13px/1.6 Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; overflow: auto; }
.tool-status { margin: 0; padding: 10px 16px; font-size: 12px; color: var(--muted); }
.preview-surface { flex: 1; min-height: 350px; display: flex; background: var(--raised); }
.preview-surface iframe { width: 100%; flex: 1; border: 0; background: white; }
.preview-surface [hidden] { display: none; }