.workbench{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 20px #0f172a04}.workbench-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:17px 24px;display:flex}.workbench-head h2{margin:0;font-size:14px}.workbench-head>span{color:var(--muted);font-size:11px}.workbench-body{padding:26px}.field-grid{grid-template-columns:1fr 1fr;gap:20px 26px;display:grid}.field{flex-direction:column;gap:8px;min-width:0;font-size:12px;font-weight:600;display:flex}.field small,.field-note{color:var(--muted);font-size:11px;font-weight:400}.workbench input:not([type=checkbox]):not([type=radio]),.workbench select,.workbench textarea{color:var(--text);background:#fff;border:1px solid #cdd7e5;border-radius:8px;width:100%;min-width:0;max-width:100%;padding:11px 12px}.workbench textarea{resize:vertical;min-height:130px;font-size:14px;line-height:1.7}.workbench textarea.code-input{tab-size:2;white-space:pre;background:#fbfcfe;min-height:310px;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.field-wide{grid-column:1/-1}.choice-row{flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;display:flex}.choice-row label{align-items:center;gap:6px;display:flex}.choice-row input{accent-color:var(--brand);width:16px;height:16px}.control-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.control-actions .field-note{margin:0 0 0 auto}.control-actions .button{font-size:12px}.tool-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tool-toolbar .button{padding:7px 12px;font-size:11px}.tool-status{color:var(--muted);margin:18px 0 0;font-size:12px}.tool-status:empty{display:none}.result-panel{border-top:1px solid var(--border);background:#f9fbff;padding:26px}.result-panel h2{margin:0 0 16px;font-size:16px}.result-panel h3{font-size:13px}.result-date{letter-spacing:-1px;color:var(--brand);margin:8px 0 16px;font-size:38px;font-weight:700}.result-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.metric{border:1px solid var(--border);background:#fff;border-radius:9px;padding:15px}.metric dt{color:var(--muted);font-size:11px}.metric dd{overflow-wrap:anywhere;margin:4px 0 0;font-size:23px;font-weight:700}.metric small{font-size:11px;font-weight:400}.metric.selected{background:#f2f6ff;border-color:#8fb1fa}.table-scroll{border:1px solid var(--border);background:#fff;border-radius:8px;max-height:350px;margin-top:16px;overflow:auto}.data-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}.data-table th,.data-table td{border-bottom:1px solid var(--border);padding:11px 15px}.data-table th{color:var(--muted);background:#f1f5fa;font-weight:500;position:sticky;top:0}.data-table td:last-child{white-space:normal;min-width:180px}.data-table tr:last-child td{border-bottom:0}.success-box,.warning-box,.failure-box{overflow-wrap:anywhere;border-radius:8px;padding:14px 17px;font-size:13px}.success-box{background:var(--success-bg);color:var(--success)}.warning-box{background:var(--warning-bg);color:var(--warning)}.failure-box{background:var(--error-bg);color:var(--error)}.failure-box h3,.success-box h3{margin:0 0 5px}.failure-box p,.warning-box p{color:inherit;margin:8px 0 0;font-size:12px}.code-frame{color:var(--error);white-space:pre;background:#fff;border:1px solid #f0caca;border-radius:7px;padding:12px;font:12px/1.6 Consolas,monospace;overflow:auto}.workbench-foot{border-top:1px solid var(--border);color:#537561;background:var(--surface-alt);padding:13px 24px;font-size:11px}.source-note{color:var(--muted);margin-top:16px;font-size:11px;line-height:1.9}.source-note a,.content-section a.inline-link{color:var(--brand);text-decoration:underline}.diff-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:15px;display:grid}.diff-grid pre{border:1px solid var(--border);white-space:pre;background:#fff;border-radius:7px;max-height:260px;padding:12px;font:12px/1.7 Consolas,monospace;overflow:auto}.diff-grid mark{color:#b91c1c;background:#fee2e2}.repair-box{background:#fff;border:1px solid #dce3ee;border-radius:9px;margin-top:18px;padding:18px}.repair-box p{font-size:12px}.byte-limit-note{margin:16px 0;font-size:13px}.muted-list{color:var(--muted);padding-left:20px;font-size:12px}.related-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.related-grid a{border:1px solid var(--border);background:#fff;border-radius:9px;justify-content:space-between;gap:12px;padding:16px;font-size:12px;display:flex}.related-grid a:hover{color:var(--brand);border-color:#aebfe1}.data-details summary{cursor:pointer;font-size:12px;font-weight:600}.result-panel [data-copy-status]{color:var(--muted);font-size:11px}@media (width<=700px){.workbench-head{padding:15px}.workbench-body,.result-panel{padding:18px 15px}.field-grid{grid-template-columns:1fr;gap:17px}.workbench textarea.code-input{min-height:270px;font-size:12px}.workbench-foot{padding:12px 15px;font-size:10px}.result-date{font-size:29px}.result-metrics{gap:8px}.metric{padding:11px 9px}.metric dt{font-size:9px}.metric dd{font-size:18px}.metric small{font-size:9px}.diff-grid,.related-grid{grid-template-columns:1fr}.control-actions .field-note{width:100%;margin:0}.tool-toolbar{align-items:start}.data-table{font-size:11px}.data-table th,.data-table td{padding:10px}.workbench input:not([type=checkbox]):not([type=radio]),.workbench select,.workbench textarea{font-size:16px}.result-panel h2{font-size:15px}.workbench-head>span{font-size:9px}}@media (width<=360px){.home-hero h1{font-size:27px}.tool-grid{grid-template-columns:1fr}.metric dd{font-size:16px}}
