.theme-playground{display:flex;flex-direction:column;min-width:0}.theme-playground-toolbar{display:flex;align-items:center;gap:8px;padding:8px 32px 0;flex-wrap:wrap}.theme-playground-toggle{position:relative;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono, ui-monospace, monospace);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft, #45413a);background:transparent;border:1px solid var(--rule, color-mix(in srgb, var(--ink, #1a1713) 12%, transparent));border-radius:999px;padding:6px 12px;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.theme-playground-toggle:hover{background:color-mix(in srgb,var(--ink, #1a1713) 6%,transparent)}.theme-playground-toggle--open{background:var(--ink, #1a1713);color:var(--paper, #fbf7ef);border-color:var(--ink, #1a1713)}.theme-playground-active-pip{width:8px;height:8px;border-radius:50%;background:var(--accent, currentColor)}.theme-playground-reset{font-family:var(--font-mono, ui-monospace, monospace);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft, #45413a);background:transparent;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:6px 8px}.theme-playground-reset:hover{color:var(--ink, #1a1713)}.theme-playground-panel{margin:12px 32px 0;padding:16px;background:var(--paper, #fbf7ef);border:1px solid var(--rule, color-mix(in srgb, var(--ink, #1a1713) 12%, transparent));border-radius:14px}@media(max-width:640px){.theme-playground-toolbar,.theme-playground-panel{padding-left:16px;padding-right:16px;margin-left:0;margin-right:0}}