.doodle-drawing-board.svelte-1lzim9n{border:3px solid var(--ink);background:var(--sand-dark);flex-direction:column;flex:1;max-width:100%;min-height:0;max-height:100%;margin:0;display:flex;overflow:hidden}.doodle-drawing-board__alert.svelte-1lzim9n{color:var(--danger);border-bottom:2px solid var(--ink);background:var(--sand-dark);margin:0;padding:8px 12px;font-size:.95rem}.doodle-drawing-board__banner.svelte-1lzim9n{background:var(--sand-dark);color:var(--ink);border-bottom:2px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:.95rem;display:flex}.doodle-drawing-board__mode.svelte-1lzim9n{color:var(--ink);border-bottom:2px solid var(--ink);flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex}.doodle-drawing-board__mode-label.svelte-1lzim9n{font-size:.85rem;font-weight:600}.doodle-drawing-board__import.svelte-1lzim9n{border-bottom:2px solid var(--ink);padding:8px}.doodle-drawing-board__workspace.svelte-1lzim9n{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.doodle-drawing-board.svelte-1lzim9n>:where(.svelte-1lzim9n):not(.doodle-drawing-board__workspace){flex-shrink:0}.doodle-drawing-board__stage.svelte-1lzim9n{box-sizing:border-box;background:var(--canvas-chrome-bg);background-image:linear-gradient(45deg, var(--cyan-light) 25%, transparent 25%), linear-gradient(-45deg, var(--cyan-light) 25%, transparent 25%);background-position:0 0,0 4px;background-size:8px 8px;flex:1 1 0;min-width:0;min-height:0;max-height:100%;padding:0;position:relative;overflow:clip}.doodle-drawing-board--studio.svelte-1lzim9n .doodle-drawing-board__workspace:where(.svelte-1lzim9n){flex-direction:row;align-items:stretch}.doodle-drawing-board--studio.svelte-1lzim9n .doodle-drawing-board__workspace:where(.svelte-1lzim9n) .tool-palette{border-bottom:none;border-right:3px solid var(--ink);flex-direction:column;flex:none;align-items:stretch;gap:10px;width:min-content;max-width:11rem;padding:10px 8px}.doodle-drawing-board--studio.svelte-1lzim9n .doodle-drawing-board__workspace:where(.svelte-1lzim9n) .tool-palette .palette-cluster{justify-content:flex-start;width:100%}.doodle-drawing-board--studio.svelte-1lzim9n .doodle-drawing-board__workspace:where(.svelte-1lzim9n) .tool-palette .palette-cluster--brush{margin-left:0}.doodle-drawing-board--studio.svelte-1lzim9n .doodle-drawing-board__stage:where(.svelte-1lzim9n){flex:auto;height:min(48vh,26rem);max-height:min(48vh,26rem)}.doodle-drawing-board--compose.svelte-1lzim9n{flex:1;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:100%;min-height:0;max-height:100%;display:grid}.doodle-drawing-board--compose.svelte-1lzim9n:has(.doodle-drawing-board__dock:where(.svelte-1lzim9n)):not(.doodle-drawing-board--dock-collapsed){grid-template-rows:auto minmax(0,1fr) auto auto}.doodle-drawing-board--compose.doodle-drawing-board--dock-collapsed.svelte-1lzim9n .doodle-drawing-board__dock:where(.svelte-1lzim9n){display:none}.doodle-drawing-board--compose.svelte-1lzim9n>:where(.svelte-1lzim9n):not(.doodle-drawing-board__workspace):not(.doodle-drawing-board__dock){grid-column:1}.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__mode:where(.svelte-1lzim9n),.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__import:where(.svelte-1lzim9n),.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__alert:where(.svelte-1lzim9n),.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__banner:where(.svelte-1lzim9n){grid-row:1}.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__workspace:where(.svelte-1lzim9n){flex:none;grid-row:2;min-height:0;overflow:hidden}.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__dock:where(.svelte-1lzim9n){z-index:2;background:var(--sand-dark);border-top:2px solid var(--ink);flex-shrink:0;grid-column:1;position:relative}.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__dock:where(.svelte-1lzim9n):not(.doodle-drawing-board__dock--playback){grid-row:3}.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__dock--playback:where(.svelte-1lzim9n){border-top-width:0;grid-row:4}.doodle-drawing-board--compose.doodle-drawing-board--studio.svelte-1lzim9n .doodle-drawing-board__stage:where(.svelte-1lzim9n){contain:layout paint;flex:auto;height:100%;min-height:0;max-height:none;overflow:hidden}@media (width>=768px){.doodle-drawing-board--compose.svelte-1lzim9n:not(.doodle-drawing-board--studio) .doodle-drawing-board__workspace:where(.svelte-1lzim9n) .tool-palette{flex-flow:wrap;flex-shrink:0;align-items:center}}@media (width<=767px){.doodle-drawing-board--studio.svelte-1lzim9n .doodle-drawing-board__workspace:where(.svelte-1lzim9n){flex-direction:column}.doodle-drawing-board--studio.svelte-1lzim9n .doodle-drawing-board__workspace:where(.svelte-1lzim9n) .tool-palette{border-right:none;border-bottom:3px solid var(--ink);width:100%;max-width:none}.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__mode:where(.svelte-1lzim9n){gap:6px;padding:6px 8px}.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__mode:where(.svelte-1lzim9n) .pixel-btn{min-width:0;font-size:var(--editor-font-small,14px);flex:1 1 0;padding:5px 6px}.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__workspace:where(.svelte-1lzim9n) .tool-palette{gap:8px 10px;padding:6px 8px}.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__workspace:where(.svelte-1lzim9n) .tool-btn--icon{min-width:2.25rem;min-height:2.25rem}.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__stage:where(.svelte-1lzim9n){padding:6px}.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__workspace:where(.svelte-1lzim9n){flex-direction:column}.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__workspace:where(.svelte-1lzim9n) .tool-palette{-webkit-overflow-scrolling:touch;border-bottom:2px solid var(--ink);flex-flow:row;align-items:center;gap:8px;max-height:3.25rem;padding:6px 8px;overflow:auto hidden}.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__workspace:where(.svelte-1lzim9n) .tool-palette .palette-cluster{flex:none;justify-content:flex-start;width:auto}.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__workspace:where(.svelte-1lzim9n) .tool-palette .palette-cluster--brush{margin-left:0}.doodle-drawing-board--compose.svelte-1lzim9n .doodle-drawing-board__dock:where(.svelte-1lzim9n){max-height:7.5rem;overflow:auto}}.sr-file.svelte-1lzim9n{clip:rect(0, 0, 0, 0);white-space:nowrap;opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}