#apigridviewer-app{display:flex;flex-direction:column;gap:20px;padding:20px;border-radius:10px;background-color:#f9f9f9;box-shadow:0px 4px 20px rgba(0,0,0,0.15);max-height:100vh;font-family:'Arial',sans-serif}.url-input{display:flex;gap:10px;width:100%;margin-top:20px}.full-width{width:100%}.auth-section,#params{display:flex;gap:10px;align-items:center}#params .param{display:flex;gap:5px;align-items:center}#response{margin-top:20px;height:auto;max-height:70vh;overflow-y:auto}.mac-style{padding:10px;border-radius:8px;box-shadow:0px 2px 5px rgba(0,0,0,0.1)}.mac-input{padding:12px 16px;border:2px solid #007bff;border-radius:10px;font-size:15px;width:100%;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.mac-input:focus{outline:none;border-color:#0056b3;box-shadow:0 0 6px rgba(0,123,255,0.5)}.mac-button{padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color 0.3s}.mac-button:hover{background-color:#0056b3}@media (max-width:768px){#apigridviewer-app{padding:10px}.mac-input,.mac-button{width:100%}.url-input{flex-direction:column}#send-request{width:100%}#search-bar{width:100%}}
.api-grid-about-card{background:#fff;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.15);padding:30px;margin:0 auto;max-width:700px;text-align:left;font-family:'Arial',sans-serif}.api-grid-about-card h2{font-size:26px;margin-bottom:15px;color:#333}.api-grid-about-card p{font-size:18px;margin-bottom:12px;color:#555}.api-grid-about-card a{color:#0056b3;text-decoration:none;font-weight:bold}.api-grid-about-card a:hover{text-decoration:underline;color:#0073aa}
#wpwrap{background-color:#f9f9f9;background-image:radial-gradient(circle,#ccc 1px,transparent 1px);background-size:20px 20px;background-position:center;}