*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system;background:var(--bg);color:var(--text)}:root{--bg: #f4f6fb;--card: #ffffff;--text: #1f2937;--border: #e5e7eb;--editor-bg: #f8fafc;--primary: #2563eb}html[data-theme=dark]{--bg: #0b1220;--card: #020617;--text: #e5e7eb;--border: #1e293b;--editor-bg: #020617;--primary: #3b82f6}.app-layout{display:flex;flex-direction:column;height:100vh}.app-body{flex:1;display:flex;min-height:0}.header{height:64px;flex-shrink:0;background:var(--card);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-weight:600}.sidebar{width:240px;background:#020617;color:#cbd5f5;padding:16px;flex-shrink:0}.sidebar button{width:100%;padding:10px 12px;margin-bottom:6px;border-radius:8px;background:transparent;border:none;color:inherit;cursor:pointer}.sidebar button.active,.sidebar button:hover{background:#1e293b;color:#fff}.content{flex:1;padding:24px;overflow:auto;min-width:0}.card{height:100%;display:flex;flex-direction:column;background:var(--card);border-radius:16px;padding:20px;box-shadow:0 10px 30px #00000014}.editors{flex:1;display:flex;gap:16px;min-height:0}.editor{flex:1;border-radius:14px;border:1px solid var(--border);padding:14px;overflow:auto;background:var(--editor-bg);font-family:ui-monospace,Menlo,monospace;font-size:13px;white-space:pre-wrap;color:var(--text)}.upload-box{border:2px dashed #c7d2fe;border-radius:14px;padding:24px;text-align:center;cursor:pointer;margin-bottom:16px;background:var(--editor-bg)}.actions{margin-top:16px;display:flex;gap:12px}.btn{padding:10px 16px;border-radius:10px;border:none;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:var(--border);color:var(--text)}@media(max-width:900px){.sidebar{display:none}.editors{flex-direction:column}}.api-bar{display:flex;gap:12px;margin-bottom:12px}.api-tabs{display:flex;gap:8px;margin-bottom:12px}.api-layout{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;min-height:0}.api-panel{display:flex;flex-direction:column;min-height:0}.api-panel h4{margin:0 0 8px;font-size:14px}.api-panel .editor{flex:1}@media(max-width:900px){.api-layout{grid-template-columns:1fr}}.api-meta{display:flex;gap:12px;font-size:12px;color:var(--muted);margin-bottom:8px}.api-meta span{background:var(--border);padding:4px 8px;border-radius:8px}.api-actions{display:flex;gap:8px;margin-bottom:8px}.api-response-full{position:fixed;inset:0;background:var(--bg);z-index:999;padding:24px;display:flex;flex-direction:column}.api-response-full .editor{flex:1}.api-collapse{cursor:pointer;font-size:12px;color:var(--primary);margin-bottom:8px}.api-status-success{background:#dcfce7;color:#166534}.api-status-warning{background:#fef9c3;color:#854d0e}.api-status-error{background:#fee2e2;color:#991b1b}.api-search{margin-bottom:8px}.api-loading{font-size:13px;color:var(--muted);padding:12px}