.app-toolbar{--tb-ink:var(--sv-page-text,var(--site-text));--tb-ground:var(--sv-page-bg,var(--site-background));--tb-quiet:color-mix(in srgb, var(--tb-ink) 45%, var(--tb-ground));--tb-wash:color-mix(in srgb, var(--tb-ink) 12%, transparent);min-width:0;color:var(--tb-ink);flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.app-toolbar--horizontal{width:100%}@media (width>=1340px){.app-toolbar--horizontal{flex-wrap:nowrap}.app-toolbar--horizontal .app-toolbar-slider{width:clamp(44px,100vw - 1296px,132px)}}.app-toolbar--vertical{flex-flow:column;align-items:flex-start}.app-toolbar--vertical .app-toolbar-group{flex-direction:column}.app-toolbar [hidden]{display:none!important}.app-toolbar-group{align-items:center;gap:2px;display:inline-flex}.app-toolbar-spacer{flex:1 1 0}.app-toolbar-anchor{display:inline-flex;position:relative}.app-toolbar-set{display:inline-flex}.app-toolbar-flat{gap:2px;display:none}@media (width>=1480px){.app-toolbar--horizontal .app-toolbar-set--flat .app-toolbar-flat{display:inline-flex}.app-toolbar--horizontal .app-toolbar-set--flat .app-toolbar-anchor{display:none}}.app-toolbar-button{width:36px;height:36px;color:var(--tb-ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.app-toolbar-button svg{fill:currentColor;display:block}.app-toolbar-icon{transform:translate(-2px,-2px)}.app-toolbar-icon--centered{transform:none}.app-toolbar-key{opacity:.5;position:absolute;bottom:2px;right:2px}.app-toolbar-more{opacity:.5;position:absolute;top:2px;right:2px}.app-toolbar-button[aria-pressed=true],.app-toolbar-button[aria-expanded=true]{background:var(--tb-ink);color:var(--tb-ground)}.app-toolbar-button:disabled{color:var(--tb-quiet);cursor:default}@media (hover:hover){.app-toolbar-button:not([aria-pressed=true],[aria-expanded=true],:disabled):hover{background:var(--tb-wash)}}.app-toolbar-button:focus-visible,.app-toolbar-slider:focus-visible{outline:2px solid var(--tb-ink);outline-offset:1px}.app-toolbar-flyout{z-index:4;background:var(--tb-ground);outline:1px solid var(--tb-ink);gap:2px;padding:4px;display:flex;position:absolute}.app-toolbar--horizontal .app-toolbar-flyout{bottom:calc(100% + 6px);left:-4px}.app-toolbar--vertical .app-toolbar-flyout{top:-4px;left:calc(100% + 6px)}.app-toolbar-pad-face{cursor:crosshair;touch-action:none;display:block;position:relative}.app-toolbar-pad-face canvas{width:364px;height:auto;image-rendering:pixelated;display:block}.app-toolbar-pad-marker{width:14px;height:14px;box-shadow:inset 0 0 0 2px var(--tb-ground), 0 0 0 2px var(--tb-ink);pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.app-toolbar-menu{flex-direction:column;min-width:220px;padding:4px 0}.app-toolbar--horizontal .app-toolbar-anchor--end .app-toolbar-flyout{left:auto;right:-4px}.app-toolbar-menu-row{color:var(--tb-ink);font:inherit;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:16px;padding:3px 12px;display:flex}.app-toolbar-menu-row.is-current:before{content:"• "}.app-toolbar-menu-key{color:var(--tb-quiet)}@media (hover:hover){.app-toolbar-menu-row:hover{background:var(--tb-wash)}}.app-toolbar-slider-row{align-items:center;gap:6px;height:36px;display:inline-flex}.app-toolbar-icon--quiet{color:var(--tb-quiet);fill:currentColor;transform:none}.app-toolbar-slider{cursor:ew-resize;touch-action:none;width:132px;height:36px;display:block}.app-toolbar-track{background:var(--tb-wash);height:2px;display:block;position:relative;top:17px}.app-toolbar-fill{background:var(--tb-ink);height:2px;position:absolute;top:0;left:0}.app-toolbar-thumb{background:var(--tb-ink);width:6px;height:20px;margin-left:-3px;position:absolute;top:-9px}.app-toolbar-wells{gap:2px;display:inline-flex}.app-toolbar-swatch{width:22px;height:22px;display:block}.app-toolbar-swatch.is-faint{box-shadow:inset 0 0 0 2px var(--tb-quiet)}.app-toolbar-swatch-icon{fill:currentColor;display:block}.app-toolbar-swatch-ring{fill:var(--tb-ink);display:block}.app-toolbar-button.app-toolbar-well{width:30px}.app-toolbar-well[aria-pressed=true]{color:var(--tb-ink);box-shadow:inset 0 0 0 2px var(--tb-ink);background:0 0}.app-toolbar-colors{align-items:center;gap:8px;height:36px;padding-right:4px;display:inline-flex}.app-toolbar-palette{display:inline-flex}.app-toolbar-palette-swatch{width:10px;height:16px;display:block}.app-toolbar-palette-name{white-space:nowrap}.app-toolbar-step{width:30px}.app-toolbar-mode{box-shadow:inset 0 0 0 2px var(--tb-ink);margin:0 4px;display:inline-flex}.app-toolbar-mode-option{width:auto;height:28px;color:var(--tb-ink);font:inherit;white-space:nowrap;padding:0 12px}.app-toolbar-button--text{width:auto;height:28px;box-shadow:inset 0 0 0 2px var(--tb-ink);color:var(--tb-ink);font:inherit;white-space:nowrap;margin:0 4px;padding:0 12px}.app-toolbar-status{color:var(--tb-quiet);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-toolbar--horizontal{position:relative}.app-toolbar--horizontal .app-toolbar-group:has(>.app-toolbar-status){background:var(--tb-ground);max-width:100%;padding-left:10px;line-height:20px;position:absolute;bottom:calc(100% + 12px);right:0}.app-toolbar--horizontal .app-toolbar-group:has(>.app-toolbar-status:empty){display:none}.app-toolbar-status:empty{display:none}.app-toolbar-shelf{flex-wrap:wrap;gap:8px;width:max-content;max-width:min(560px,100vw - 48px);max-height:60vh;padding:8px;overflow-y:auto}.app-toolbar-shelf-cell{display:inline-flex;position:relative}.app-toolbar-shelf-item{width:120px;color:var(--tb-ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:4px;padding:4px;display:flex}.app-toolbar-shelf-item img,.app-toolbar-shelf-blank{object-fit:cover;outline:1px solid color-mix(in srgb, var(--tb-ink) 30%, transparent);width:112px;height:72px;display:block}.app-toolbar-shelf-item[aria-current=true]{box-shadow:inset 0 0 0 2px var(--tb-ink)}.app-toolbar-shelf-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-toolbar-shelf-delete{background:var(--tb-ground);width:20px;height:20px;color:var(--tb-ink);font:inherit;cursor:pointer;opacity:0;border:0;padding:0;line-height:1;position:absolute;top:6px;right:6px}.app-toolbar-shelf-cell:focus-within .app-toolbar-shelf-delete{opacity:1}@media (hover:hover){.app-toolbar-shelf-item:hover{background:var(--tb-wash)}.app-toolbar-shelf-cell:hover .app-toolbar-shelf-delete{opacity:1}}@media (hover:none){.app-toolbar-shelf-delete{opacity:1}}.app-toolbar-shelf-empty{color:var(--tb-quiet);margin:4px 8px}