html[data-theme=light]{color-scheme:light}html[data-theme=dark]{color-scheme:dark}html .theme-toggle{display:inline-flex!important;align-items:center;justify-content:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid var(--hair,var(--line,var(--trust-line,#d8ddd5)));border-radius:50%;background:transparent;color:inherit;font-size:0;cursor:pointer}html .theme-toggle:before{display:none}html .theme-toggle span{display:none}html .theme-toggle:after{content:"";display:block;width:18px;height:18px;background:currentColor;-webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M20.9 13A9 9 0 0 1 11 3.1 9 9 0 1 0 20.9 13Z'/%3E%3C/svg%3E");mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M20.9 13A9 9 0 0 1 11 3.1 9 9 0 1 0 20.9 13Z'/%3E%3C/svg%3E")}html[data-theme=dark] .theme-toggle:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M2 12h2m16 0h2M5 5l1.5 1.5m11 11L19 19M5 19l1.5-1.5m11-11L19 5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2m0 16v2M2 12h2m16 0h2M5 5l1.5 1.5m11 11L19 19M5 19l1.5-1.5m11-11L19 5'/%3E%3C/svg%3E")}.theme-toggle:focus-visible,.header-menu-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}.header-panel{display:contents}.header-menu-toggle{display:none}.compact-header{flex-wrap:nowrap}.examples-header{height:64px;padding-block:0;gap:16px}.examples-header .theme-dock{flex-wrap:nowrap;width:auto;gap:10px}.examples-header .site-header-links{flex-wrap:nowrap;gap:16px}.topline .theme-dock{position:static;display:flex;align-items:center;gap:8px;border:0;box-shadow:none;background:transparent;padding:0}.topline .right>span{display:none}@media(max-width:1100px){.compact-header{position:sticky;top:0;height:58px;min-height:58px;padding:0 12px;gap:8px;align-items:center;flex-wrap:nowrap;z-index:100}.compact-header>a:first-child,.compact-header>div:first-child{flex-shrink:0}.compact-header .brand img,.compact-header .site-header-brand img,.compact-header .app-brand img{width:48px}.compact-header .nav-actions,.compact-header .studio-header-right,.compact-header .app-header-right{flex-wrap:nowrap;gap:6px;margin-left:auto}.compact-header .nav-create{padding:10px 8px;gap:4px;font-size:11px}.compact-header .studio-badge,.compact-header .header-sep,.compact-header .header-divider{display:none}.compact-header .header-panel{display:none;position:absolute;top:100%;right:12px;width:min(300px,calc(100vw - 24px));max-height:calc(100svh - 74px);overflow:auto;padding:18px;border:1px solid var(--hair,var(--line,var(--trust-line,#d8ddd5)));border-radius:8px;background:var(--home-bg,var(--paper,var(--trust-paper,#f7f6f1)));box-shadow:0 12px 28px #0002}.compact-header .header-panel.is-open{display:flex;flex-direction:column;gap:18px;align-items:stretch}.compact-header .header-panel nav,.compact-header .header-panel .nav-links{display:flex;flex-direction:column;align-items:stretch;gap:16px;font-size:14px}.compact-header .header-panel .palette-picker,.compact-header .header-panel .motion-control,.compact-header .header-panel .motion-replay{display:flex}.compact-header .header-panel .palette-menu{position:static;min-width:0;box-shadow:none}.compact-header .header-menu-toggle{display:inline-flex;flex:0 0 36px;width:36px;height:36px;align-items:center;justify-content:center;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;font-size:22px;cursor:pointer}.compact-header .header-panel+.theme-toggle{margin-left:auto}.compact-header .document-actions{gap:4px}.compact-header .document-actions button{min-width:0;padding:0 8px;font-size:11px}.compact-header.topline .right{display:flex;margin-left:auto;gap:6px!important}.compact-header.topline .theme-dock{gap:6px}.compact-header .studio-brand-group img{width:48px}}.topline .theme-dock{transform:none}html .app-header .theme-toggle{display:inline-flex!important}@media(max-width:1100px){.compact-header .header-panel .palette-picker{display:block}.compact-header .header-panel .palette-menu,.compact-header .header-panel .locale-menu,.compact-header .header-panel .user-dropdown-menu{position:static;width:100%;max-width:100%;margin-top:8px;box-shadow:none}}