:root{color-scheme:light dark;--color-white: #ffffff;--color-black: #000000;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--gray-950: #020617;--accent-50: #eff6ff;--accent-100: #dbeafe;--accent-200: #bfdbfe;--accent-300: #93c5fd;--accent-400: #60a5fa;--accent-500: #3b82f6;--accent-600: #2563eb;--accent-700: #1d4ed8;--success-500: #22c55e;--success-600: #16a34a;--warning-500: #f59e0b;--warning-600: #d97706;--danger-500: #ef4444;--danger-400: #f87171;--danger-600: #dc2626;--bg-app: var(--gray-100);--bg-surface: var(--color-white);--bg-surface-raised: var(--gray-50);--bg-surface-sunken: var(--gray-100);--bg-control: var(--color-white);--bg-control-hover: var(--gray-50);--bg-accent: var(--accent-500);--bg-accent-hover: var(--accent-600);--bg-danger: var(--danger-500);--bg-danger-hover: var(--danger-600);--text-primary: var(--gray-900);--text-secondary: var(--gray-600);--text-muted: var(--gray-500);--text-on-accent: var(--color-white);--text-accent: var(--accent-600);--text-danger: var(--danger-600);--text-success: var(--success-600);--border-default: var(--gray-200);--border-strong: var(--gray-300);--border-accent: var(--accent-500);--border-danger: var(--danger-500);--shadow-sm: 0 1px 2px rgb(0 0 0 / .04);--shadow-md: 0 1px 3px rgb(0 0 0 / .06), 0 1px 2px rgb(0 0 0 / .04);--shadow-lg: 0 4px 6px rgb(0 0 0 / .05), 0 2px 4px rgb(0 0 0 / .03);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 4px;--radius-md: 4px;--radius-lg: 4px;--font-family: "Inter var experimental", "Inter var", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-tight: 1.25;--line-height-normal: 1.5;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-app: var(--gray-950);--bg-surface: var(--gray-900);--bg-surface-raised: var(--gray-800);--bg-surface-sunken: var(--gray-950);--bg-control: var(--gray-800);--bg-control-hover: var(--gray-700);--bg-accent: var(--accent-500);--bg-accent-hover: var(--accent-400);--bg-danger: var(--danger-500);--bg-danger-hover: var(--danger-400);--text-primary: var(--gray-50);--text-secondary: var(--gray-300);--text-muted: var(--gray-400);--text-on-accent: var(--color-white);--text-accent: var(--accent-400);--text-danger: var(--danger-400);--text-success: var(--success-500);--border-default: var(--gray-700);--border-strong: var(--gray-600);--border-accent: var(--accent-500);--border-danger: var(--danger-500);--shadow-sm: 0 1px 2px rgb(0 0 0 / .2);--shadow-md: 0 1px 3px rgb(0 0 0 / .3), 0 1px 2px rgb(0 0 0 / .2);--shadow-lg: 0 4px 6px rgb(0 0 0 / .3), 0 2px 4px rgb(0 0 0 / .2)}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg-app: var(--gray-950);--bg-surface: var(--gray-900);--bg-surface-raised: var(--gray-800);--bg-surface-sunken: var(--gray-950);--bg-control: var(--gray-800);--bg-control-hover: var(--gray-700);--bg-accent: var(--accent-500);--bg-accent-hover: var(--accent-400);--bg-danger: var(--danger-500);--bg-danger-hover: var(--danger-400);--text-primary: var(--gray-50);--text-secondary: var(--gray-300);--text-muted: var(--gray-400);--text-on-accent: var(--color-white);--text-accent: var(--accent-400);--text-danger: var(--danger-400);--text-success: var(--success-500);--border-default: var(--gray-700);--border-strong: var(--gray-600);--border-accent: var(--accent-500);--border-danger: var(--danger-500);--shadow-sm: 0 1px 2px rgb(0 0 0 / .2);--shadow-md: 0 1px 3px rgb(0 0 0 / .3), 0 1px 2px rgb(0 0 0 / .2);--shadow-lg: 0 4px 6px rgb(0 0 0 / .3), 0 2px 4px rgb(0 0 0 / .2)}*{box-sizing:border-box}html,body,#app{height:100%;margin:0;overflow:hidden;font-family:var(--font-family)}body{background:var(--bg-app);color:var(--text-primary)}.playground-app{height:100%;display:flex;flex-direction:column}.playground-topbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);background:var(--bg-surface)}.playground-topbar .playground-action{margin-inline-start:auto}.playground-title{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.playground-subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.playground-label{display:flex;align-items:center;gap:var(--space-2);margin-inline-start:auto;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.playground-select{border:1px solid var(--border-default);background:var(--bg-control);height:34px;padding:0 var(--space-2);font-size:var(--font-size-sm);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast)}.playground-select:hover{border-color:var(--border-strong)}.playground-select:focus{outline:none;border-color:var(--border-accent)}.playground-action{border:1px solid var(--border-accent);background:var(--bg-accent);color:var(--text-on-accent);height:34px;padding:0 var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.playground-action:hover{background:var(--bg-accent-hover);border-color:var(--bg-accent-hover)}.playground-action:disabled{opacity:.5;cursor:not-allowed}.playground-columns{flex:1 1 0;min-height:0;display:flex;gap:var(--space-3);overflow:hidden}.playground-column{flex:1 1 0;min-width:0;display:flex;flex-direction:column;height:100%}.playground-column [data-instance-id]{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column}.playground-instance-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--border-default);background:var(--bg-surface-raised)}.playground-instance-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-inline-end:auto}.playground-instance-bar .playground-label{margin-inline-start:0}.playground-instance-close{border:1px solid var(--border-default);background:var(--bg-control);height:34px;padding:0 var(--space-2);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.playground-instance-close:hover{background:var(--bg-control-hover);border-color:var(--border-strong)}.playground-column>papyrium-chrome,.playground-column [data-instance-id]>papyrium-chrome{flex:1 1 0;min-width:0;min-height:0;height:auto}.playground-empty{flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;border:2px dashed var(--border-default);border-radius:var(--radius-lg);background:var(--bg-surface);color:var(--text-muted);margin:var(--space-4)}.playground-loading{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);color:var(--text-muted)}.playground-loading p{margin:0;font-size:var(--font-size-sm)}.playground-error{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);background:color-mix(in srgb,var(--danger-500) 8%,transparent);border-radius:var(--radius-md);margin:var(--space-4)}.playground-error p{margin:0;font-size:var(--font-size-sm);color:var(--text-danger)}.playground-file{display:none}.api-playground,.api-playground-columns{flex:1 1 0;min-height:0;height:100%;display:flex;gap:var(--space-4);padding:var(--space-4);overflow:auto}.api-panel{flex:1 1 0;min-width:0;min-height:0;height:100%;display:flex;gap:var(--space-4);align-items:stretch}.api-viewer{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;border-radius:var(--radius-sm);border:1px solid var(--border-default);background:var(--bg-surface);box-shadow:var(--shadow-md);overflow:visible}.api-viewer-bar{display:flex;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default);background:var(--bg-surface-raised)}.api-viewer-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.api-viewer-loading,.api-viewer-error{padding:var(--space-4);font-size:var(--font-size-sm);color:var(--text-muted)}.api-viewer-content{flex:1 1 0;min-width:0;min-height:0;display:flex;overflow:hidden}.api-viewer-pane{flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column}.api-viewer-pane>[data-instance-id]{flex:1 1 0;min-width:0;min-height:0;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.api-viewer-pane [data-instance-id]>papyrium-chrome{flex:1 1 0;min-width:0;min-height:0;display:block;width:100%;height:100%}.api-viewer>papyrium-chrome{flex:1 1 0;min-width:0;min-height:0;height:auto}.api-viewer-container{flex:1 1 0;min-width:0;min-height:0}.api-viewer-container--hidden{display:none!important}.api-file-input{display:none}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.framework-content[data-astro-cid-ouamjn2i]{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.framework-nav[data-astro-cid-ouamjn2i]{display:flex;align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border-default);padding:var(--space-2) var(--space-4) 0}.framework-nav-inner[data-astro-cid-ouamjn2i]{display:flex;align-items:center;gap:var(--space-1);width:100%}.papyrium-logo[data-astro-cid-ouamjn2i]{height:16px;width:auto;margin-right:var(--space-2);color:var(--text-primary)}.nav-link[data-astro-cid-ouamjn2i]{position:relative;display:flex;align-items:center;padding:var(--space-2) var(--space-4);color:var(--text-muted);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-md) var(--radius-md) 0 0;transition:color var(--transition-fast),background var(--transition-fast)}.nav-link-end[data-astro-cid-ouamjn2i]{margin-left:auto}.nav-link[data-astro-cid-ouamjn2i]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;transition:background var(--transition-fast)}.nav-link[data-astro-cid-ouamjn2i]:hover{color:var(--text-primary);background:var(--bg-surface-raised)}.nav-link[data-astro-cid-ouamjn2i].active{color:var(--text-accent);background:var(--bg-surface-raised)}.nav-link[data-astro-cid-ouamjn2i].active:after{background:var(--bg-accent)}.theme-toggle[data-astro-cid-ouamjn2i]{margin-left:var(--space-2);margin-bottom:var(--space-1);height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0!important;border-radius:0;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;box-shadow:none!important;background:transparent!important;color:var(--text-accent);cursor:pointer;transition:color var(--transition-fast)}.theme-toggle[data-astro-cid-ouamjn2i] svg{width:16px;height:16px;display:block}.theme-toggle[data-astro-cid-ouamjn2i]:hover{color:var(--text-primary);background:transparent!important}.theme-toggle[data-astro-cid-ouamjn2i]:focus-visible{outline:none;box-shadow:none!important}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}