.tlf-playground-frame .tlpg-editor-toolbar-stage{position:relative;width:100%;height:100%;min-height:inherit;overflow:hidden;background:#f2f2f2;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.tlf-playground-frame .tlpg-editor-toolbar-stage--compact .tlpg-editor-toolbar{pointer-events:none}.tlf-playground-frame .tlpg-editor-toolbar-stage button{-webkit-tap-highlight-color:transparent}.tlf-playground-frame .tlpg-editor-toolbar{position:absolute;z-index:2;top:50%;left:50%;display:flex;align-items:center;gap:12px;width:451px;height:54px;padding:5px;border-radius:14px;background:#141414;box-shadow:0 1px 2px #0000001a;transform:translate(-50%,-50%) scale(var(--tlpg-editor-toolbar-scale, 1));transform-origin:center;box-sizing:border-box}.tlf-playground-frame .tlpg-editor-toolbar__history{display:flex;flex:0 0 88px;width:88px;height:44px;overflow:hidden;border-radius:10px;background:#1f1f1f}.tlf-playground-frame .tlpg-editor-toolbar__divider{flex:0 0 1px;width:1px;height:28px;background:#626262}.tlf-playground-frame .tlpg-editor-toolbar__history-button,.tlf-playground-frame .tlpg-editor-toolbar__tool{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;-webkit-user-select:none;user-select:none}.tlf-playground-frame .tlpg-editor-toolbar__history-button{display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;color:#aaa;background:transparent;transition:background-color .16s ease,color .16s ease}.tlf-playground-frame .tlpg-editor-toolbar__history-glyph{position:relative;display:grid;place-items:center;width:100%;height:100%;pointer-events:none}.tlf-playground-frame .tlpg-editor-toolbar__history-glyph svg{width:21px;height:21px}.tlf-playground-frame .tlpg-editor-toolbar__history-button:not(:disabled):hover{color:#e4e4e4;background:#2b2b2b}.tlf-playground-frame .tlpg-editor-toolbar__history-button:not(:disabled):active{color:#fff;background:#353535}.tlf-playground-frame .tlpg-editor-toolbar__history-button:disabled{cursor:default;color:#747474}.tlf-playground-frame .tlpg-editor-toolbar__ink-trace{position:absolute;top:50%;left:50%;width:21px;height:21px;color:#d2d0c9;opacity:0;pointer-events:none;transform:translate(-50%,-50%)}.tlf-playground-frame .tlpg-editor-toolbar__tools{display:flex;flex:0 0 272px;gap:8px;width:272px;height:44px}.tlf-playground-frame .tlpg-editor-toolbar__split-group{position:relative;display:flex;flex:0 0 68px;width:68px;height:44px;border-radius:10px;background:#1d1d1d;box-shadow:inset 0 0 0 1px #252525}.tlf-playground-frame .tlpg-editor-toolbar__split-group[data-open=true]{z-index:5}.tlf-playground-frame .tlpg-editor-toolbar__split-trigger{display:grid;flex:0 0 24px;place-items:center;width:24px;height:44px;padding:0;border:0;border-radius:0 10px 10px 0;color:#8e8e8e;background:transparent;cursor:pointer;transition:color .16s ease,background-color .16s ease}.tlf-playground-frame .tlpg-editor-toolbar__split-trigger svg{width:12px;height:12px;transition:transform .16s cubic-bezier(.22,1,.36,1)}.tlf-playground-frame .tlpg-editor-toolbar__split-trigger:hover,.tlf-playground-frame .tlpg-editor-toolbar__split-trigger[data-preview-hover=true],.tlf-playground-frame .tlpg-editor-toolbar__split-trigger[data-open=true]{color:#eee;background:#303030}.tlf-playground-frame .tlpg-editor-toolbar__split-trigger[data-open=true] svg{transform:rotate(180deg)}.tlf-playground-frame .tlpg-editor-toolbar__tool{position:relative;display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;overflow:hidden;border:1px solid #252525;border-radius:10px;color:#bdbdbd;background:#1d1d1d;font-family:inherit;font-size:24px;line-height:1;box-sizing:border-box;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.tlf-playground-frame .tlpg-editor-toolbar__tool--split{border-color:transparent;background:transparent}.tlf-playground-frame .tlpg-editor-toolbar__tool--split:hover:not(.is-selected){border-color:#3a3a3a}.tlf-playground-frame .tlpg-editor-toolbar__tool:hover:not(.is-selected):not(.tlpg-editor-toolbar__tool--more[data-open=true]),.tlf-playground-frame .tlpg-editor-toolbar__tool[data-preview-hover=true]:not(.is-selected){color:#ececec;border-color:#3a3a3a;background:#272727}.tlf-playground-frame .tlpg-editor-toolbar__tool:active{background:#303030}.tlf-playground-frame .tlpg-editor-toolbar__glyph{position:relative;z-index:2;display:grid;place-items:center;width:100%;height:100%;pointer-events:none}.tlf-playground-frame .tlpg-editor-toolbar__glyph-swap{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.tlf-playground-frame .tlpg-editor-toolbar__tool svg{width:22px;height:22px}.tlf-playground-frame .tlpg-editor-toolbar__more-wrap{position:relative;z-index:3;flex:0 0 44px;width:44px;height:44px}.tlf-playground-frame .tlpg-editor-toolbar__tool--more{color:#d1d1d1}.tlf-playground-frame .tlpg-editor-toolbar__tool--more svg{width:21px;height:21px}.tlf-playground-frame .tlpg-editor-toolbar__tool--more[data-open=true]{color:#f2f2f2;border-color:#3a3a3a;background:#303030}.tlf-playground-frame .tlpg-editor-toolbar__tool--more[data-flash=true]{color:#f2f2f2;border-color:#454545;background:#353535}.tlf-playground-frame .tlpg-editor-toolbar__menu-placement{position:absolute;top:100%;right:-5px;width:180px;padding-top:8px;opacity:0;pointer-events:none;transition:opacity .1s ease-out}.tlf-playground-frame .tlpg-editor-toolbar__split-group .tlpg-editor-toolbar__menu-placement{right:0;width:160px}.tlf-playground-frame .tlpg-editor-toolbar__split-group--frame .tlpg-editor-toolbar__menu-placement{width:172px}.tlf-playground-frame .tlpg-editor-toolbar__split-group--pen .tlpg-editor-toolbar__menu-placement{right:auto;left:0}.tlf-playground-frame .tlpg-editor-toolbar__menu-placement[data-open=true]{opacity:1;pointer-events:auto;transition-duration:.16s}.tlf-playground-frame .tlpg-editor-toolbar__menu{display:flex;flex-direction:column;gap:0;padding:6px 7px 7px;border-radius:11px;background:#202020;box-shadow:0 14px 30px #00000030;transform:translateY(-4px) scale(.985);transform-origin:top right;transition:transform .13s cubic-bezier(.22,1,.36,1)}.tlf-playground-frame .tlpg-editor-toolbar__menu-placement[data-open=true] .tlpg-editor-toolbar__menu{transform:translateY(0) scale(1);transition-duration:.19s}.tlf-playground-frame .tlpg-editor-toolbar__menu-item{display:flex;flex:0 0 29px;align-items:center;gap:10px;width:100%;height:29px;padding:0 12px;border:0;border-radius:4px;color:#f3f3f3;background:transparent;font-family:inherit;font-size:14px;line-height:1;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.tlf-playground-frame .tlpg-editor-toolbar__menu-item svg{flex:0 0 16px;width:16px;height:16px}.tlf-playground-frame .tlpg-editor-toolbar__menu-item:is(:hover,:focus-visible),.tlf-playground-frame .tlpg-editor-toolbar__menu-item[data-preview-hover=true]{color:#fff;background:#303030}.tlf-playground-frame .tlpg-editor-toolbar__menu-item:focus-visible{outline:1px solid #fff;outline-offset:-2px}.tlf-playground-frame .tlpg-editor-toolbar__tooltip-placement{position:absolute;z-index:8;pointer-events:none;translate:-50% -100%}.tlf-playground-frame .tlpg-editor-toolbar__tooltip{display:flex;align-items:center;min-height:28px;padding:5px 11px;border-radius:999px;color:#f0f0f0;background:#111115;box-shadow:0 5px 14px #00000024;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:400;line-height:1;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none}.tlf-playground-frame .tlpg-editor-toolbar__face{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;border-radius:9px;opacity:0;pointer-events:none}.tlf-playground-frame .tlpg-editor-toolbar-stage--quiet .tlpg-editor-toolbar__face{background:#c8c7c1;transition:opacity .15s ease}.tlf-playground-frame .tlpg-editor-toolbar-stage--quiet .tlpg-editor-toolbar__tool.is-selected{color:#191919;border-color:#c8c7c1}.tlf-playground-frame .tlpg-editor-toolbar-stage--quiet .tlpg-editor-toolbar__tool.is-selected .tlpg-editor-toolbar__face{opacity:1}.tlf-playground-frame .tlpg-editor-toolbar__history-button:focus-visible,.tlf-playground-frame .tlpg-editor-toolbar__tool:focus-visible,.tlf-playground-frame .tlpg-editor-toolbar__split-trigger:focus-visible{outline:2px solid #ffe900;outline-offset:2px}.tlf-playground-frame .tlpg-editor-toolbar__sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tlf-playground-frame .tlpg-editor-toolbar-stage--mobile .tlpg-editor-toolbar__split-group--cursor .tlpg-editor-toolbar__menu-placement,.tlf-playground-frame .tlpg-editor-toolbar-stage--mobile .tlpg-editor-toolbar__split-group--frame .tlpg-editor-toolbar__menu-placement{top:auto;bottom:100%;padding-top:0;padding-bottom:8px}.tlf-playground-frame .tlpg-editor-toolbar-stage--mobile .tlpg-editor-toolbar__split-group--cursor .tlpg-editor-toolbar__menu,.tlf-playground-frame .tlpg-editor-toolbar-stage--mobile .tlpg-editor-toolbar__split-group--frame .tlpg-editor-toolbar__menu{transform:translateY(4px) scale(.985);transform-origin:bottom right}.tlf-playground-frame .tlpg-editor-toolbar-stage--mobile .tlpg-editor-toolbar__split-group--cursor .tlpg-editor-toolbar__menu-placement[data-open=true] .tlpg-editor-toolbar__menu,.tlf-playground-frame .tlpg-editor-toolbar-stage--mobile .tlpg-editor-toolbar__split-group--frame .tlpg-editor-toolbar__menu-placement[data-open=true] .tlpg-editor-toolbar__menu{transform:translateY(0) scale(1)}@media(prefers-reduced-motion:reduce){.tlf-playground-frame .tlpg-editor-toolbar-stage *,.tlf-playground-frame .tlpg-editor-toolbar-stage *:before,.tlf-playground-frame .tlpg-editor-toolbar-stage *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.tlf-playground-frame .tlpg-editor-toolbar__ink-trace{opacity:0!important}.tlf-playground-frame .tlpg-editor-toolbar-stage .tlpg-editor-toolbar__history-button[data-pressed=true]{color:#eee;background:#303030}}.tlf-playground-frame .tlpg-editor-toolbar-stage[data-reduced=true] *,.tlf-playground-frame .tlpg-editor-toolbar-stage[data-reduced=true] *:before,.tlf-playground-frame .tlpg-editor-toolbar-stage[data-reduced=true] *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.tlf-playground-frame .tlpg-editor-toolbar-stage[data-reduced=true] .tlpg-editor-toolbar__ink-trace{opacity:0!important}.tlf-playground-frame .tlpg-editor-toolbar-stage[data-reduced=true] .tlpg-editor-toolbar__history-button[data-pressed=true]{color:#eee;background:#303030}.tlf-playground-frame .tlpg-editor-toolbar__preview-pointer{position:absolute;z-index:5;top:-2px;left:-2px;width:21px;height:25px;pointer-events:none}.tlf-playground-frame .tlpg-editor-toolbar__preview-pointer svg{display:block;width:100%;height:100%;transform-origin:2px 2px}.tlf-playground-frame .tlpg-editor-toolbar__split-trigger[data-preview-pressed=true]{transform:translateY(1px)}