.form-builder-container{background:#f5f7fb;border-radius:16px;box-shadow:0 10px 30px #0f172a1a;margin-top:12px;padding-bottom:10px}.builder-header{background:linear-gradient(90deg,#ff7a18,#ffb347);border-radius:16px 16px 0 0;padding:18px 32px;color:#fff}.builder-header-content h1{font-size:20px;font-weight:600;margin:0 0 4px}.builder-header-content p{margin:0;font-size:13px;opacity:.95}.form-stats{display:flex;gap:14px;padding:16px 32px 6px;flex-wrap:wrap}.stat-card{background:#fff;border-radius:12px;flex:1 1 0;min-width:180px;padding:10px 14px;box-shadow:0 4px 12px #0f172a0f;display:flex;flex-direction:column;align-items:flex-start}.stat-number{font-size:20px;font-weight:600;color:#1e293b}.stat-label{font-size:11px;text-transform:uppercase;color:#94a3b8}.builder-content{display:grid;grid-template-columns:280px minmax(0,1fr) 280px;gap:12px;padding:12px 32px 10px}.builder-left,.builder-center,.builder-right{min-width:0}.field-palette{background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 6px 18px #0f172a0f;height:100%}.palette-section+.palette-section{margin-top:12px}.palette-title{font-size:13px;font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:8px;color:#0f172a}.palette-title i{color:#4f46e5}.field-item{display:flex;align-items:center;padding:6px 8px;margin-bottom:6px;border-radius:10px;background:#f8fafc;cursor:grab;border:1px solid transparent;transition:all .15s ease}.field-item i{font-size:16px;margin-right:8px;color:#4f46e5}.field-item-content{display:flex;flex-direction:column}.field-item-title{font-size:13px;font-weight:500;color:#0f172a}.field-item-desc{font-size:11px;color:#94a3b8}.field-item:hover{background:#eef2ff;border-color:#c7d2fe;box-shadow:0 3px 8px #818cf880;transform:translateY(-1px)}.form-canvas{background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 6px 18px #0f172a0f;height:100%;display:flex;flex-direction:column}.canvas-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.canvas-title{font-size:15px;margin:0;font-weight:600}.canvas-actions .btn{font-size:11px;padding:4px 10px;margin-left:6px}.form-preview{flex:1;border-radius:12px;border:2px dashed #d1d5db;background:#f9fafb;padding:14px;overflow-y:auto}.dropzone-active{border-color:#4f46e5;background:#eef2ff}.drop-zone-empty{text-align:center;color:#9ca3af;padding:40px 10px}.drop-zone-empty i{font-size:34px;color:#6366f1;margin-bottom:10px}.drop-zone-empty h4{font-size:16px;font-weight:600;margin-bottom:6px;color:#111827}.drop-zone-empty p{font-size:12px;margin:0}.form-field{position:relative;background:#fff;border-radius:12px;padding:10px 10px 12px;margin-bottom:8px;border:1px solid #e5e7eb;box-shadow:0 4px 10px #0f172a0a}.form-field.selected{border-color:#4f46e5;box-shadow:0 0 0 1px #6366f1}.form-field label{font-size:12px;font-weight:500;margin-bottom:4px;display:inline-block;color:#0f172a}.form-field .form-control{font-size:12px;padding:5px 8px}.field-controls{position:absolute;top:-12px;right:10px;display:flex;gap:4px}.control-btn{width:22px;height:22px;border-radius:999px;border:none;display:inline-flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;color:#fff;box-shadow:0 2px 6px #0f172a59}.control-btn i{font-size:11px}.control-btn.duplicate{background:#3b82f6}.control-btn.delete{background:#ef4444}.control-btn:not(.duplicate):not(.delete){background:#a855f7}.required-indicator{color:#ef4444;margin-left:2px}.settings-panel{background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 6px 18px #0f172a0f;height:100%}.settings-title{font-size:14px;font-weight:600;margin-bottom:10px;display:flex;align-items:center;gap:6px}.settings-title i{color:#4f46e5}.setting-group{border-radius:10px;padding:8px 10px;background:#f9fafb;margin-bottom:10px}.setting-group h6{font-size:12px;font-weight:600;margin:0 0 6px}.action-buttons{padding:10px 32px 14px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e5e7eb;background:#fff;border-radius:0 0 16px 16px}.action-buttons .btn-group .btn{font-size:12px;padding:5px 10px;margin-right:6px}@media(max-width:1100px){.builder-content{grid-template-columns:240px minmax(0,1fr)}.builder-right{display:none}}@media(max-width:768px){.builder-content{grid-template-columns:1fr}.builder-left{order:2}.builder-center{order:1}.action-buttons{flex-direction:column;gap:8px}}.modal-backdrop-custom{position:fixed;inset:0;background:#00000073;z-index:999}.modal-content{z-index:1000}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px)and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px)and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}