.api-explorer{display:flex;align-items:flex-start;justify-content:center;align-self:center;width:100%;max-width:1200px;border-radius:1.5px}.api-explorer-shader-container{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;gap:20px;align-items:center;justify-content:center;height:640px;padding:40px;overflow:hidden}.api-explorer-shader-background{position:absolute;inset:0;pointer-events:none}.api-explorer-shader-background>*{width:100%;height:100%}.api-explorer-toggle{position:relative;display:flex;gap:6px;align-items:center;padding:6px;border-radius:2px;backdrop-filter:blur(10px)}.api-explorer-ide-wrapper{position:relative;display:flex;flex-direction:column;min-height:0;width:100%;max-width:720px}.api-explorer-ide{width:100%;height:100%;min-height:0}.api-explorer-natural-placeholder{display:flex;flex:1;align-items:center;justify-content:center;padding:20px;background:var(--color-ice-100);border-radius:2px}.api-explorer-natural-placeholder p{font-size:15px;color:var(--color-charcoal)}@media (max-width:1024px){.api-explorer{flex-direction:column;align-items:stretch}.api-explorer-shader-container{width:100%;height:auto;min-height:400px;padding:24px}.api-explorer-ide-wrapper{min-height:320px}}