@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";:root{--bg-color: #f8f9fa;--card-bg-color: #ffffff;--text-color: #212529;--primary-color: #0d6efd;--primary-light-color: #e9f2fe;--success-color: #198754;--error-color: #dc3545;--border-color: #dee2e6;--border-hover-color: #84b6f4;--shadow-color: rgba(0, 0, 0, .075);--light-text: #6c757d;--border-radius: 12px;--md-sys-color-primary: var(--primary-color);--md-sys-typescale-label-large-font: "Montserrat", sans-serif;--md-sys-typescale-label-large-weight: 600;--md-filled-button-container-shape: var(--border-radius);--md-outlined-button-container-shape: var(--border-radius);--md-outlined-button-label-text-color: var(--primary-color);--md-outlined-button-outline-color: var(--primary-color);--md-outlined-button-hover-state-layer-color: var(--primary-color);--md-outlined-button-hover-state-layer-opacity: .08;--md-outlined-button-focus-state-layer-color: var(--primary-color);--md-outlined-button-pressed-state-layer-color: var(--primary-color);--md-filled-button-container-color: var(--primary-color)}body{font-family:Montserrat,sans-serif;background-color:var(--bg-color);color:var(--text-color);margin:0;padding:2rem;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;box-sizing:border-box;width:100%}.image-container{display:flex;justify-content:center;width:100%;margin-bottom:2rem}.image-container canvas{display:block;max-width:100%;max-height:500px;object-fit:contain;background-color:#eee;border-radius:var(--border-radius);box-shadow:0 4px 12px var(--shadow-color)}