.tool-workbench{color:var(--fg);grid-template-columns:minmax(270px,390px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.tool-workbench *{box-sizing:border-box}.tool-controls,.tool-preview,.tool-result{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);min-width:0;padding:24px}.tool-controls{flex-direction:column;gap:16px;display:flex}.tool-workbench label{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.tool-workbench :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border:1px solid var(--border-strong);background:var(--surface);width:100%;min-width:0;min-height:42px;color:var(--fg);font:inherit;border-radius:6px;padding:9px 11px;font-weight:400}.tool-workbench input[type=color]{height:42px;padding:4px!important}.tool-workbench input[type=range]{width:100%;accent-color:var(--primary)}.tool-workbench input[type=checkbox],.tool-workbench input[type=radio]{accent-color:var(--primary)}.tool-workbench textarea{resize:vertical;line-height:1.55}.tool-workbench :is(input,textarea,select,button):focus-visible{outline:2px solid var(--primary);outline-offset:3px}.tool-workbench :is(p,small){line-height:1.6}.tool-workbench small,.tool-note{color:var(--fg-muted);font-size:12px}.tool-workbench h2{margin-bottom:16px;font-size:20px}.tool-workbench h3{margin-bottom:10px;font-size:16px}.tool-preview{min-height:240px;overflow:auto}.tool-preview canvas,.tool-preview img{max-width:100%;height:auto}.tool-actions,.tool-inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tool-actions{margin:16px 0}.tool-actions button,.tool-workbench button:not(.btn){border:1px solid var(--border-strong);background:var(--surface);color:var(--fg);font:inherit;cursor:pointer;border-radius:6px;padding:9px 13px}.tool-workbench button:disabled{opacity:.5;cursor:not-allowed}.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.tool-error{color:var(--danger);background:var(--danger-light);border:1px solid var(--danger);overflow-wrap:anywhere;border-radius:6px;padding:12px}.tool-result{margin-bottom:16px}.tool-result strong{font-size:22px}.tool-workbench pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-2);border-radius:6px;max-width:100%;padding:16px}.tool-workbench table{border-collapse:collapse;width:100%;font-size:13px}.tool-workbench :is(th,td){border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:10px 8px}.tool-workbench th{color:var(--fg-muted);font-weight:600}.tool-table-scroll{max-height:480px;overflow:auto}.tool-check{align-items:center;flex-direction:row!important;font-weight:400!important}.tool-stat-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:16px 0;display:grid}.tool-stat-grid>div{background:var(--surface-2);border-radius:6px;padding:14px}.tool-stat-grid strong{font-size:22px;display:block}.tool-keypad{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.tool-preview iframe{border:1px solid var(--border);background:#fff;width:100%;min-height:680px;display:block}.tool-text-preview{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}@media (max-width:850px){.tool-workbench{grid-template-columns:1fr}.tool-controls,.tool-preview,.tool-result{padding:18px}.tool-preview iframe{min-height:520px}}@media (max-width:420px){.tool-grid{grid-template-columns:1fr}.tool-actions>*{flex:1}.tool-workbench :is(th,td){padding:8px 5px}}@media print{body>*{display:none!important}.tool-print-portal{color:#111;background:#fff;display:block!important}.tool-print-portal *{color:inherit}}