.test-api-page{min-height:100vh;padding:24px;background:#f8fafc;color:#0f172a}.api-panel{max-width:960px;margin:0 auto 40px;padding:24px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 12px 30px #0f172a14}.api-panel h1{margin:0 0 18px;font-size:28px;font-weight:700}.api-controls{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;margin-bottom:16px}.api-panel select,.api-panel input,.api-panel textarea{width:100%;border:1px solid #cbd5e1;border-radius:8px;background:#fff;padding:10px 12px;font:inherit;color:#0f172a}.api-panel textarea{display:block;margin-top:16px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;resize:vertical}.api-panel textarea:disabled{background:#f1f5f9;color:#64748b}.api-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.api-actions p{margin:0;color:#475569}.api-actions button,.counter{border:2px solid transparent;border-radius:8px;padding:10px 16px;background:#e2e8f0;color:#0f172a;font-size:16px;font-weight:600;cursor:pointer;transition:border-color .2s,background-color .2s,transform .2s}.api-actions button:hover,.counter:hover{border-color:#2563eb}.api-actions button:focus-visible,.counter:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.api-actions button:disabled{cursor:not-allowed;opacity:.55}.api-actions .primary-action{background:#003580;color:#fff}#center{display:flex;flex-direction:column;gap:25px;place-content:center;place-items:center;flex-grow:1}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{inset-inline:0;margin:0 auto}.hero .base{width:170px;position:relative;z-index:0}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;top:34px;height:28px;transform:perspective(2000px) rotate(300deg) rotateX(44deg) rotateY(39deg) scale(1.4)}.hero .vite{z-index:0;top:107px;height:26px;width:auto;transform:perspective(2000px) rotate(300deg) rotateX(40deg) rotateY(39deg) scale(.8)}.counter{margin-bottom:24px}@media(max-width:640px){.test-api-page{padding:16px}.api-panel{padding:18px}.api-controls{grid-template-columns:1fr}#center{padding:32px 20px 24px;gap:18px}}