:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#111;color:#fafafa}.app{display:flex;flex-direction:column;min-height:100vh}.toolbar{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#1a1a1a;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap;z-index:10}.tool-group{display:flex;align-items:center;gap:.25rem}.divider{width:1px;height:24px;background:#ffffff26;margin:0 .25rem}.tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:transparent;color:#ffffffb3;cursor:pointer;transition:all .15s}.tool-btn:hover{background:#ffffff14;color:#fff}.tool-btn.active{background:#ffffff26;color:#fff;border-color:#ffffff4d}.color-btn{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s}.color-btn:hover{transform:scale(1.15)}.color-btn.active{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.size-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;background:transparent;cursor:pointer;transition:all .15s}.size-btn:hover{background:#ffffff14}.size-btn.active{background:#ffffff26;border-color:#ffffff4d}.size-dot{border-radius:50%;display:block}.canvas{flex:1;width:100%;display:block;touch-action:none}