.CanvasExportPreview{background:var(--bg-2);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.CanvasExportPreview-viewport{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.CanvasExportPreview-paper{box-shadow:0 0 0 1px var(--fg-4), 0 4px 24px #00000026;background:#fff;flex-shrink:0;position:relative;overflow:hidden}.CanvasExportPreview-paper--monochrome{filter:grayscale()}.CanvasExportPreview-page{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.CanvasExportPreview-page--hidden{visibility:hidden}.CanvasExportPreview-toolbar{border-top:1px solid var(--fg-4);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:4px 8px;display:flex}.CanvasExportPreview-pager,.CanvasExportPreview-tags{align-items:center;gap:4px;display:flex}.CanvasExportPreview-tags{flex-wrap:wrap;min-width:0}.ExportCanvasDialog{width:min(560px,100vw - 32px)}.ExportCanvasDialog-form .bp6-dialog-body{flex-direction:column;gap:24px;display:flex}.ExportCanvasDialog-form .bp6-form-group{margin:0}.ExportCanvasDialog-appearanceOptions{gap:16px;display:flex}.ExportCanvasDialog-appearanceOptions>.bp6-card{min-width:0}.ExportCanvasDialog-appearanceOptions .bp6-card.bp6-interactive:focus-visible{box-shadow:inset 0 0 0 2px var(--fg-p);outline:none}.ExportCanvasDialog-appearanceOptions .bp6-non-ideal-state{min-height:0}.ExportCanvasDialog-appearanceOptions .bp6-non-ideal-state-visual{width:100%}.ExportCanvasDialog-sheetOptions{grid-template-columns:1fr;gap:8px;display:grid}.ExportCanvasDialog-sheetOptions--scaling{grid-template-columns:repeat(2,minmax(0,1fr))}.ExportCanvasDialog-appearancePreview{aspect-ratio:2;border-radius:var(--border-radius);border:1px solid #abb3bf;width:100%;height:auto;display:block}.ExportCanvasDialog-appearancePreview path,.ExportCanvasDialog-appearancePreview circle,.ExportCanvasDialog-appearancePreview rect{vector-effect:non-scaling-stroke}.ExportCanvasDialog-appearancePreview .floorPlan{fill:none;stroke-width:1px}.ExportCanvasDialog-appearancePreview .supply,.ExportCanvasDialog-appearancePreview .return{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.ExportCanvasDialog-appearancePreview .unit,.ExportCanvasDialog-appearancePreview .register{stroke-width:2px}.ExportCanvasDialog-appearancePreview--light{background:#fff}.ExportCanvasDialog-appearancePreview--light .floorPlan{stroke:#abb3bf}.ExportCanvasDialog-appearancePreview--light .supply,.ExportCanvasDialog-appearancePreview--light .unit{stroke:#215db0}.ExportCanvasDialog-appearancePreview--light .return,.ExportCanvasDialog-appearancePreview--light .register{stroke:#cd4246}.ExportCanvasDialog-appearancePreview--light .unit{fill:#f6f7f9}.ExportCanvasDialog-appearancePreview--light .register{fill:#ffefeb}.ExportCanvasDialog-appearancePreview--monochrome{background:#fff}.ExportCanvasDialog-appearancePreview--monochrome .floorPlan{stroke:#abb3bf}.ExportCanvasDialog-appearancePreview--monochrome .supply,.ExportCanvasDialog-appearancePreview--monochrome .return,.ExportCanvasDialog-appearancePreview--monochrome .unit,.ExportCanvasDialog-appearancePreview--monochrome .register{stroke:#111418}.ExportCanvasDialog-appearancePreview--monochrome .unit{fill:#e5e8eb}.ExportCanvasDialog-appearancePreview--monochrome .register{fill:#c5cbd3}.ExportCanvasDialog--preview{width:min(1440px,100vw - 48px);height:min(900px,100vh - 48px);margin:0;padding-bottom:0}.ExportCanvasDialog--preview .ExportCanvasDialog-form{flex-direction:column;flex:1;min-height:0;display:flex}.ExportCanvasDialog--preview .ExportCanvasDialog-layout{border-bottom:1px solid var(--fg-4);flex:1;min-height:0;display:flex}.ExportCanvasDialog--preview .ExportCanvasDialog-preview{border-right:1px solid var(--fg-4);flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.ExportCanvasDialog--preview .ExportCanvasDialog-form .bp6-dialog-body{flex:0 0 360px;margin:0;padding:16px;overflow-y:auto}.ExportCanvasDialog--preview .ExportCanvasDialog-sheetOptions--scaling{grid-template-columns:1fr;gap:24px}@media (width<=600px){.ExportCanvasDialog--preview .ExportCanvasDialog-preview{display:none}.ExportCanvasDialog--preview .ExportCanvasDialog-form .bp6-dialog-body{flex:auto}.ExportCanvasDialog-appearanceOptions{flex-direction:column}.ExportCanvasDialog-sheetOptions--scaling{grid-template-columns:1fr}}
