.pane>.source-label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-block:.2rem}.source-font-controls{display:flex;flex-shrink:0;gap:.125rem}.source-font-controls button,.source-clear{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.25rem;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fg);font:inherit;letter-spacing:normal;cursor:pointer}.source-clear{margin-left:auto}.source-font-controls button:not(:disabled):hover,.source-clear:hover{border-color:var(--border);background:var(--panel-bg)}.source-font-controls button:focus-visible,.source-clear:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.source-font-controls button:disabled{opacity:.4;cursor:not-allowed}.source-font-controls .reset-icon,.source-clear .clear-icon{width:1rem;height:1rem;background-color:currentColor}.source-font-controls .reset-icon{-webkit-mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23000000'%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2016c1.671%200%203-1.331%203-3s-1.329-3-3-3-3%201.331-3%203%201.329%203%203%203z'/%3e%3cpath%20d='M20.817%2011.186a8.94%208.94%200%200%200-1.355-3.219%209.053%209.053%200%200%200-2.43-2.43%208.95%208.95%200%200%200-3.219-1.355%209.028%209.028%200%200%200-1.838-.18V2L8%205l3.975%203V6.002c.484-.002.968.044%201.435.14a6.961%206.961%200%200%201%202.502%201.053%207.005%207.005%200%200%201%201.892%201.892A6.967%206.967%200%200%201%2019%2013a7.032%207.032%200%200%201-.55%202.725%207.11%207.11%200%200%201-.644%201.188%207.2%207.2%200%200%201-.858%201.039%207.028%207.028%200%200%201-3.536%201.907%207.13%207.13%200%200%201-2.822%200%206.961%206.961%200%200%201-2.503-1.054%207.002%207.002%200%200%201-1.89-1.89A6.996%206.996%200%200%201%205%2013H3a9.02%209.02%200%200%200%201.539%205.034%209.096%209.096%200%200%200%202.428%202.428A8.95%208.95%200%200%200%2012%2022a9.09%209.09%200%200%200%201.814-.183%209.014%209.014%200%200%200%203.218-1.355%208.886%208.886%200%200%200%201.331-1.099%209.228%209.228%200%200%200%201.1-1.332A8.952%208.952%200%200%200%2021%2013a9.09%209.09%200%200%200-.183-1.814z'/%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23000000'%20width='800px'%20height='800px'%20viewBox='0%200%2024%2024'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M12%2016c1.671%200%203-1.331%203-3s-1.329-3-3-3-3%201.331-3%203%201.329%203%203%203z'/%3e%3cpath%20d='M20.817%2011.186a8.94%208.94%200%200%200-1.355-3.219%209.053%209.053%200%200%200-2.43-2.43%208.95%208.95%200%200%200-3.219-1.355%209.028%209.028%200%200%200-1.838-.18V2L8%205l3.975%203V6.002c.484-.002.968.044%201.435.14a6.961%206.961%200%200%201%202.502%201.053%207.005%207.005%200%200%201%201.892%201.892A6.967%206.967%200%200%201%2019%2013a7.032%207.032%200%200%201-.55%202.725%207.11%207.11%200%200%201-.644%201.188%207.2%207.2%200%200%201-.858%201.039%207.028%207.028%200%200%201-3.536%201.907%207.13%207.13%200%200%201-2.822%200%206.961%206.961%200%200%201-2.503-1.054%207.002%207.002%200%200%201-1.89-1.89A6.996%206.996%200%200%201%205%2013H3a9.02%209.02%200%200%200%201.539%205.034%209.096%209.096%200%200%200%202.428%202.428A8.95%208.95%200%200%200%2012%2022a9.09%209.09%200%200%200%201.814-.183%209.014%209.014%200%200%200%203.218-1.355%208.886%208.886%200%200%200%201.331-1.099%209.228%209.228%200%200%200%201.1-1.332A8.952%208.952%200%200%200%2021%2013a9.09%209.09%200%200%200-.183-1.814z'/%3e%3c/svg%3e") center / contain no-repeat}.source-clear .clear-icon{-webkit-mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23000000'%20width='800px'%20height='800px'%20viewBox='0%200%20200%20200'%20data-name='Layer%201'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle/%3e%3cpath%20d='M170,47.5H30a10,10,0,0,0,0,20h5.5l9,88a29.91,29.91,0,0,0,30,27h51c15.5,0,28-11.5,30-27l9-88H170a10,10,0,0,0,0-20Zm-34.5,106a10.23,10.23,0,0,1-10,9h-51a10.23,10.23,0,0,1-10-9l-9-86h89l-9,86Zm-50.5-6a10,10,0,0,0,10-10V90a10,10,0,0,0-20,0v47.5A10,10,0,0,0,85,147.5Zm30,0a10,10,0,0,0,10-10V90a10,10,0,0,0-20,0v47.5A10,10,0,0,0,115,147.5ZM85,37.5h27.5a10,10,0,0,0,0-20H85a10,10,0,0,0,0,20Z'/%3e%3c/svg%3e") center / contain no-repeat;mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23000000'%20width='800px'%20height='800px'%20viewBox='0%200%20200%20200'%20data-name='Layer%201'%20id='Layer_1'%20xmlns='http://www.w3.org/2000/svg'%3e%3ctitle/%3e%3cpath%20d='M170,47.5H30a10,10,0,0,0,0,20h5.5l9,88a29.91,29.91,0,0,0,30,27h51c15.5,0,28-11.5,30-27l9-88H170a10,10,0,0,0,0-20Zm-34.5,106a10.23,10.23,0,0,1-10,9h-51a10.23,10.23,0,0,1-10-9l-9-86h89l-9,86Zm-50.5-6a10,10,0,0,0,10-10V90a10,10,0,0,0-20,0v47.5A10,10,0,0,0,85,147.5Zm30,0a10,10,0,0,0,10-10V90a10,10,0,0,0-20,0v47.5A10,10,0,0,0,115,147.5ZM85,37.5h27.5a10,10,0,0,0,0-20H85a10,10,0,0,0,0,20Z'/%3e%3c/svg%3e") center / contain no-repeat}/*!
 * Adapted from SVG Navigator's HUD styles (src/js/hud/styles.ts).
 * MIT License
 * Copyright (c) 2013 Asad Akram, Ryan Oblenida, Peter Ryszkiewicz
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */.editor-svg-controls{--surface: #fff;--text: #1f2328;--muted: #656d76;--border: #e1e4e8;--hover: rgb(0 0 0 / 6%);--active: rgb(0 0 0 / 12%);--accent: #1a73e8;--shadow: 0 1px 2px rgb(0 0 0 / 8%), 0 4px 12px rgb(0 0 0 / 10%);position:absolute;right:16px;bottom:16px;color:var(--text);font:13px/1.4 system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:normal;text-transform:none}.editor-svg-controls .pill{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface);box-shadow:var(--shadow)}html[data-theme=dark] .editor-svg-controls{--surface: #26282b;--text: #e8eaed;--muted: #9aa0a6;--border: #3c4043;--hover: rgb(255 255 255 / 8%);--active: rgb(255 255 255 / 16%);--accent: #8ab4f8;--shadow: 0 1px 2px rgb(0 0 0 / 30%), 0 4px 12px rgb(0 0 0 / 35%)}.editor-svg-controls button{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0;border:0;border-radius:999px;background:none;color:var(--muted);font:inherit;cursor:pointer}.editor-svg-controls button:hover{background:var(--hover);color:var(--text)}.editor-svg-controls button:active{background:var(--active)}.editor-svg-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.editor-svg-controls .zoom-label{min-width:56px;padding:0 8px;color:var(--text);font-weight:600;font-variant-numeric:tabular-nums}.editor-svg-controls .icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.editor-svg-controls .separator{flex:none;width:1px;height:18px;margin:0 3px;background:var(--border)}.editor-svg-controls .popover{position:absolute;right:0;bottom:calc(100% + 8px);width:max-content;max-width:300px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.editor-svg-controls [hidden]{display:none}.editor-svg-controls .popover h2{margin:0 0 6px;color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.editor-svg-controls .popover dl{display:grid;grid-template-columns:auto auto;gap:4px 16px;margin:0}.editor-svg-controls .popover dd{margin:0;color:var(--muted);text-align:right}