.corner-slider-wrapper{display:flex;flex:1;padding-left:.25rem;padding-right:.25rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:.25rem}.corner-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;margin:2px 0;border-radius:var(--border-radius-sm);outline:none;cursor:pointer}.corner-slider::-webkit-slider-runnable-track{height:6px;background:transparent;border-radius:var(--border-radius-sm)}.corner-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;margin-top:-4px;background:#fff;border:none;border-radius:var(--border-radius-sm);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--accent, currentColor) 30%,transparent),0 1px 2px #0000001a;cursor:pointer;transition:all .15s ease-in-out}.corner-slider:focus::-webkit-slider-thumb{box-shadow:0 0 0 2.5px color-mix(in srgb,var(--accent, currentColor) 50%,transparent),0 1px 2px #0000001a}.corner-slider:active::-webkit-slider-thumb{transform:scale(1.15)}.corner-slider::-moz-range-track{height:6px;background:transparent;border-radius:var(--border-radius-sm)}.corner-slider::-moz-range-thumb{width:14px;height:14px;background:#fff;border:none;border-radius:var(--border-radius-sm);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--accent, currentColor) 30%,transparent),0 1px 2px #0000001a;cursor:pointer;transition:all .15s ease-in-out}.corner-slider:focus::-moz-range-thumb{box-shadow:0 0 0 2.5px color-mix(in srgb,var(--accent, currentColor) 50%,transparent),0 1px 2px #0000001a}.corner-slider:active::-moz-range-thumb{transform:scale(1.15)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@supports (corner-shape: squircle){body.squircle-everywhere .corner-slider::-webkit-slider-thumb{corner-shape:squircle}body.squircle-everywhere .corner-slider::-moz-range-thumb{corner-shape:squircle}}.toolbar-container{background:linear-gradient(to bottom,var(--base-0),var(--base-50));border-radius:var(--border-radius-md);box-shadow:inset 0 0 0 .5px color-mix(in srgb,currentColor 20%,transparent)}.segmented-switch{display:flex;flex-direction:row;width:100%;background:color-mix(in srgb,var(--base-content) 8%,transparent);border-radius:var(--border-radius-sm);padding:2px;gap:2px}.segment{display:flex;flex:1;align-items:center;justify-content:center;height:1.5rem;padding:0;border:none;border-radius:calc(var(--border-radius-sm) - 1px);background:transparent;color:var(--base-content);font-size:.875rem;cursor:pointer;transition:all .1s ease;opacity:.6;position:relative;z-index:1}.segment:hover{opacity:.8}.segment.active{opacity:1}.color-picker-row{display:flex;flex-direction:row;gap:6px;padding:4px}.color-swatch{width:1.25rem;height:1.25rem;border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:all .15s ease;box-shadow:0 0 0 .5px color-mix(in srgb,currentColor 10%,transparent);outline:none}.color-swatch:hover:not(.selected){transform:scale(1.05);box-shadow:0 0 0 1px color-mix(in srgb,var(--primary) 20%,transparent)}.color-swatch.selected{box-shadow:0 0 0 2px var(--primary);outline:1px solid white}.font-select-button{display:flex;flex-direction:row;align-items:center;gap:6px;padding:4px 8px;background:var(--base-100);border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:background .1s ease;width:100%;color:var(--base-content);font-size:.875rem}.font-select-button:hover,.font-select-button.open{background:var(--base-200)}.font-select-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-select-chevron{opacity:.5}.font-select-dropdown{position:absolute;bottom:calc(100% + 4px);left:-4px;min-width:calc(100% + 8px);display:flex;flex-direction:column;padding:4px;gap:2px;background:var(--base-0);border-radius:var(--border-radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;outline:.5px solid color-mix(in srgb,currentColor 20%,transparent);z-index:9999}.font-option{display:flex;align-items:center;gap:6px;padding:4px 8px;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--base-content);font-size:.875rem;cursor:pointer;transition:all .1s ease;text-align:left}.font-option:hover{background:var(--accent);color:var(--base-0)}.font-option.selected{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.font-option.selected:hover{background:var(--accent);color:var(--base-0)}.font-option-check{width:1em;opacity:0}.font-option-check.visible{opacity:1}.corner-slider-container{position:relative;flex:1;height:10px;display:flex;align-items:center;padding:0 6px}.corner-slider-track{position:absolute;left:6px;right:6px;height:10px;border-radius:var(--border-radius-sm);background:var(--base-200)}.corner-slider-fill{position:absolute;left:6px;right:6px;height:10px;border-radius:var(--border-radius-sm);background:color-mix(in srgb,var(--base-content) 25%,transparent);pointer-events:none;transform-origin:left;transform:scaleX(var(--fill-percent, 0))}.toolbar-callout{position:absolute;left:1rem;bottom:100%;margin-bottom:.25rem;font-family:var(--font-accent);color:color-mix(in srgb,var(--base-content) 70%,transparent);font-size:1.25rem;transition:all .3s ease-in-out;pointer-events:none}.toolbar-callout.visible{opacity:1;margin-bottom:.5rem;transform:rotate(-2deg)}.toolbar-callout.hidden{opacity:0;margin-bottom:0;transform:rotate(0)}