.home-container{background-color:#f5f5f5;min-height:100vh}.home-header{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:20px 40px}.home-header h1{color:#333;font-size:32px;margin:0}.home-content{margin:0 auto;max-width:1200px;padding:40px}.btn-large{padding:12px 24px}.presentations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.presentation-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .3s}.presentation-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.presentation-thumbnail{background-color:#f0f0f0;height:180px;overflow:hidden;width:100%}.presentation-thumbnail img{height:100%;object-fit:cover;width:100%}.empty-thumbnail{align-items:center;display:flex;height:100%;justify-content:center}.presentation-info{padding:20px}.presentation-info h3{color:#333;font-size:18px;margin:0 0 10px}.presentation-meta{color:#666;display:flex;font-size:14px;justify-content:space-between}.presentation-meta span{align-items:center;display:flex;gap:5px}.delete-btn{background:#e74c3ce6;border:none;border-radius:4px;color:#fff;cursor:pointer;opacity:0;padding:8px;position:absolute;right:10px;top:10px;transition:opacity .2s}.presentation-card:hover .delete-btn{opacity:1}.editor-container{background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh}.editor-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;height:60px;justify-content:space-between;padding:0 20px}.logo{color:#333;font-size:24px;font-weight:700;margin:0}.header-actions{gap:10px}.presentation-name-input{background:#0000;border:1px solid #0000;border-radius:4px;color:#333;font-size:16px;font-weight:500;min-width:200px;padding:6px 12px;transition:all .2s}.presentation-name-input:hover{background-color:#f0f0f0}.presentation-name-input:focus{background-color:#fff;border-color:#3498db;outline:none}.auto-save-counter{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:3px;color:#888;display:inline-block;font-size:11px;font-weight:500;margin-left:-5px;min-width:55px;padding:3px 8px;text-align:center}.status-message{animation:fadeIn .3s ease;border-radius:4px;font-size:14px;font-weight:500;padding:6px 12px}.status-message:contains("Salvo"){background-color:#d4edda;color:#155724}.status-message:contains("Erro"){background-color:#f8d7da;color:#721c24}.status-message:contains("Salvando"){background-color:#d1ecf1;color:#0c5460}.btn{border-radius:4px;display:flex;font-weight:500;padding:8px 16px}.btn:hover{opacity:.9}.btn-secondary:hover{background-color:#d5dbdb}.btn-danger{background-color:#e74c3c;color:#fff}.btn-icon{padding:4px}.btn-icon:hover{background-color:#f0f0f0}.streaming-controls{gap:12px}.stream-link-container,.streaming-controls{align-items:center;display:flex}.stream-loading{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-size:16px;padding:12px 20px}.stream-active{align-items:center;background:#fff;border:2px solid #3498db;border-radius:8px;box-shadow:0 4px 12px #3498db26;display:flex;gap:16px;padding:10px 16px}.stream-icon{color:#3498db;flex-shrink:0}.stream-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.stream-label{color:#6c757d;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.stream-url{align-items:center;color:#06c;display:flex;font-size:18px;font-weight:700;gap:6px;text-decoration:none}.stream-url:hover{color:#0052a3;text-decoration:underline}.btn-stream-action{align-items:center;background-color:#f8f9fa;border:2px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.btn-stream-action:hover{background-color:#e9ecef;border-color:#adb5bd}.btn-stream-action.copied{background-color:#d1f3d1;border-color:#28a745;color:#28a745}.editor-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.toolbar{background-color:#fff;border-bottom:1px solid #e0e0e0;gap:10px;min-height:50px;padding:10px 20px}.toolbar,.toolbar-section{align-items:center;display:flex}.toolbar-section{gap:5px}.toolbar-divider{background-color:#e0e0e0;height:30px;margin:0 10px;width:1px}.btn-tool{align-items:center;background:none;border:1px solid #0000;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.btn-tool:hover{background-color:#f0f0f0;border-color:#d0d0d0}.btn-tool.active{background-color:#3498db;color:#fff}.btn-tool.btn-danger:hover{background-color:#e74c3c;color:#fff}.color-picker{border:1px solid #d0d0d0;border-radius:4px;cursor:pointer;height:32px;width:40px}.editor-main{display:flex;flex:1 1;overflow:hidden}.slides-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;width:200px}.slides-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px}.slides-header h3{font-size:16px;font-weight:600;margin:0}.slides-list{flex:1 1;overflow-y:auto;padding:10px}.slide-item{border:2px solid #0000;border-radius:4px;cursor:pointer;margin-bottom:10px;position:relative;transition:all .2s}.slide-item:hover{border-color:#e0e0e0}.slide-item.active{border-color:#3498db}.slide-number{background-color:#00000080;border-radius:3px;color:#fff;font-size:12px;left:5px;padding:2px 6px;position:absolute;top:5px;z-index:1}.slide-thumbnail{align-items:center;aspect-ratio:16/9;background-color:#f0f0f0;border-radius:4px;display:flex;justify-content:center;overflow:hidden;width:100%}.slide-thumbnail img{height:100%;object-fit:contain;width:100%}.empty-thumbnail{color:#ccc}.slide-delete{background-color:#e74c3ce6;border:none;border-radius:3px;color:#fff;cursor:pointer;opacity:0;padding:4px;position:absolute;right:5px;top:5px;transition:opacity .2s;z-index:1}.slide-item:hover .slide-delete{opacity:1}.canvas-container{align-items:center;background-color:#f5f5f5;display:flex;flex:1 1;justify-content:center;padding:20px;position:relative}.canvas-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0000001a;display:inline-block;position:relative}.canvas-wrapper canvas{border-radius:8px;display:block}.presentation-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000000d9;border-radius:50px;bottom:40px;box-shadow:0 8px 32px #0000004d;display:flex;gap:30px;left:50%;padding:15px 30px;position:absolute;transform:translateX(-50%);z-index:10}.btn-nav{align-items:center;background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;padding:0;transition:all .3s ease;width:60px}.btn-nav:hover:not(:disabled){background-color:#3498db4d;border-color:#3498db;transform:scale(1.1)}.btn-nav:disabled{cursor:not-allowed;opacity:.3}.slide-counter{color:#fff;font-size:18px;font-weight:600;min-width:100px;text-align:center}.viewer-container{background-color:#1a1a1a;color:#fff;height:100vh}.viewer-loading{gap:20px;padding:20px}.spinner{border:3px solid #ffffff1a;border-top-color:#3498db;height:50px;width:50px}.debug-panel{background-color:#000c;border:1px solid #444;border-radius:8px;font-family:Courier New,monospace;font-size:12px;margin-top:30px;max-width:600px;padding:20px;text-align:left;width:100%}.debug-panel h3{color:#3498db;font-size:16px;margin:0 0 15px}.debug-info{background-color:#ffffff0d;border-radius:4px;margin-bottom:15px;padding:10px}.debug-info div{margin:5px 0}.debug-events{background-color:#ffffff0d;border-radius:4px;max-height:200px;overflow-y:auto;padding:10px}.debug-event{border-bottom:1px solid #ffffff1a;color:#bbb;margin:3px 0;padding:2px 0}.viewer-error{gap:15px}.viewer-error h2{font-size:28px;margin:0}.viewer-error p{color:#999}.error-hint{color:#666!important;font-size:14px!important;margin-top:10px!important}.btn-home{background-color:#3498db;border-radius:4px;color:#fff;font-weight:500;margin-top:20px;padding:10px 20px;text-decoration:none;transition:all .2s}.btn-home:hover{background-color:#2980b9;transform:translateY(-1px)}.viewer-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;padding:15px 30px}.viewer-header,.viewer-info{align-items:center;display:flex}.viewer-info{gap:20px}.viewer-logo{font-size:20px;font-weight:700;margin:0}.presentation-id{color:#999;font-size:14px}.viewer-status{align-items:center;display:flex;gap:20px}.connection-status{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.connection-status.connected{background-color:#2ecc7133;color:#2ecc71}.connection-status.disconnected{background-color:#e74c3c33;color:#e74c3c}.slide-indicator{color:#999;font-size:14px}.viewer-content{justify-content:center;overflow:hidden;padding:40px}.canvas-viewer{background-color:#fff;border-radius:8px;box-shadow:0 10px 50px #00000080;overflow:hidden;position:relative}.canvas-viewer canvas{display:block}.drawing-indicator{align-items:center;animation:pulse 1.5s ease-in-out infinite;background-color:#e74c3ce6;border-radius:20px;color:#fff;display:flex;font-size:12px;gap:6px;padding:6px 12px;position:absolute;right:10px;top:10px}@keyframes pulse{0%,to{opacity:.9}50%{opacity:1}}.viewer-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;border-top:1px solid #ffffff1a;flex-shrink:0;padding:20px 30px;position:relative}.slide-progress{background-color:#ffffff1a;border-radius:2px;height:4px;overflow:hidden}.progress-bar{background-color:#3498db;height:100%;transition:width .3s ease}@media (max-width:768px){.viewer-header{padding:10px 15px}.viewer-info{gap:10px}.viewer-logo{font-size:16px}.presentation-id{display:none}.viewer-content{padding:20px}.viewer-status{gap:10px}.slide-indicator{font-size:12px}.viewer-footer{padding:15px 20px}.debug-panel{font-size:10px;padding:15px}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{height:100vh;overflow:hidden}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.fade-in{animation:fadeIn .3s ease-out}.flow-container{background-color:#f5f5f5;min-height:100vh}.flow-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:20px 40px}.flow-header h1{color:#333;font-size:32px;font-weight:700;margin:0}.flow-content{margin:0 auto;max-width:1400px;padding:40px}.empty-state{color:#666;padding:80px 20px;text-align:center}.empty-state svg{color:#ddd;margin-bottom:20px}.empty-state h2{color:#333;font-size:28px;margin:0 0 10px}.empty-state p{color:#666;font-size:16px;margin:0 0 30px}.btn:hover{box-shadow:0 4px 12px #0000001a}.btn-primary:hover{background-color:#2980b9}.btn-large{font-size:16px;padding:14px 28px}.flows-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.flow-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:24px;transition:all .3s}.flow-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.flow-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.flow-card-header h3{color:#333;flex:1 1;font-size:20px;font-weight:600;margin:0 12px 0 0}.flow-status{align-items:center;border-radius:20px;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 10px}.flow-status.active{background-color:#d4edda;color:#155724}.flow-status.inactive{background-color:#f8d7da;color:#721c24}.flow-url{align-items:center;background-color:#f8f9fa;border-radius:6px;display:flex;font-size:14px;gap:6px;margin-bottom:16px;padding:8px 12px}.flow-url svg{color:#6c757d;flex-shrink:0}.flow-url a{color:#06c;font-weight:500;text-decoration:none;word-break:break-all}.flow-url a:hover{text-decoration:underline}.flow-stats{border-bottom:1px solid #e9ecef;display:flex;gap:20px;margin-bottom:16px;padding-bottom:16px}.stat{align-items:center;color:#666;display:flex;font-size:14px;gap:6px}.flow-meta,.stat svg{color:#6c757d}.flow-meta{align-items:center;display:flex;font-size:13px;justify-content:space-between;margin-bottom:16px}.flow-type{background-color:#e9ecef;border-radius:4px;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.flow-date{font-size:12px}.flow-actions{display:flex;gap:8px}.btn-action{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.btn-action:hover{background-color:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.btn-action.btn-danger:hover{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.loading{color:#666;font-size:18px;padding:100px;text-align:center}@media (max-width:768px){.flow-header{flex-direction:column;gap:16px;padding:16px 20px}.flow-header h1{font-size:24px}.flow-content{padding:20px}.flows-grid{gap:16px;grid-template-columns:1fr}.flow-card{padding:16px}.btn{justify-content:center;width:100%}}.builder-container{background-color:#f5f5f5;display:flex;flex-direction:column;height:100vh}.builder-header{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;justify-content:space-between;padding:16px 24px;z-index:100}.builder-header,.header-left{align-items:center;display:flex}.header-left{gap:20px}.header-left h1{color:#333;font-size:24px;font-weight:600;margin:0}.btn-back{align-items:center;background:none;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.btn-back:hover{background-color:#f8f9fa;border-color:#adb5bd}.header-actions{gap:12px}.header-actions,.save-status{align-items:center;display:flex}.save-status{animation:fadeIn .3s ease;border-radius:20px;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.save-status.success{background-color:#d4edda;color:#155724}.builder-body{display:flex;flex:1 1;overflow:hidden}.builder-sidebar-left{background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden;transition:width .3s ease;width:400px}.builder-sidebar-left.wide{max-width:800px;width:50%}.sidebar-tabs{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex}.tab-btn{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:13px;gap:6px;justify-content:center;padding:12px;transition:all .2s}.tab-btn:hover{background-color:#e9ecef}.tab-btn.active{background-color:#fff;border-bottom-color:#3498db;color:#3498db}.sidebar-content{flex:1 1;overflow-y:auto;padding:20px}.logo-upload-section{margin-top:10px}.logo-preview,.logo-upload-section{display:flex;flex-direction:column;height:100%}.logo-preview{align-items:center;background-color:#f9f9f9;border:2px dashed #e0e0e0;border-radius:8px;gap:16px;justify-content:center;padding:20px}.logo-preview img{height:auto;max-height:200px;max-width:100%;object-fit:contain}.logo-preview>div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.logo-upload-empty{height:100%;min-height:350px;width:100%}.logo-upload-empty>div{align-items:center;background-color:#fafbfc;border:2px dashed #dee2e6;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:32px 20px;text-align:center;transition:all .2s}.logo-upload-empty>div:hover{background-color:#f8f9fa;border-color:#adb5bd}.logo-upload-empty svg{color:#adb5bd;margin-bottom:12px}.logo-upload-empty p{color:#6c757d;font-size:14px;margin-bottom:12px}.logo-upload-empty label{align-items:center;display:inline-flex;gap:8px}.theme-preview{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:24px;padding:20px;transition:all .3s ease}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-header h3{margin:0}.section-header label{align-items:center;display:flex;font-size:14px;font-weight:400;gap:8px}.steps-manager h3{color:#333;font-size:16px;margin:0 0 16px}.steps-list{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.step-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;padding:12px;transition:all .2s}.step-item:hover{background:#e9ecef}.step-item.active{background:#e3f2fd;border-color:#3498db}.step-header{gap:8px;margin-bottom:4px}.step-header,.step-number{align-items:center;display:flex}.step-number{background:#6c757d;border-radius:50%;color:#fff;font-size:12px;font-weight:600;height:24px;justify-content:center;width:24px}.step-item.active .step-number{background:#3498db}.step-title{color:#333;flex:1 1;font-size:14px;font-weight:500}.step-actions{display:flex;gap:4px}.step-properties{border-top:1px solid #e9ecef;padding-top:20px}.step-properties h4{color:#495057;font-size:14px;margin:0 0 16px}.settings-panel{display:flex;flex-direction:column;gap:20px}.settings-panel h3{color:#333;font-size:16px;margin:0 0 20px;width:100%}.settings-panel-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.settings-panel .form-group{margin-bottom:0}.settings-panel .form-group:has(.logo-upload-section){grid-column:2;grid-row:1/span 4;height:100%}.settings-panel .settings-toggles{grid-column:1/-1;margin-top:0}.theme-panel h3{color:#333;font-size:16px;margin:0 0 20px}.theme-panel h4{color:#495057;font-size:14px;font-weight:600;margin:16px 0 12px}.settings-toggles{display:flex;flex-direction:column;gap:12px;margin-top:20px}.settings-toggles label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px}.builder-main{background-color:#f9f9f9;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.step-editor{flex:1 1;overflow-y:auto;padding:24px}.step-editor-header{margin-bottom:24px}.step-editor-header h2{color:#333;font-size:24px;margin:0 0 8px}.step-editor-header p{color:#6c757d;font-size:14px;margin:0}.fields-container{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.field-item{background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;padding:16px;position:relative;transition:all .2s}.field-item:hover{border-color:#dee2e6;box-shadow:0 2px 8px #0000000d}.field-item.selected{border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.field-header{justify-content:space-between;margin-bottom:8px}.field-header,.field-info{align-items:center;display:flex}.field-info{gap:8px}.field-info svg{color:#6c757d}.field-label{color:#333;font-size:14px;font-weight:500}.field-actions{display:flex;gap:4px}.field-preview{margin-top:8px}.field-input-preview{background:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:not-allowed;font-size:14px;padding:8px 12px;width:100%}.info-preview{background:#d1ecf1;border-radius:4px;color:#0c5460;font-size:13px;padding:12px}.section-preview hr{border:none;border-top:1px solid #dee2e6;margin:0}.options-preview{display:flex;flex-wrap:wrap;gap:12px}.option-preview{align-items:center;color:#495057;display:flex;font-size:13px;gap:6px}.more-options{color:#6c757d;font-size:12px;font-style:italic}.buttons-preview{display:flex;flex-wrap:wrap;gap:8px}.btn-preview{background:#f8f9fa;border:1px solid #dee2e6;color:#495057;font-size:13px;gap:6px;padding:6px 12px}.btn-preview,.conditional-badge{align-items:center;border-radius:4px;display:flex}.conditional-badge{background:#ffeaa7;color:#f39c12;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:8px;top:8px}.add-field-section{background:#fff;border-radius:8px;margin-top:32px;padding:24px}.add-field-section h4{color:#333;font-size:16px;margin:0 0 16px}.field-types-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.field-type-btn{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:6px;padding:16px 12px;transition:all .2s}.field-type-btn:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-2px)}.field-type-btn svg{color:#6c757d}.no-step-selected{align-items:center;color:#6c757d;display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center;padding:40px;text-align:center}.no-step-selected h3{color:#495057;margin:0}.no-step-selected p{font-size:14px;margin:0}.builder-sidebar-right{background-color:#fff;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;overflow:hidden;width:360px}.sidebar-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.sidebar-header h3{color:#333;font-size:16px;margin:0}.field-properties{flex:1 1;overflow-y:auto;padding:20px}.field-type-display{align-items:center;background:#f8f9fa;border-radius:4px;color:#495057;display:flex;font-size:14px;gap:8px;padding:8px 12px}.options-section{border-top:1px solid #e9ecef;margin-top:24px;padding-top:20px}.conditional-section h4,.options-section h4,.validation-section h4{color:#495057;font-size:14px;margin:0 0 12px}.options-list{gap:8px}.option-item,.options-list{display:flex;flex-direction:column}.option-item{gap:6px}.option-fields{align-items:center;display:flex;gap:4px}.option-label{flex:1 1}.option-label,.option-value{border:1px solid #dee2e6;border-radius:4px;font-size:13px;padding:6px 8px}.option-value{width:80px}.option-description{border:1px solid #dee2e6;border-radius:4px;font-size:13px;padding:6px 8px;width:100%}.conditional-section{border-top:1px solid #e9ecef;margin-top:24px;padding-top:20px}.conditional-section label{align-items:center;color:#495057;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.validation-section{border-top:1px solid #e9ecef;margin-top:24px;padding-top:20px}.form-group{margin-bottom:16px}.form-group label{color:#495057;display:block;font-size:13px}.form-group input[type=color],.form-group input[type=email],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #dee2e6;border-radius:4px;font-size:14px;padding:8px 12px;transition:all .2s;width:100%}.form-group input[type=checkbox]{margin-right:6px}.form-group textarea{min-height:60px}.form-group input[type=color]{cursor:pointer;height:40px;padding:2px;width:40px}.url-input-group{align-items:center;display:flex}.url-prefix{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px 0 0 4px;border-right:none;color:#6c757d;font-size:14px;padding:8px 12px}.url-input-group input{border-radius:0 4px 4px 0;flex:1 1}.btn{border-radius:6px;font-size:14px;font-weight:600;padding:10px 20px}.btn:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.btn-icon{background:none;border:none;border-radius:4px;color:#6c757d;display:inline-flex;justify-content:center;padding:6px}.btn-icon:hover{background-color:#f8f9fa;color:#495057}.btn-icon.small{padding:4px}.btn-icon.danger:hover{background-color:#f8d7da;color:#721c24}.btn-icon:disabled{cursor:not-allowed;opacity:.4}.icon-selector{position:relative}.icon-selector-trigger{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:space-between;padding:8px 12px;transition:all .2s;width:100%}.icon-selector-trigger:hover{border-color:#adb5bd}.icon-selector-trigger span{flex:1 1;text-align:left}.icon-picker-dropdown{background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:0;margin-top:4px;max-height:300px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.icon-picker-search{border-bottom:1px solid #e9ecef;padding:8px}.icon-picker-search input{border:1px solid #dee2e6;border-radius:4px;font-size:13px;padding:6px 10px;width:100%}.icon-picker-grid{grid-gap:4px;display:grid;flex:1 1;gap:4px;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));overflow-y:auto;padding:8px}.icon-picker-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.icon-picker-item:hover{background:#f8f9fa;border-color:#adb5bd;transform:scale(1.1)}.icon-picker-item.selected{background:#e3f2fd;border-color:#3498db;color:#3498db}.icon-selector-compact{position:relative}.icon-selector-trigger.compact{align-items:center;display:flex;height:32px;justify-content:center;padding:0;width:32px}.icon-picker-dropdown.compact{left:auto;right:0;width:250px}.icon-picker-grid::-webkit-scrollbar{width:6px}.icon-picker-grid::-webkit-scrollbar-track{background:#f1f1f1}.icon-picker-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.icon-picker-grid::-webkit-scrollbar-thumb:hover{background:#999}.field-properties::-webkit-scrollbar,.sidebar-content::-webkit-scrollbar,.step-editor::-webkit-scrollbar{width:6px}.field-properties::-webkit-scrollbar-track,.sidebar-content::-webkit-scrollbar-track,.step-editor::-webkit-scrollbar-track{background:#f1f1f1}.field-properties::-webkit-scrollbar-thumb,.sidebar-content::-webkit-scrollbar-thumb,.step-editor::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.field-properties::-webkit-scrollbar-thumb:hover,.sidebar-content::-webkit-scrollbar-thumb:hover,.step-editor::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:1400px){.builder-sidebar-left{width:280px}.builder-sidebar-right{width:320px}}@media (max-width:1200px){.field-types-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.field-type-btn{font-size:11px;padding:12px 8px}}@media (max-width:1024px){.builder-body{flex-direction:column}.builder-sidebar-left,.builder-sidebar-right{border-bottom:1px solid #e0e0e0;border-left:none;border-right:none;max-height:300px;width:100%}.builder-sidebar-left.wide{width:100%}.builder-main{padding:16px}.settings-panel-grid{grid-template-columns:1fr!important}.settings-panel .form-group:has(.logo-upload-section){grid-column:1!important;grid-row:auto!important}}@media (min-width:1024px){.settings-panel-grid{grid-gap:30px!important;align-items:start!important;display:grid!important;gap:30px!important;grid-template-columns:1fr 1fr!important}.settings-panel .form-group:has(.logo-upload-section){display:flex!important;flex-direction:column!important;grid-column:2!important;grid-row:1/span 5!important;height:100%!important}.settings-panel-grid>.form-group:first-child{grid-column:1;grid-row:1}.settings-panel-grid>.form-group:nth-child(3){grid-column:1;grid-row:2}.settings-panel-grid>.form-group:nth-child(4){grid-column:1;grid-row:3}.settings-panel-grid>.form-group:nth-child(5){grid-column:1;grid-row:4}.settings-panel-grid>.form-group:nth-child(6){grid-column:1;grid-row:5}.settings-panel-grid>.form-group:nth-child(7){grid-column:1;grid-row:6}.settings-panel-grid>.form-group:nth-child(8){grid-column:1;grid-row:7}.settings-panel .settings-toggles{grid-column:1/-1!important;grid-row:8!important}.logo-upload-section{min-height:450px!important}}@media (min-width:1600px){.settings-panel-grid{gap:40px!important}.builder-sidebar-left{width:50%}}:root{--primary-color:#3498db;--primary-color-hover:#2980b9;--secondary-color:#ecf0f1;--secondary-color-hover:#d5dbdb;--page-background:#f5f7fa;--card-background:#fff;--input-background:#fff;--background-light:#f8f9fa;--text-primary:#333;--text-secondary:#666;--text-on-primary:#fff;--text-on-secondary:#333;--border-color:#ddd;--border-radius:8px;--error-color:#e74c3c;--success-color:#27ae60;--warning-color:#f39c12;--info-color:#3498db;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #0000001a;--transition-duration:0.2s;--progress-bar-color:var(--primary-color);--progress-bar-background:#e0e0e0;--progress-bar-height:6px;--logo-background:#0000;--logo-padding:0;--logo-border-radius:0;--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size:14px;--heading-font-family:var(--font-family);--heading-font-weight:600;--button-padding:12px 24px;--button-font-weight:600}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family)}body{background-color:#f5f7fa;background-color:var(--page-background)}.form-container{margin:0 auto;max-width:800px;width:100%}.form-card{background:#fff;background:var(--card-background);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);padding:40px}.form-screen{animation:fadeIn .3s ease;margin-top:0!important;min-height:100vh;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-screen h1{font-size:32px;margin:0 0 16px}.form-screen h1,.form-screen h2{color:#333;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--heading-font-family);font-weight:600;font-weight:var(--heading-font-weight);text-align:center}.form-screen h2{font-size:28px;margin:0 0 12px}.form-screen h3{color:#333;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--heading-font-family);font-size:18px;font-weight:600;font-weight:var(--heading-font-weight);margin:0 0 16px}.form-screen>p{color:#666;color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 0 24px;text-align:center;white-space:pre-line}.screen-icon{color:#3498db;color:var(--primary-color);margin-bottom:24px;margin-top:20px;text-align:center}.form-logo-icon{animation:fadeIn .3s ease;display:block!important;margin:0 auto 24px!important;padding:6px 0 0!important;padding-top:var(--progress-bar-height)!important;position:relative;text-align:center;width:100%}.form-logo-icon img{background:#0000;background:var(--logo-background);border-radius:0;border-radius:var(--logo-border-radius);display:block;height:auto;margin:0 auto;max-height:240px;max-width:400px;object-fit:contain;padding:0;padding:var(--logo-padding);width:100%}.fields-wrapper{gap:24px;margin-bottom:32px}.fields-wrapper,.form-group{display:flex;flex-direction:column}.form-group{gap:8px;margin-bottom:0;min-width:0;position:relative}.form-group:has(input[type=checkbox]):not(:has(.group-label)),.form-group:has(input[type=radio]):not(:has(.group-label)){align-items:center;flex-direction:row}.form-group:has(.group-label){align-items:flex-start;flex-direction:column;gap:12px}.form-group.full{width:100%}.form-group.half{min-width:200px;width:48%}.form-group.third{min-width:150px;width:31%}.form-group.quarter{min-width:120px;width:23%}.form-group label{align-items:center;color:#333;color:var(--text-primary);display:inline-flex;font-size:14px;font-size:var(--font-size);font-weight:600;gap:4px;margin-bottom:6px;white-space:nowrap}.form-group label.group-label{display:block;font-size:16px;margin-bottom:12px;white-space:normal;width:100%}.form-group input,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--input-background);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-sizing:border-box;color:#333;color:var(--text-primary);display:block;font-size:14px;font-size:var(--font-size);padding:12px;transition:all .2s;transition:all var(--transition-duration);width:100%!important}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a;outline:none}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#e74c3c;border-color:var(--error-color)}.form-group textarea{min-height:80px;resize:vertical}.field-description{color:#666;color:var(--text-secondary);display:block;font-size:13px;line-height:1.4;margin-top:4px;white-space:pre-line}.error-message{animation:fadeIn .2s ease;animation:fadeIn var(--transition-duration) ease;display:inline-block;font-size:13px;line-height:1.3;margin-bottom:0;margin-top:2px;max-width:100%;white-space:normal}.error-message,.required{color:#e74c3c;color:var(--error-color)}.required{font-weight:600;margin-left:0}.form-section-divider{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);margin:24px 0;padding-bottom:16px}.form-section-divider h3{color:#333;color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 8px}.form-section-divider p{color:#666;color:var(--text-secondary);font-size:14px;font-size:var(--font-size);margin:0;white-space:pre-line}.alert-info{background:#3498db1a;border:1px solid #3498db4d;border-radius:8px;border-radius:var(--border-radius);display:block;margin:0 auto 20px;max-width:400px;padding:16px}.alert-info.large{background:#f39c121a;border-color:#f39c124d;overflow:hidden;padding:0}.alert-info.large table{border-collapse:collapse;border-spacing:0;width:100%}.alert-info.large td{padding:20px;text-align:center;vertical-align:middle}.alert-info.large .icon-cell{background:#f39c120d;color:#333;color:var(--text-primary);width:80px}.alert-info.large .content-cell{padding-left:20px;padding-right:20px;text-align:center}.alert-info.large strong{color:#333;color:var(--text-primary);display:block;font-size:16px;font-weight:700;margin-bottom:4px}.alert-info.large p{color:#333;color:var(--text-primary);font-size:14px;font-size:var(--font-size);font-weight:500;line-height:1.4;margin:0}.alert-info:not(.large){align-items:flex-start;display:flex;gap:12px}.alert-info:not(.large) svg{color:#3498db;color:var(--info-color);flex-shrink:0}.alert-info:not(.large) p{margin:0;white-space:pre-line}.options-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px;width:100%}.options-grid.card-style{gap:20px}.option-card{align-items:center;background:#f8f9fa;background:var(--background-light);border:2px solid #ddd;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center;transition:all .2s;transition:all var(--transition-duration);width:100%}.option-card:hover{background:#ecf0f1;background:var(--secondary-color);border-color:#d5dbdb;border-color:var(--secondary-color-hover);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);filter:brightness(1.1);transform:translateY(-1px)}.option-card.selected{background-opacity:.1;background:#3498db;background:var(--primary-color);border-color:#3498db;border-color:var(--primary-color);color:#3498db;color:var(--primary-color)}.option-card svg{color:#666;color:var(--text-secondary)}.option-card.selected svg{color:#fff}.option-card:hover svg{color:#333;color:var(--text-on-secondary)}.option-card h3{color:#333;color:var(--text-primary);font-size:16px;font-weight:600;margin:8px 0 4px}.option-card p{color:#666;color:var(--text-secondary);font-size:13px;margin:0;text-align:center;white-space:pre-line}.option-card:hover p{color:#000}.option-card.selected p{color:#fff;color:var(--text-on-primary)}.radio-options{display:flex;flex-direction:column;gap:20px;margin-bottom:20px;width:100%}.radio-options.card-style{gap:24px}.radio-card{cursor:pointer;position:relative;width:100%}.radio-card input[type=radio]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.radio-content{background:#f8f9fa;background:var(--background-light);border:2px solid #ddd;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-sizing:border-box;padding:24px;position:relative;text-align:center;transition:all .2s;transition:all var(--transition-duration);width:100%}.radio-card:hover .radio-content{background:#ecf0f1;background:var(--secondary-color);border-color:#d5dbdb;border-color:var(--secondary-color-hover);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.radio-card:hover .radio-content h3{color:#333;color:var(--text-on-secondary)}.radio-content p{color:#666;color:var(--text-secondary);font-size:14px;font-size:var(--font-size);margin:0;white-space:pre-line}.radio-card:hover .radio-content p{color:#000}.radio-card input[type=radio]:checked~.radio-content{background-opacity:.1;background:#3498db;background:var(--primary-color);border-color:#3498db;border-color:var(--primary-color);box-shadow:0 0 0 3px #3498db1a}.radio-content h3{color:#333;color:var(--text-primary);font-size:18px;margin:12px 0 8px}.checkbox-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;width:100%}.checkbox-item{align-items:center;background:#f8f9fa;background:var(--background-light);border-radius:8px;border-radius:var(--border-radius);box-sizing:border-box;cursor:pointer;display:flex;flex-wrap:nowrap;gap:8px;padding:12px;transition:all .2s;transition:all var(--transition-duration);width:100%}.checkbox-item:hover{background:#ecf0f1;background:var(--secondary-color)}.checkbox-item input[type=checkbox]{accent-color:#3498db;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0;height:20px;margin:0;min-width:20px;vertical-align:middle;width:20px!important}.checkbox-label{align-items:center;color:#333;color:var(--text-primary);display:flex;flex:1 1;flex-shrink:1;font-size:14px;font-size:var(--font-size);gap:8px;line-height:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:normal}.form-navigation{border-top:1px solid #ddd;border-top:1px solid var(--border-color);display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:400px;padding-top:32px}.form-screen.sucesso{text-align:center}.success-icon{margin-bottom:24px}.success-icon svg,.success-message{color:#27ae60;color:var(--success-color)}.success-message{font-size:18px;margin-bottom:32px}.protocol-card{background:#f8f9fa;background:var(--background-light);border-radius:8px;border-radius:var(--border-radius);margin-bottom:32px;padding:24px;position:relative}.protocol-number{color:#333;color:var(--text-primary);font-family:Courier New,monospace;font-size:28px;font-weight:700;margin:16px 0}.btn-icon{align-items:center;background:#fff;background:var(--card-background);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);color:#666;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-size:var(--font-size);gap:8px;padding:8px;position:absolute;right:24px;top:24px;transition:all .2s;transition:all var(--transition-duration)}.btn-icon:hover{border-color:#d5dbdb;border-color:var(--secondary-color-hover)}.btn-icon:hover,.summary-card{background:#f8f9fa;background:var(--background-light)}.summary-card{border-radius:8px;border-radius:var(--border-radius);margin-bottom:24px;padding:24px}.summary-section{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:24px}.summary-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.summary-section h3{color:#666;color:var(--text-secondary);font-size:16px;margin-bottom:12px}.summary-item{align-items:center;display:flex;font-size:14px;font-size:var(--font-size);gap:8px;justify-content:flex-start;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-item .label{color:#666;color:var(--text-secondary);font-weight:700}.summary-item .value{color:#333;color:var(--text-primary);font-weight:500;max-width:60%;text-align:left;white-space:pre-line}.success-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:32px}.contact-info{border-top:1px solid #ddd;border-top:1px solid var(--border-color);margin-top:32px;padding-top:32px}.contact-info p{color:#333;color:var(--text-primary);font-weight:600;margin-bottom:12px}.contact-items{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.contact-items span{align-items:center;color:#666;color:var(--text-secondary);display:flex;font-size:14px;font-size:var(--font-size);gap:6px}.btn{border-radius:8px;font-size:16px;font-weight:700;padding:12px 24px;transition:all .2s}.btn:hover{box-shadow:0 2px 4px #0000000d;transform:scale(1.02) translateY(-1px)}.btn:disabled{background-color:#ccc}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2980b9;filter:brightness(1.1)}.btn-secondary{background-color:#ecf0f1;color:#333}.btn-secondary:hover:not(:disabled){background-color:#d5dbdb;filter:brightness(1.1)}.btn-outline{border:2px solid #3498db;color:#3498db}.btn-outline:hover:not(:disabled){background-color:#3498db;color:#fff}@media (max-width:768px){.form-card{padding:24px}.form-screen h1{font-size:28px}.form-screen h2{font-size:24px}.options-grid{grid-template-columns:1fr}.form-group.half,.form-group.quarter,.form-group.third{min-width:0!important;min-width:auto!important;width:100%!important}.form-navigation{flex-direction:column-reverse;gap:12px}.form-navigation .btn{width:100%}.success-actions{flex-direction:column}.success-actions .btn{width:100%}.protocol-card{padding-bottom:60px}.btn-icon{justify-content:center;margin-top:16px;position:static;width:100%}.checkbox-item{flex-wrap:nowrap;gap:8px;padding:10px}.checkbox-label{white-space:normal;word-break:break-word}.form-group{align-items:flex-start;flex-direction:column;gap:8px}.form-group label{white-space:normal}.form-logo-icon img{max-height:120px;max-width:200px}.fields-wrapper{gap:16px}.form-section-divider{margin:16px 0}.alert-info{gap:8px}.alert-info,.alert-info.large td{padding:12px}.alert-info.large .icon-cell{width:60px}.options-grid{gap:12px}.radio-options{gap:16px}.form-navigation{margin-top:24px;padding-top:24px}.btn{font-size:14px;padding:10px 20px}}.form-screen.error{padding:40px;text-align:center}.form-screen.error .screen-icon{margin-bottom:24px}.form-screen.error .screen-icon svg,.form-screen.error h2{color:#e74c3c;color:var(--error-color)}.form-screen.error h2{margin-bottom:16px}.form-screen.error p{color:#666;color:var(--text-secondary)}@media print{.btn,.btn-icon,.form-navigation{display:none!important}.form-card{border:none;box-shadow:none;padding:0}.protocol-card{break-inside:avoid;margin-bottom:0;page-break-inside:avoid}.form-logo-icon{margin-bottom:0!important}.alert-info,.alert-info.large{margin-bottom:0!important;padding:8px!important}.fields-wrapper{gap:8px!important}.form-section-divider{margin:8px 0!important}.contact-info{border-top:none!important;margin-top:0!important;padding-top:0!important}body,html{margin:0;padding:0}}@media (max-width:480px){.form-card{padding:16px}.fields-wrapper{gap:16px}.checkbox-item{gap:8px;padding:8px}.checkbox-label{font-size:13px}.option-card,.radio-content{padding:16px}.summary-item{align-items:flex-start;flex-direction:column}.form-logo-icon{margin-top:0!important}.error-message{font-size:12px}.alert-info{flex-direction:row;gap:10px}.alert-info svg{min-width:16px}.alert-info.large td{padding:10px 8px}.alert-info.large .icon-cell{width:50px}.alert-info.large strong{font-size:14px}.alert-info.large p{font-size:13px}}.form-screen:first-child .form-navigation{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);border-top:1px solid #ddd;border-top:1px solid var(--border-color);margin-bottom:20px;margin-top:40px;padding-bottom:20px;padding-top:20px}.form-screen:first-child .alert-info.large{margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:400px;text-align:left}.form-screen:first-child .alert-info.large,.form-screen:first-child .form-navigation button{display:block;margin:0 auto;max-width:400px;width:100%}input[type=tel]{inputmode:tel}.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled){filter:brightness(1.1);transform:scale(1.02) translateY(-2px)}.viewer-content{padding-top:calc(var(--progress-bar-height) + 40px)!important}.progress-bar{height:6px;height:var(--progress-bar-height);left:0;position:fixed;right:0;top:0;z-index:9999}.form-screen{padding-top:0!important}.form-screen .form-logo-icon{display:block!important;margin-bottom:24px!important;margin-top:0!important;padding-top:16px!important;padding-top:calc(var(--progress-bar-height) + 10px)!important}.form-screen:first-of-type .form-logo-icon{padding-top:26px!important;padding-top:calc(var(--progress-bar-height) + 20px)!important}.viewer-container{min-height:100vh}.viewer-container,.viewer-loading{background-color:var(--page-background);display:flex;flex-direction:column}.viewer-loading{align-items:center;gap:16px;height:100vh;justify-content:center}.spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.viewer-loading p{color:var(--text-secondary);font-family:var(--font-family);font-size:var(--font-size)}.viewer-error{align-items:center;background-color:var(--page-background);display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center;padding:20px;text-align:center}.viewer-error svg{color:var(--error-color)}.viewer-error h1{color:var(--text-primary);font-family:var(--font-family);font-family:var(--heading-font-family,var(--font-family));font-size:32px;font-weight:var(--heading-font-weight);margin:0}.viewer-error p{color:var(--text-secondary);font-family:var(--font-family);font-size:16px;margin:0;max-width:400px}.progress-bar{background-color:var(--progress-bar-background);height:6px!important;height:var(--progress-bar-height,6px)!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}.progress-fill{background-color:var(--primary-color);background-color:var(--progress-bar-color,var(--primary-color));height:100%;transition:width .3s ease}.viewer-content{align-items:center;background-color:var(--page-background);display:flex;flex:1 1;flex-direction:column;margin-top:0;overflow-y:auto;padding-bottom:40px;padding-left:20px;padding-right:20px;padding-top:46px!important;padding-top:calc(var(--progress-bar-height, 6px) + 40px)!important;position:relative;z-index:1}.viewer-content .form-screen{padding-top:0!important;position:relative!important;z-index:1!important}.viewer-content .form-logo-icon{display:block!important;margin:0 auto 24px!important;padding:0!important;position:relative!important;z-index:10!important}.viewer-footer{background-color:var(--card-background);border-top:1px solid var(--border-color);padding:16px 0}.footer-content{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin:0 auto;max-width:800px;padding:0 20px}.footer-item{align-items:center;display:flex;font-family:var(--font-family);font-size:var(--font-size);gap:8px}.footer-item,.footer-item svg{color:var(--text-secondary)}.footer-item a{color:var(--primary-color);text-decoration:none}.footer-item a:hover{text-decoration:underline}.btn{align-items:center;border:none;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--button-font-weight);gap:8px;justify-content:center;padding:var(--button-padding);text-decoration:none;transition:all var(--transition-duration)}.btn:hover{box-shadow:var(--shadow-sm);filter:brightness(1.1);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background-color:var(--primary-color);color:var(--text-on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--primary-color-hover)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-on-secondary)}.btn-secondary:hover:not(:disabled){background-color:var(--secondary-color-hover)}.btn-outline{background-color:initial;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover:not(:disabled){background-color:var(--primary-color);color:var(--text-on-primary)}@media (max-width:768px){.viewer-content{margin-top:0;padding:46px 16px 20px;padding:calc(var(--progress-bar-height, 6px) + 40px) 16px 20px}.footer-content{flex-direction:column;font-size:13px;gap:20px}.footer-item{font-size:13px}.viewer-container{overflow-y:auto}.form-container{max-width:100%}.form-card{border-radius:0;padding:20px}.fields-wrapper{gap:16px}.form-navigation{flex-direction:column;gap:12px}.form-navigation .btn{width:100%}}@media (max-width:480px){h1{font-size:24px}h2{font-size:20px}.btn{font-size:13px;padding:10px 20px}.viewer-content{padding:46px 10px 20px;padding:calc(var(--progress-bar-height, 6px) + 40px) 10px 20px}}
/*# sourceMappingURL=main.c7256e46.css.map*/