@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);*{box-sizing:border-box}body{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-attachment:fixed;color:#1a1a2e;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;overflow-x:hidden;padding:0}body:before{background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.3) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(240,147,251,.3) 0,transparent 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.App{display:flex;gap:20px;min-height:100vh;overflow:visible;padding:20px;width:100%;z-index:1}.App,h2{position:relative}h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;margin-top:0;padding-bottom:12px}h2:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.controls-panel{animation:slideInLeft .6s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.85);border:1px solid hsla(0,0%,100%,.3);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.6);flex:0 0 340px;height:calc(100vh - 40px);overflow-y:auto;padding:28px;position:-webkit-sticky;position:sticky;top:20px}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.panel-intro{color:#64748b;font-size:.9rem;line-height:1.6;margin:0 0 20px}.editor-panel{align-items:center;align-self:flex-start;animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) .1s backwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.3);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.6);display:flex;flex:1 1;flex-direction:column;height:calc(100vh - 40px);justify-content:flex-start;overflow:auto;padding:32px;position:-webkit-sticky;position:sticky;top:20px;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.preview-grid-panel{animation:slideInRight .6s cubic-bezier(.16,1,.3,1) .2s backwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.85);border:1px solid hsla(0,0%,100%,.3);border-radius:24px;box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.6);display:flex;flex:0 0 300px;flex-direction:column;height:calc(100vh - 40px);padding:28px;position:-webkit-sticky;position:sticky;top:20px}.data-panel-hint{color:#64748b;font-size:.9rem;line-height:1.5;margin:0 0 16px}.generate-previews-button{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 16px rgba(168,85,247,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:16px;padding:14px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.generate-previews-button:hover:not(:disabled){box-shadow:0 8px 24px rgba(168,85,247,.4);transform:translateY(-2px)}.generate-previews-button:disabled{background:linear-gradient(135deg,#d8b4fe,#c4b5fd);cursor:not-allowed;opacity:.6}.generate-previews-button.clear{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 16px rgba(249,115,22,.3)}.generate-previews-button.clear:hover:not(:disabled){box-shadow:0 8px 24px rgba(249,115,22,.4)}.preview-grid-container{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:1fr;margin-right:-10px;overflow-y:auto;padding-right:10px}.preview-grid-item{background:hsla(0,0%,100%,.7);border:2px solid rgba(148,163,184,.2);border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05);cursor:pointer;padding:12px;transition:all .3s cubic-bezier(.16,1,.3,1)}.preview-grid-item:hover{border-color:rgba(102,126,234,.4);box-shadow:0 12px 32px rgba(0,0,0,.1);transform:translateY(-4px)}.preview-grid-item img{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:8px;display:block;height:auto;width:100%}.preview-grid-item p{color:#334155;font-size:.9rem;font-weight:600;margin:10px 0 0;text-align:center;word-break:break-word}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.control-group{margin-bottom:28px}.control-group label{color:#334155;display:block;font-size:.95rem;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}.control-group input[type=color],.control-group input[type=number],.control-group select{background:hsla(0,0%,100%,.8);border:2px solid rgba(148,163,184,.2);border-radius:12px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:.95rem;outline:none;padding:12px 16px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.control-group input:focus,.control-group select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);transform:translateY(-1px)}.control-group input[type=color]{cursor:pointer;height:50px;padding:4px}.personalization-toggle{background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border:2px solid rgba(102,126,234,.3);border-radius:16px;margin-bottom:20px;padding:16px 18px;transition:all .3s ease}.personalization-toggle:hover{background:linear-gradient(135deg,rgba(102,126,234,.15),rgba(118,75,162,.15));border-color:rgba(102,126,234,.5);box-shadow:0 4px 12px rgba(102,126,234,.15);transform:translateY(-2px)}.toggle-label{align-items:center;color:#334155;cursor:pointer;display:flex;font-weight:600;gap:10px}.toggle-label input{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.toggle-hint{color:#64748b;font-size:.85rem;line-height:1.5;margin:8px 0 0}.muted-note{color:#94a3b8}.control-group button:disabled,.control-group input:disabled,.control-group select:disabled{cursor:not-allowed;opacity:.5}.manual-recipient-row{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.manual-recipient-row input{border:2px solid rgba(148,163,184,.2);border-radius:8px;padding:6px;width:100%}.manual-recipient-email-row{align-items:flex-start;display:flex;gap:10px}.manual-recipient-email-row input{flex:1 1}.manual-recipient-email-row .ghost-button{align-items:center;align-self:stretch;display:flex;flex:0 0 auto;justify-content:center;padding:5px;white-space:nowrap}.shared-attachment-control{background:rgba(248,250,252,.6);border:2px dashed rgba(148,163,184,.3);border-radius:16px;margin-bottom:18px;padding:16px}.shared-attachment-header{margin-bottom:10px}.shared-attachment-control label{color:#1e293b;display:block;font-weight:600;margin:0}.shared-attachment-control p{color:#64748b;font-size:.85rem;margin:6px 0 12px}.shared-attachment-upload{align-items:flex-start;background:hsla(0,0%,100%,.9);border:2px dashed rgba(102,126,234,.4);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:14px 16px;transition:all .2s ease;width:100%}.shared-attachment-upload.disabled{cursor:not-allowed;opacity:.6}.shared-attachment-upload input{display:none}.shared-attachment-upload span{color:#4c1d95;font-weight:600}.shared-attachment-upload small{color:#94a3b8;font-size:.8rem}.shared-attachment-upload:not(.disabled):hover{border-color:rgba(76,29,149,.4);box-shadow:0 6px 18px rgba(102,126,234,.25);transform:translateY(-1px)}.shared-attachment-chip{align-items:center;background:hsla(0,0%,100%,.95);border:2px solid rgba(148,163,184,.3);border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:14px 16px}.shared-attachment-chip-info{display:flex;flex-direction:column;gap:4px}.shared-attachment-chip-info strong{color:#1e293b;font-size:.95rem}.shared-attachment-chip-info span{color:#94a3b8;font-size:.8rem}.shared-attachment-chip button{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.1));border:none;border:2px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.shared-attachment-chip button:hover:not(:disabled){background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(220,38,38,.15));transform:translateY(-1px)}.shared-attachment-chip button:disabled{cursor:not-allowed;opacity:.5}.manual-recipient-actions{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.add-manual-button{background:rgba(102,126,234,.08);border:2px dashed #667eea;border-radius:12px;color:#667eea;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 14px;transition:all .3s ease}.add-manual-button:hover:not(:disabled){background:rgba(102,126,234,.15);border-color:#5568d3;transform:translateY(-2px)}.add-manual-button:disabled{opacity:.5}.manual-limit-hint{color:#64748b;font-size:.85rem}.manual-generate-button{background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:12px;box-shadow:0 4px 16px rgba(168,85,247,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:10px;padding:14px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.manual-generate-button:hover:not(:disabled){box-shadow:0 8px 24px rgba(168,85,247,.4);transform:translateY(-2px)}.manual-generate-button:active:not(:disabled){transform:translateY(0)}.ghost-button{background:linear-gradient(135deg,rgba(239,68,68,.1),rgba(220,38,38,.1));border:none;border:2px solid rgba(239,68,68,.2);border-radius:10px;color:#ef4444;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .3s ease}.ghost-button:hover:not(:disabled){background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(220,38,38,.15));border-color:rgba(239,68,68,.4);box-shadow:0 4px 12px rgba(239,68,68,.2);transform:translateY(-2px)}.email-toggle.attachment-toggle{margin-top:14px}.font-align{display:flex;gap:8px;justify-content:space-between}.font-align button{background:hsla(0,0%,100%,.8);border:2px solid rgba(148,163,184,.2);border-radius:10px;color:#64748b;cursor:pointer;flex:1 1;font-weight:600;padding:12px 16px;transition:all .3s ease}.font-align button:hover:not(.active){background:rgba(102,126,234,.05);border-color:rgba(102,126,234,.4);transform:translateY(-2px)}.font-align button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff}.dropzone{background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border:3px dashed rgba(102,126,234,.4);border-radius:16px;color:#667eea;cursor:pointer;overflow:hidden;padding:32px 24px;position:relative;text-align:center;transition:all .3s cubic-bezier(.16,1,.3,1)}.dropzone:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.dropzone:hover:before{left:100%}.dropzone p{font-size:1rem;font-weight:600;margin:0;position:relative;z-index:1}.dropzone:hover{background:linear-gradient(135deg,rgba(102,126,234,.12),rgba(118,75,162,.12));border-color:rgba(102,126,234,.6);box-shadow:0 8px 24px rgba(102,126,234,.2);transform:translateY(-4px)}.file-name{color:#10b981;font-size:.95rem;font-weight:700;margin-top:12px}.editor-canvas{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.15);flex-shrink:0;overflow:hidden;position:relative}.overlay-disabled-hint{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(15,23,42,.85);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.3);color:#fff;font-size:.9rem;line-height:1.5;margin-top:20px;max-width:400px;padding:14px 20px;position:relative;text-align:left;width:100%}.overlay-disabled-hint strong{display:block;font-size:1rem;margin-bottom:4px}.draggable-text-box{background:hsla(0,0%,100%,.6);box-sizing:border-box;cursor:move;display:flex;outline:3px dashed rgba(102,126,234,.6);overflow:hidden;transition:all .2s ease}.draggable-text-box:hover{background:hsla(0,0%,100%,.8);outline-color:rgba(102,126,234,.9)}.draggable-text-box.locked{background:transparent;cursor:default;outline:none}.preview-text-canvas{display:block;height:100%;pointer-events:none;width:100%}.react-resizable-handle{border-radius:2px;bottom:0;box-shadow:0 2px 8px rgba(0,0,0,.2);height:12px;right:0;width:12px}.react-resizable-handle,.scroll-top-button{background:linear-gradient(135deg,#667eea,#764ba2)}.scroll-top-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:999px;bottom:32px;box-shadow:0 12px 32px rgba(102,126,234,.4);color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:14px 24px;position:fixed;right:32px;transition:all .3s cubic-bezier(.16,1,.3,1);z-index:50}.scroll-top-button:hover{box-shadow:0 16px 40px rgba(102,126,234,.5);transform:translateY(-4px)}.scroll-top-button:active{transform:translateY(-2px)}.scroll-top-button:focus-visible{outline:3px solid rgba(102,126,234,.5);outline-offset:4px}.active-preview{color:#64748b;font-size:.9rem;font-weight:500;margin:0 0 10px}.preview-input{background:hsla(0,0%,100%,.8);border:2px solid rgba(148,163,184,.2);border-radius:12px;box-sizing:border-box;font-family:Inter,sans-serif;font-size:.95rem;margin-top:12px;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.preview-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);transform:translateY(-1px)}.preview-pill{align-self:flex-start;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,rgba(30,41,59,.95),rgba(15,23,42,.95));border:1px solid hsla(0,0%,100%,.15);border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.25);color:#fff;font-size:.95rem;font-weight:600;letter-spacing:.01em;margin-bottom:20px;padding:12px 24px;position:static}.preview-pill strong{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#f093fb);-webkit-background-clip:text;background-clip:text;font-weight:700}.preview-zoom-controls{margin:12px 0 24px;width:100%}.preview-zoom-header{align-items:center;color:#475569;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;margin-bottom:8px}.preview-zoom-slider{-webkit-appearance:none;appearance:none;background:linear-gradient(90deg,#d9e3ff,#f5d9ff);border-radius:999px;height:6px;outline:none;transition:opacity .2s ease;width:100%}.preview-zoom-slider:disabled{opacity:.4}.preview-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px rgba(118,75,162,.35);cursor:pointer;height:18px;width:18px}.preview-zoom-slider::-moz-range-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px rgba(118,75,162,.35);cursor:pointer;height:18px;width:18px}.preview-zoom-actions{display:flex;justify-content:flex-end;margin-top:8px}.preview-zoom-reset{background:hsla(0,0%,100%,.9);border:2px solid rgba(102,126,234,.3);border-radius:999px;color:#4c1d95;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 16px;transition:all .2s ease}.preview-zoom-reset:hover:not(:disabled){box-shadow:0 6px 16px rgba(102,126,234,.25);transform:translateY(-1px)}.preview-zoom-reset:disabled{cursor:not-allowed;opacity:.5}.color-swatches{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;margin-top:12px}.color-swatch{border:3px solid transparent;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;height:40px;outline:none;transition:all .3s cubic-bezier(.16,1,.3,1);width:40px}.color-swatch:hover{box-shadow:0 6px 16px rgba(0,0,0,.15);transform:translateY(-4px) scale(1.1)}.color-swatch.selected{border-color:#1e293b;box-shadow:0 0 0 2px #fff,0 0 0 4px #1e293b,0 4px 12px rgba(0,0,0,.2);transform:scale(1.1)}.layout-hint{color:#64748b;font-size:.85rem;line-height:1.5;margin:0 0 12px}.confirm-layout-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 16px rgba(102,126,234,.3);color:#fff;cursor:pointer;font-size:1.05rem;font-weight:700;margin-top:24px;padding:14px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.confirm-layout-button:hover:not(:disabled){box-shadow:0 8px 24px rgba(102,126,234,.4);transform:translateY(-2px)}.confirm-layout-button:active:not(:disabled){transform:translateY(0)}.confirm-layout-button.locked{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 16px rgba(249,115,22,.3)}.confirm-layout-button.locked:hover:not(:disabled){box-shadow:0 8px 24px rgba(249,115,22,.4)}.preview-download-button{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:12px;box-shadow:0 4px 16px rgba(6,182,212,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:12px;padding:14px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.preview-download-button:disabled{background:linear-gradient(135deg,#a5f3fc,#67e8f9);cursor:not-allowed;opacity:.6}.preview-download-button:not(:disabled):hover{box-shadow:0 8px 24px rgba(6,182,212,.4);transform:translateY(-2px)}.preview-download-button:active:not(:disabled){transform:translateY(0)}.generate-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 16px rgba(16,185,129,.3);color:#fff;cursor:pointer;font-size:1.15rem;font-weight:700;padding:16px;transition:all .3s cubic-bezier(.16,1,.3,1);width:100%}.generate-button:disabled{background:linear-gradient(135deg,#86efac,#6ee7b7);cursor:not-allowed;opacity:.6}.generate-button:not(:disabled):hover{box-shadow:0 8px 24px rgba(16,185,129,.4);transform:translateY(-2px)}.generate-button:active:not(:disabled){transform:translateY(0)}.generation-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.1));border-left:4px solid #10b981;border-radius:12px;color:#065f46;font-size:.9rem;margin-top:16px;padding:14px 18px;word-break:break-word}.generation-summary code{background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.2);border-radius:6px;display:inline-block;font-size:.85rem;font-weight:600;margin-top:6px;padding:4px 8px}.generation-actions{display:flex;flex-wrap:wrap;gap:14px}.generation-actions .generate-button{flex:1 1 180px;width:auto}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 16px rgba(102,126,234,.3);color:#fff;cursor:pointer;flex:1 1 180px;font-size:1.05rem;font-weight:700;padding:16px;transition:all .3s cubic-bezier(.16,1,.3,1)}.send-button:disabled{background:linear-gradient(135deg,#cbd5e1,#94a3b8);cursor:not-allowed;opacity:.6}.send-button:not(:disabled):hover{box-shadow:0 8px 24px rgba(102,126,234,.4);transform:translateY(-2px)}.send-button:active:not(:disabled){transform:translateY(0)}.email-toggle{align-items:center;color:#334155;display:flex;font-weight:600;gap:10px;margin:10px 0}.email-toggle input{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.email-settings{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(102,126,234,.05),rgba(118,75,162,.05));border:2px dashed rgba(102,126,234,.3);border-radius:16px;display:flex;flex-direction:column;gap:14px;padding:18px;transition:all .3s ease}.email-settings.disabled{filter:grayscale(.5);opacity:.5;pointer-events:none}.email-settings input,.email-settings textarea{background:hsla(0,0%,100%,.8);border:2px solid rgba(148,163,184,.2);border-radius:12px;font-family:Inter,sans-serif;font-size:.95rem;outline:none;padding:12px 16px;transition:all .3s ease;width:100%}.email-settings input:focus,.email-settings textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px rgba(102,126,234,.1);transform:translateY(-1px)}.email-settings textarea{line-height:1.6;min-height:140px;resize:vertical}.email-delivery-stats{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;display:flex;flex-wrap:wrap;font-size:.85rem;font-weight:600;gap:8px;justify-content:space-between}.email-warning{color:#dc2626;font-size:.9rem;font-weight:700}.template-hint{color:#64748b;font-size:.8rem;line-height:1.5;margin:0}.email-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(102,126,234,.1),rgba(118,75,162,.1));border-left:4px solid #667eea;border-radius:12px;color:#1e40af;padding:14px 18px}.email-summary details{margin-top:8px}.email-summary summary{cursor:pointer;font-weight:600;padding:4px 0;transition:color .2s ease}.email-summary summary:hover{color:#667eea}.failure-list{color:#991b1b;font-size:.85rem;line-height:1.6;margin:8px 0 0;padding-left:24px}@media (max-width:1280px){.App{flex-direction:column;gap:16px;overflow:auto;padding:16px}.controls-panel,.preview-grid-panel{animation:fadeInUp .5s ease;flex:0 0 auto;height:auto;position:relative;top:auto;width:100%}.editor-panel{align-self:stretch;height:auto;order:2;position:relative;top:auto;width:100%}.preview-grid-panel{order:3}.scroll-top-button{bottom:20px;padding:12px 20px;right:20px}}.controls-panel::-webkit-scrollbar,.editor-panel::-webkit-scrollbar,.preview-grid-container::-webkit-scrollbar,.preview-grid-panel::-webkit-scrollbar{width:8px}.controls-panel::-webkit-scrollbar-track,.editor-panel::-webkit-scrollbar-track,.preview-grid-container::-webkit-scrollbar-track,.preview-grid-panel::-webkit-scrollbar-track{background:rgba(148,163,184,.1);border-radius:10px}.controls-panel::-webkit-scrollbar-thumb,.editor-panel::-webkit-scrollbar-thumb,.preview-grid-container::-webkit-scrollbar-thumb,.preview-grid-panel::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.controls-panel::-webkit-scrollbar-thumb:hover,.editor-panel::-webkit-scrollbar-thumb:hover,.preview-grid-container::-webkit-scrollbar-thumb:hover,.preview-grid-panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f)}button,input,select,textarea{font-family:Inter,sans-serif}::selection{background:rgba(102,126,234,.3);color:#1e293b}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}:focus-visible{border-radius:8px;outline:3px solid rgba(102,126,234,.5);outline-offset:3px}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}
/*# sourceMappingURL=main.47f3d3c3.css.map*/