*,html{box-sizing:border-box}body,html{overscroll-behavior:none;touch-action:none;overflow:hidden;min-height:-webkit-fill-available;height:100%}button{cursor:pointer;border:none;padding:8px 16px;font-weight:500;pointer-events:all;color:#333;background-color:transparent;background:transparent}button>img{height:16px;width:16px}.app{position:fixed;inset:0;overflow:clip;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:500;color:#333}.app,.app *{-moz-user-select:none;user-select:none;-webkit-user-select:none}#canvas-container{z-index:100}#canvas,#canvas-container{position:absolute;inset:0;touch-action:none}#canvas{transform-origin:top left;z-index:20}.panel-left{position:absolute;z-index:250;top:0;left:0;display:flex;gap:8px;padding:4px}.panel{margin:4px;border-radius:12px;background-color:rgba(255,255,255,.9)}.tools{display:flex;gap:4px}.tools button{display:flex;align-items:center;justify-content:center;padding:4px 8px;height:32px}.tools button:after{content:"";display:block;height:100%;width:100%;border-radius:6px}.tools button[data-active=true]{background-color:rgba(0,0,0,.15);border-radius:9px}.tools button[data-active=false]:hover{background-color:rgba(0,0,0,.1);border-radius:9px}.panel-right{position:absolute;z-index:200;top:0;right:0;display:flex;padding:4px}.colors__mobile{display:grid}.colors__desktop,.colors__mobile{grid-template-columns:repeat(4,1fr)}.colors__desktop{display:none}@media (min-width:600px){.colors__desktop{display:grid}}.colors button{height:32px;width:32px;display:flex;align-items:center;justify-content:center;padding:4px}.colors button:after{content:"";display:block;height:100%;width:100%;border-radius:6px;background-color:currentColor}.colors button[data-active=true]{background-color:rgba(0,0,0,.15);border-radius:9px;padding:4px}.colors button[data-active=false]:hover{background-color:rgba(0,0,0,.1);border-radius:9px;padding:4px}.sizes{display:flex;flex-direction:column;border-radius:4px;overflow:hidden}.sizes button{height:32px;width:32px;display:flex;align-items:center;justify-content:center;padding:4px}.sizes button:after{content:"";display:block;height:100%;width:100%;border-radius:100%;background-color:#333}.sizes button[data-active=true]{background-color:rgba(0,0,0,.2);border-radius:9px;padding:4px}.sizes button[data-active=false]:hover{background-color:rgba(0,0,0,.1);border-radius:9px}.sizes button[data-size="24"]:after{scale:.4}.sizes button[data-size="48"]:after{scale:.6}.sizes button[data-size="72"]:after{scale:.8}.sizes button[data-size="96"]:after{scale:1}.vertical-divider{width:1px;background-color:rgba(0,0,0,.1);margin:0 8px}.lower-left{bottom:4px;left:4px;gap:8px}.lower-left,.lower-right{position:absolute;z-index:500;text-align:right;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lower-right{bottom:5px;right:8px;cursor:pointer;gap:6px}.lower-right a{height:-moz-fit-content;height:fit-content;pointer-events:all;display:flex;align-items:center;text-decoration:none;gap:4px;color:black}.tldraw{height:34px}.partykit,.tldraw{pointer-events:none}.partykit{height:18px}.sorry{display:flex;align-items:center;justify-content:center;height:100dvh;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;max-width:100%;overflow-y:auto}.sorry__lockup{text-align:center}.sorry video{max-width:100%}.sorry ol{padding-left:32px}.sorry li{margin-bottom:8px}.sorry a{font-weight:600;color:dodgerblue}