:root{color:#ddd;font-synthesis:none;text-rendering:optimizelegibility;background:#335;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden}button,input{font:inherit}.lucid-app{background:#335;width:100vw;height:100dvh;position:relative;overflow:hidden}.whiteboard-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}.tool-rail{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#161622d1;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 14px 40px #00000038}.tool-rail-left{left:14px}.tool-rail-right{right:14px}.tool,.colour-button{color:#ddd;cursor:pointer;width:56px;height:56px;font:inherit;background:0 0;border:0;border-radius:16px;place-items:center;font-size:25px;transition:background .12s,transform .12s,opacity .12s;display:grid}.tool:hover,.colour-button:hover{background:#ffffff14}.tool:active,.colour-button:active{transform:scale(.95)}.tool.active{background:#ffffff24;box-shadow:inset 0 0 0 2px #ffffff1a}.tool:disabled{opacity:.26;cursor:default}.rail-divider{background:#ffffff1a;width:32px;height:1px;margin:2px 0}.colour-button{background:var(--swatch,#ffffff1f);border-radius:50%;width:38px;height:38px;min-height:38px;position:relative}.colour-button.selected{box-shadow:0 0 0 3px #ffffffeb,0 0 0 5px #0000004d}.colour-button.custom{color:#ddd;background:#ffffff14;border:1px dashed #ffffff59;overflow:hidden}.colour-button.custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.page-indicator{text-align:center;color:#ddd;-webkit-user-select:none;user-select:none;min-width:56px;font-size:14px}.size-popover{color:#ddd;background:#14141ef0;border:1px solid #ffffff14;border-radius:16px;min-width:180px;padding:14px;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 14px 40px #00000040}.size-popover label,.size-popover strong{display:block}.size-popover strong{opacity:.75;margin-top:8px;font-size:13px}.size-popover input[type=range]{width:100%;margin-top:10px}.eraser-modes{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.mode{color:#bbb;cursor:pointer;background:#ffffff0f;border:0;border-radius:10px;min-height:38px}.mode.active{color:#fff;background:#ffffff24}@media (width<=900px){.tool-rail{border-radius:17px;gap:6px;padding:8px}.tool{width:52px;height:52px}.colour-button{width:34px;height:34px;min-height:34px}}