.tables-area-color{width:1.55rem;height:1.55rem;color:color-mix(in srgb, var(--color-ink) 48%, transparent);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:.4rem;flex:none;justify-content:center;align-items:center;display:inline-flex}.tables-area-color:hover{background:color-mix(in srgb, var(--color-ink) 6%, transparent);color:var(--color-ink)}.tables-area-color:focus-visible{background:color-mix(in srgb, var(--area-tint,var(--color-accent)) 14%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--area-tint,var(--color-accent)) 55%, transparent);color:var(--area-tint-dark,var(--color-accent-dark));outline:none}.tables-area-color-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.tables-area-color-popover{z-index:40;background:var(--color-card);border:1px solid color-mix(in srgb, var(--color-border) 85%, var(--color-ink));box-shadow:0 10px 28px color-mix(in srgb, var(--color-ink) 14%, transparent);border-radius:.65rem;grid-template-columns:repeat(4,1.15rem);gap:.35rem;padding:.45rem;display:grid;position:absolute;top:0;left:calc(100% + .4rem)}.tables-area-color-swatch{border:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);cursor:pointer;background:var(--swatch,var(--color-accent));border-radius:999px;width:1.15rem;height:1.15rem;padding:0}.tables-area-color-swatch--active{box-shadow:0 0 0 2px var(--color-card), 0 0 0 3.5px var(--swatch,var(--color-accent))}.tables-area-color-swatch[data-swatch=teal]{--swatch:#0f766e}.tables-area-color-swatch[data-swatch=slate]{--swatch:#475569}.tables-area-color-swatch[data-swatch=sage]{--swatch:#5b7c6e}.tables-area-color-swatch[data-swatch=sky]{--swatch:#4a7c9b}.tables-area-color-swatch[data-swatch=amber]{--swatch:#b08948}.tables-area-color-swatch[data-swatch=rose]{--swatch:#a66d75}.tables-area-color-swatch[data-swatch=violet]{--swatch:#6d6a9b}.tables-area-side[data-area-color],.tables-area-section[data-area-color],.tables-area-side[data-area-color=teal],.tables-area-section[data-area-color=teal]{--area-tint:#0f766e;--area-tint-soft:#5eead4;--area-tint-dark:#115e59}.tables-area-side[data-area-color=slate],.tables-area-section[data-area-color=slate]{--area-tint:#475569;--area-tint-soft:#94a3b8;--area-tint-dark:#334155}.tables-area-side[data-area-color=sage],.tables-area-section[data-area-color=sage]{--area-tint:#5b7c6e;--area-tint-soft:#a3bfb2;--area-tint-dark:#3f5a4e}.tables-area-side[data-area-color=sky],.tables-area-section[data-area-color=sky]{--area-tint:#4a7c9b;--area-tint-soft:#9bbad0;--area-tint-dark:#355a73}.tables-area-side[data-area-color=amber],.tables-area-section[data-area-color=amber]{--area-tint:#b08948;--area-tint-soft:#d6b883;--area-tint-dark:#8a6a35}.tables-area-side[data-area-color=rose],.tables-area-section[data-area-color=rose]{--area-tint:#a66d75;--area-tint-soft:#d0a8ae;--area-tint-dark:#7e5158}.tables-area-side[data-area-color=violet],.tables-area-section[data-area-color=violet]{--area-tint:#6d6a9b;--area-tint-soft:#b0aed0;--area-tint-dark:#514e78}.tables-area-side[data-area-color]{background:color-mix(in srgb, var(--area-tint) 12%, var(--color-card));border-color:color-mix(in srgb, var(--area-tint) 28%, transparent)}.tables-area-side[data-area-color] .tables-area-heading{color:color-mix(in srgb, var(--area-tint-dark) 72%, var(--color-ink))}html.touch-mode .tables-area-color{width:2.15rem;height:2.15rem}html.dark .tables-area-side[data-area-color]{background:color-mix(in srgb, var(--area-tint) 18%, var(--color-card));border-color:color-mix(in srgb, var(--area-tint) 34%, transparent)}html.dark .tables-area-side[data-area-color] .tables-area-heading{color:color-mix(in srgb, var(--area-tint-soft) 72%, var(--color-ink))}html.dark .tables-area-color{color:color-mix(in srgb, var(--color-ink) 55%, transparent)}html.dark .tables-area-color-popover{background:color-mix(in srgb, var(--color-card) 92%, #000);border-color:color-mix(in srgb, var(--color-border) 70%, transparent)}