.mock-tool-container[data-v-001b51f8]{min-height:100vh;display:flex;flex-direction:column;background:#f9fafb}.tool-header[data-v-001b51f8]{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:100}.header-left[data-v-001b51f8]{display:flex;align-items:center;gap:16px}.header-right[data-v-001b51f8]{display:flex;align-items:center;gap:8px}.back-btn[data-v-001b51f8]{display:flex;align-items:center;gap:4px;color:#6b7280;text-decoration:none;font-size:14px;padding:6px 12px;border-radius:6px;transition:all .2s}.back-btn[data-v-001b51f8]:hover{background:#f3f4f6;color:#374151}.tool-title[data-v-001b51f8]{font-size:18px;font-weight:600;color:#111827;margin:0}.tool-main[data-v-001b51f8]{flex:1;display:flex;background:#e5e7eb;overflow:hidden}.placeholder-sidebar[data-v-001b51f8]{width:200px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;transition:width .2s ease;overflow:hidden}.placeholder-sidebar.collapsed[data-v-001b51f8]{width:40px}.sidebar-header[data-v-001b51f8]{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#f9fafb;border-bottom:1px solid #e5e7eb;cursor:pointer;user-select:none}.sidebar-header[data-v-001b51f8]:hover{background:#f3f4f6}.sidebar-title[data-v-001b51f8]{font-size:13px;font-weight:600;color:#374151;white-space:nowrap}.placeholder-sidebar.collapsed .sidebar-title[data-v-001b51f8]{display:none}.sidebar-toggle[data-v-001b51f8]{font-size:10px;color:#9ca3af}.sidebar-content[data-v-001b51f8]{flex:1;overflow-y:auto;padding:8px}.placeholder-category[data-v-001b51f8]{margin-bottom:12px}.category-title[data-v-001b51f8]{font-size:11px;font-weight:600;color:#9ca3af;margin-bottom:6px;padding:0 4px}.category-items[data-v-001b51f8]{display:flex;flex-wrap:wrap;gap:4px}.placeholder-item[data-v-001b51f8]{font-family:SF Mono,Consolas,monospace;font-size:11px;padding:3px 6px;background:#f3f4f6;border-radius:4px;color:#374151;cursor:pointer;transition:all .15s;white-space:nowrap}.placeholder-item[data-v-001b51f8]:hover{background:#2563eb;color:#fff}.config-panel[data-v-001b51f8],.output-panel[data-v-001b51f8]{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden}.panel-header[data-v-001b51f8]{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.panel-title[data-v-001b51f8]{font-size:14px;font-weight:600;color:#374151}.panel-actions[data-v-001b51f8]{display:flex;align-items:center;gap:8px}.quick-config[data-v-001b51f8]{display:flex;gap:24px;padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#fafafa}.config-row[data-v-001b51f8]{display:flex;align-items:center;gap:8px;font-size:13px;color:#374151}.template-editor[data-v-001b51f8]{flex:1;min-height:200px;display:flex}.template-input[data-v-001b51f8]{flex:1;padding:16px;border:none;outline:none;resize:none;font-family:SF Mono,Consolas,Monaco,monospace;font-size:13px;line-height:1.6;color:#374151;background:#fff}.template-input[data-v-001b51f8]::placeholder{color:#9ca3af}.output-content[data-v-001b51f8]{flex:1;overflow:auto;background:#fafafa}.json-output[data-v-001b51f8]{margin:0;padding:16px;font-family:SF Mono,Consolas,Monaco,monospace;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-all}.json-output[data-v-001b51f8] .json-key{color:#0550ae}.json-output[data-v-001b51f8] .json-string{color:#0a3069}.json-output[data-v-001b51f8] .json-number{color:#0550ae}.json-output[data-v-001b51f8] .json-boolean{color:#cf222e}.json-output[data-v-001b51f8] .json-null{color:#6e7781}@media (max-width: 1024px){.placeholder-sidebar[data-v-001b51f8]{display:none}.tool-main[data-v-001b51f8]{flex-direction:column}.config-panel[data-v-001b51f8],.output-panel[data-v-001b51f8]{min-height:400px}}