:root{--han-bg-canvas:#f6f6f4;--han-bg-app:#f6f6f4;--han-surface-1:#fff;--han-surface-2:#fff;--han-surface-3:#f1f1ef;--han-text-1:#1c1c1e;--han-text-2:#77777d;--han-text-3:#a4a4aa;--han-field:#1c1c1e0d;--han-field-hover:#1c1c1e14;--han-ui-active:#1c1c1e17;--han-float-shadow:0 1px 3px #1c1c1e0f, 0 10px 32px #1c1c1e1f;--han-float-shadow-sm:0 1px 2px #1c1c1e0d, 0 4px 14px #1c1c1e1a;--han-float-border:#1c1c1e14;--han-scrollbar-thumb:#1c1c1e2e;--han-scrollbar-thumb-hover:#1c1c1e52;--han-canvas-ruler-bg:#efefec}[data-theme=dark]{--han-bg-canvas:#141416;--han-bg-app:#141416;--han-surface-1:#1e1e21;--han-surface-2:#26262a;--han-surface-3:#2c2c30;--han-text-1:#e8e8ea;--han-text-2:#9b9ba3;--han-text-3:#63636b;--han-field:#ffffff0e;--han-field-hover:#ffffff17;--han-ui-active:#ffffff1a;--han-float-shadow:0 1px 3px #0000004d, 0 10px 32px #00000073;--han-float-shadow-sm:0 1px 2px #00000047, 0 4px 14px #00000061;--han-float-border:#ffffff14;--han-scrollbar-thumb:#ffffff29;--han-scrollbar-thumb-hover:#ffffff4d;--han-canvas-ruler-bg:#1a1a1d}.han-float{background:var(--han-surface-1);border:1px solid var(--han-float-border);border-radius:var(--han-radius-lg);box-shadow:var(--han-float-shadow)}.han-float--sm{box-shadow:var(--han-float-shadow-sm)}