.attesta-logo-editor { width: min(480px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; box-sizing: border-box; border: 1px solid #d8dce5; border-radius: 18px; padding: 24px; color: #17213b; background: #fff; box-shadow: 0 24px 80px #17213b44; }
.attesta-logo-editor::backdrop { background: #17213b80; }
.attesta-logo-editor h2 { margin: 0 0 8px; }
.attesta-logo-editor canvas { display: block; max-width: 100%; width: auto; height: auto; max-height: 300px; margin: 18px auto; border: 1px dashed #8794b0; background: repeating-conic-gradient(#f0f2f6 0% 25%, #fff 0% 50%) 50% / 16px 16px; cursor: move; touch-action: none; }
.attesta-logo-editor label { display: block; margin: 14px 0; font-weight: 600; }
.attesta-logo-editor select, .attesta-logo-editor input { display: block; width: 100%; box-sizing: border-box; margin-top: 8px; }
.attesta-logo-editor output { float: right; }
.attesta-logo-editor .logo-editor-hint { font-size: 13px; color: #58647a; }
.attesta-logo-editor .logo-editor-error { color: #a51d39; }
.logo-editor-actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.attesta-logo-editor button { min-height: 42px; }