html,*{box-sizing:border-box}html,body{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 *{user-select:none;-webkit-user-select:none}#canvas-container{position:absolute;inset:0;z-index:100;touch-action:none}#canvas{position:absolute;inset:0;transform-origin:top left;touch-action:none;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:#ffffffe6}.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:#00000026;border-radius:9px}.tools button[data-active=false]:hover{background-color:#0000001a;border-radius:9px}.panel-right{position:absolute;z-index:200;top:0;right:0;display:flex;padding:4px}.colors__mobile{display:grid;grid-template-columns:repeat(4,1fr)}.colors__desktop{display:none;grid-template-columns:repeat(4,1fr)}@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:#00000026;border-radius:9px;padding:4px}.colors button[data-active=false]:hover{background-color:#0000001a;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:#0003;border-radius:9px;padding:4px}.sizes button[data-active=false]:hover{background-color:#0000001a;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:#0000001a;margin:0 8px}.lower-left{position:absolute;bottom:4px;left:4px;z-index:500;text-align:right;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:8px;-webkit-user-select:none;user-select:none}.lower-right{position:absolute;bottom:5px;right:8px;cursor:pointer;z-index:500;text-align:right;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:6px;-webkit-user-select:none;user-select:none}.lower-right a{height:fit-content;pointer-events:all;display:flex;align-items:center;text-decoration:none;gap:4px;color:#000}.tldraw{height:34px;pointer-events:none}.partykit{height:18px;pointer-events:none}.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:#1e90ff}