.public-playground-page[data-v-c0f11521]{--surface-50:var(--color-bg-base);--surface-100:#9696960a;background:var(--surface-50);height:calc(100vh - 64px);font-size:var(--ob-workbench-font-size);line-height:var(--ob-workbench-line-height);flex-direction:column;display:flex;overflow:hidden}.page-header[data-v-c0f11521]{background:var(--surface-100);border-bottom:1px solid var(--color-border);flex-shrink:0;padding:12px 20px}.header-content[data-v-c0f11521]{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.header-left[data-v-c0f11521]{flex:none;align-items:center;gap:12px;display:flex}.header-center[data-v-c0f11521]{flex:1;justify-content:center;align-items:center;display:flex}.header-right[data-v-c0f11521]{color:var(--color-text-tertiary);flex:none;align-items:center;gap:16px;font-size:13px;display:flex}.page-title[data-v-c0f11521]{color:var(--color-text-primary);margin:0;font-size:16px;font-weight:600}.readonly-notice-text[data-v-c0f11521]{color:var(--color-text-tertiary);font-size:13px}.error-container[data-v-c0f11521]{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.error-actions[data-v-c0f11521]{margin-top:20px}.playground-spin[data-v-c0f11521]{flex:1;min-height:0}.playground-spin[data-v-c0f11521] .n-spin-content{flex-direction:column;height:100%;display:flex}.playground-layout[data-v-c0f11521]{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.playground-content[data-v-c0f11521]{flex:1;min-height:0;overflow:hidden}.right-pane-container[data-v-c0f11521]{border-left:1px solid var(--color-border);background:var(--color-bg-base);flex-direction:column;height:100%;display:flex}@media (width<=768px){.header-content[data-v-c0f11521]{flex-wrap:wrap;gap:8px}.header-center[data-v-c0f11521]{flex-basis:100%;order:3;padding:8px 0 0}.readonly-alert[data-v-c0f11521]{max-width:100%}}.empty-placeholder[data-v-c0f11521]{margin:auto}.fork-fab[data-v-c0f11521]{z-index:100;position:fixed;top:72px;right:20px}