.tool-canvas{display:flex;flex-direction:column;gap:var(--spacing-3);--tl-font-draw:"Architects Daughter","Caveat",cursive;--tl-font-sans:"Lexend","Inter",sans-serif;--tl-font-serif:"Merriweather",Georgia,serif;--tl-font-mono:"IBM Plex Mono","SFMono-Regular",monospace;--tool-canvas-toolbar-surface:color-mix(in srgb,var(--color-bg-elevated) 96%,transparent);--tool-canvas-toolbar-surface-muted:color-mix(in srgb,var(--color-bg-secondary) 88%,var(--color-bg-tertiary));--tool-canvas-toolbar-control:color-mix(in srgb,var(--color-bg-secondary) 82%,var(--color-bg-tertiary));--tool-canvas-toolbar-control-hover:var(--color-surface-hover);--tool-canvas-toolbar-border:var(--color-border);--tool-canvas-toolbar-border-strong:var(--color-border-strong);--tool-canvas-toolbar-accent:var(--color-accent);--tool-canvas-toolbar-accent-strong:var(--color-accent-dark);--tool-canvas-toolbar-accent-soft:var(--color-accent-subtle);--tool-canvas-toolbar-accent-hover:var(--color-accent-subtle-strong);--tool-canvas-toolbar-shadow:var(--shadow-md)}.tool-canvas__workspace{display:flex;align-items:flex-start;justify-content:center;gap:clamp(1rem,1.6vw,1.5rem)}.tool-canvas__sheet{flex:1 1 auto;width:min(100%,54rem);max-width:54rem;min-width:0}.tool-canvas__tldraw-host{position:relative;overflow:hidden;width:100%;height:100%;min-height:36rem}.tool-canvas__tldraw-host>.tl-container{width:100%;height:100%}.tool-canvas__tldraw-host .tl-theme__light{--tl-color-background:#ffffff;--tl-color-panel:var(--tool-canvas-toolbar-surface);--tl-color-panel-contrast:#ffffff;--tl-color-panel-overlay:color-mix(in srgb,var(--color-bg-secondary) 84%,transparent);--tl-color-low:var(--tool-canvas-toolbar-control);--tl-color-low-border:var(--tool-canvas-toolbar-border-strong);--tl-color-selected:var(--tool-canvas-toolbar-accent);--tl-color-selection-stroke:var(--tool-canvas-toolbar-accent);--tl-color-selection-fill:var(--tool-canvas-toolbar-accent-soft);--tl-shadow-2:var(--tool-canvas-toolbar-shadow)}.tool-canvas__tldraw-host .tl-watermark{opacity:.9}.tool-canvas__toolbar{position:sticky;top:0;flex:0 0 clamp(9.5rem,12vw,10.75rem);width:clamp(9.5rem,12vw,10.75rem);max-height:calc(100dvh - var(--topnav-height) - 1.25rem);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:stretch;gap:.6rem;padding:.7rem;border:1px solid var(--tool-canvas-toolbar-border);border-radius:24px;background:var(--tool-canvas-toolbar-surface);box-shadow:var(--tool-canvas-toolbar-shadow);backdrop-filter:blur(18px)}.tool-canvas .workshop__toolbar-group{display:flex;flex-direction:column;gap:.45rem;min-width:0;padding:.55rem;border:1px solid var(--tool-canvas-toolbar-border);border-radius:16px;background:var(--tool-canvas-toolbar-surface-muted)}.tool-canvas .workshop__toolbar-group--style[data-muted=true]{background:color-mix(in srgb,var(--tool-canvas-toolbar-surface-muted) 82%,var(--color-bg-tertiary))}.tool-canvas .workshop__toolbar-label{color:var(--color-text-muted);font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tool-canvas .workshop__toolbar-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.tool-canvas .workshop__toolbar-note{color:var(--color-text-muted);font-size:.68rem;line-height:1.35}.tool-canvas .workshop__toolbar-icon-btn{width:34px;height:34px;border:1px solid var(--tool-canvas-toolbar-border-strong);border-radius:12px;background:var(--tool-canvas-toolbar-control);color:var(--color-text-primary)}.tool-canvas .workshop__toolbar-icon-btn svg{font-size:18px}.tool-canvas .workshop__toolbar-icon-btn:hover{background:var(--tool-canvas-toolbar-control-hover)}.tool-canvas .workshop__toolbar-icon-btn[data-active=true]{border-color:var(--tool-canvas-toolbar-accent);background:var(--tool-canvas-toolbar-accent-soft);color:var(--tool-canvas-toolbar-accent-strong)}.tool-canvas .workshop__toolbar-icon-btn[data-active=true]:hover{background:var(--tool-canvas-toolbar-accent-hover)}.tool-canvas .workshop__color-swatch{width:1.45rem;height:1.45rem;border:1px solid var(--tool-canvas-toolbar-border-strong);border-radius:999px;background:var(--workshop-swatch);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-bg-secondary) 45%,transparent);cursor:pointer}.tool-canvas .workshop__color-swatch[data-active=true]{border-color:var(--tool-canvas-toolbar-accent);box-shadow:0 0 0 3px var(--tool-canvas-toolbar-accent-soft),inset 0 0 0 1px color-mix(in srgb,var(--color-bg-secondary) 65%,transparent)}.tool-canvas .workshop__color-swatch:disabled,.tool-canvas .workshop__toolbar-option-chip:disabled{opacity:.45;cursor:default}.tool-canvas .workshop__toolbar-option-chip{min-width:2.25rem;padding:.3rem .55rem;border:1px solid var(--tool-canvas-toolbar-border-strong);border-radius:999px;background:var(--tool-canvas-toolbar-control);color:var(--color-text-primary);font:inherit;font-size:.72rem;font-weight:700;cursor:pointer}.tool-canvas .workshop__toolbar-option-chip[data-active=true]{border-color:var(--tool-canvas-toolbar-accent);background:var(--tool-canvas-toolbar-accent-soft);color:var(--tool-canvas-toolbar-accent-strong)}.tool-canvas .workshop__size-preview{display:block;width:1.15rem;border-radius:999px;background:currentColor}.tool-canvas .workshop__size-preview[data-size=s]{height:.14rem}.tool-canvas .workshop__size-preview[data-size=m]{height:.22rem}.tool-canvas .workshop__size-preview[data-size=l]{height:.3rem}.tool-canvas .workshop__size-preview[data-size=xl]{height:.42rem}.tool-canvas__loading-shell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;min-height:24rem;border:1px solid var(--tool-canvas-toolbar-border);border-radius:24px;background:var(--tool-canvas-toolbar-surface)}.tool-canvas__print-document{display:none;--tl-font-draw:"Architects Daughter","Caveat",cursive;--tl-font-sans:"Lexend","Inter",sans-serif;--tl-font-serif:"Merriweather",Georgia,serif;--tl-font-mono:"IBM Plex Mono","SFMono-Regular",monospace}.tool-canvas__print-page{background:#ffffff}.tool-canvas__print-svg,.tool-canvas__print-svg svg{display:block;width:100%;height:auto}.tool-canvas__print-svg svg{max-width:100%}@media (max-width:1100px){.tool-canvas__workspace{flex-direction:column;align-items:center}.tool-canvas__toolbar{position:static;width:100%;flex-basis:auto;max-height:none;overflow:visible;padding:.85rem;gap:.85rem}.tool-canvas .workshop__toolbar-group{padding:.75rem}.tool-canvas__sheet{width:100%;max-width:100%}.tool-canvas__tldraw-host{min-height:28rem}}@media print{@page tool-canvas-portrait{size:A4 portrait;margin:0}@page tool-canvas-landscape{size:A4 landscape;margin:0}.tool-canvas__print-document{display:block!important}.tool-canvas__print-page--portrait{page:tool-canvas-portrait;width:210mm!important;max-width:210mm!important;min-height:297mm!important}.tool-canvas__print-page--landscape{page:tool-canvas-landscape;width:297mm!important;max-width:297mm!important;min-height:210mm!important}.tool-canvas__print-page .tool-canvas__print-svg,.tool-canvas__print-page .tool-canvas__print-svg svg{height:100%}}