.playground-root{--inkio-scroll-offset:var(--nextra-navbar-height,64px);width:100%;padding:0 24px 48px;max-width:none;margin:0;min-height:100vh;color:var(--inkio-text);transition:background-color .2s,color .2s}.playground-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--inkio-surface-border);margin-bottom:24px;flex-wrap:wrap;gap:12px}.playground-header-left{display:flex;align-items:center;gap:10px}.playground-header-right{display:flex;align-items:center;gap:14px}.playground-title{font-size:20px;font-weight:700;margin:0;color:var(--inkio-text-heading)}.playground-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:2px 8px;border-radius:9999px;background:var(--inkio-primary-bg);color:var(--inkio-primary)}.playground-toggle-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--inkio-text-muted);cursor:pointer;user-select:none}.playground-toggle-input{accent-color:var(--inkio-primary)}.playground-main{display:flex;flex-direction:column;gap:24px}.playground-section{display:flex;flex-direction:column;gap:8px}.playground-section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--inkio-text-muted)}.playground-json{padding:16px;border-radius:var(--inkio-radius-lg);background:var(--inkio-surface-panel);border:1px solid var(--inkio-surface-border);box-shadow:var(--inkio-surface-shadow);backdrop-filter:blur(var(--inkio-surface-blur-panel));font-size:12px;line-height:1.5;overflow-x:auto;max-height:400px;overflow-y:auto;margin:0;color:var(--inkio-text)}.playground-loading{padding:40px;text-align:center;color:var(--inkio-text-muted);font-size:14px}.playground-mode-switch{display:flex;gap:2px;padding:2px;background:var(--inkio-surface-shell);border:1px solid var(--inkio-surface-border);border-radius:var(--inkio-radius-md);box-shadow:var(--inkio-surface-shadow);backdrop-filter:blur(var(--inkio-surface-blur-shell))}.playground-mode-btn{padding:4px 12px;font-size:12px;font-weight:600;border:none;border-radius:6px;cursor:pointer;background:transparent;color:var(--inkio-text-muted);transition:background .15s,color .15s}.playground-mode-btn:hover{color:var(--inkio-text)}.playground-mode-btn.is-active{background:var(--inkio-surface-field);color:var(--inkio-text);box-shadow:var(--inkio-surface-shadow);backdrop-filter:blur(var(--inkio-surface-blur-field))}.playground-mode-btn:focus-visible{outline:none;box-shadow:var(--inkio-ring)}.playground-mode-badge{margin-left:8px;font-size:10px;font-weight:500;padding:1px 6px;border-radius:4px;background:var(--inkio-surface-field);color:var(--inkio-text-muted);text-transform:none;letter-spacing:normal}