@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap";:root{--font-family: "Poppins", Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;--color-primary: #0047ff;--color-primary-2: #00d1ff;--color-accent: #00a3ff;--color-bg: #0a0f1c;--color-surface: #0f1424;--color-surface-2: #121a2b;--color-border: #1f2a44;--color-text: #e5ebf5;--color-muted: #9fb2d0;--shadow-1: 0 6px 16px rgba(0, 23, 102, .18);--grad-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-2) 100%)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:var(--font-family);background:var(--color-bg);color:var(--color-text)}.app{display:grid;grid-template-columns:280px 1fr 360px;height:100%}.sidebar{border-right:1px solid var(--color-border);padding:14px;overflow:auto;background:var(--color-surface)}.canvas{background:radial-gradient(1200px 600px at 30% -10%,rgba(0,71,255,.18),transparent),var(--color-bg);padding:20px;overflow:auto}.inspector{border-left:1px solid var(--color-border);padding:14px;overflow:auto;background:var(--color-surface)}.toolbar{min-height:64px;height:auto;display:flex;flex-wrap:wrap;gap:10px;row-gap:8px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--color-border);background:var(--color-surface-2);position:sticky;top:0;z-index:10;box-shadow:var(--shadow-1)}.button{background:var(--grad-primary);color:#fff;border:none;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}.button.secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:16px;margin-bottom:18px;position:relative;transition:box-shadow .15s ease-in-out,border-color .15s;box-shadow:0 2px 8px #0000002e}.block:hover{box-shadow:0 10px 22px #00000040;border-color:#2a3860}.block.selected{outline:2px solid var(--color-primary)}.palette-item{border:1px dashed #2a3860;padding:12px;margin-bottom:12px;border-radius:12px;background:var(--color-surface-2);cursor:grab;color:var(--color-text)}.input{width:100%;padding:10px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-2);color:var(--color-text)}.input[type=color]{width:44px;height:36px;padding:2px;cursor:pointer;background:transparent;display:inline-block}.input[type=color]::-webkit-color-swatch-wrapper{padding:0}.input[type=color]::-webkit-color-swatch{border:1px solid var(--color-border);border-radius:8px}.input[type=color]::-moz-color-swatch{border:1px solid var(--color-border);border-radius:8px}.label{font-size:12px;color:var(--color-muted);margin-bottom:4px;display:block}.email-preview{max-width:100%;margin:0 auto}.row{display:flex;gap:18px}.col{flex:1;padding:6px}.container-placeholder{border:2px dashed #2a3860;border-radius:12px;background:#ffffff05;padding:18px;text-align:center;color:var(--color-muted)}.block-actions{position:absolute;top:-12px;right:-12px;display:flex;gap:6px;opacity:0;transition:opacity .15s ease-in-out;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:9999px;padding:6px;box-shadow:var(--shadow-1);z-index:20}.block:hover .block-actions{opacity:1}.icon-btn{width:28px;height:28px;border-radius:9999px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 2px #00000026;font-size:13px;line-height:1}.icon-btn:hover{background:var(--color-surface-2)}.icon-btn:disabled{opacity:.45;cursor:default}h3{margin:10px 0;font-size:14px;color:var(--color-text);font-weight:600}.sidebar h3,.inspector h3{margin-top:0}.toolbar .input,.toolbar .button{height:36px}.email-preview a{font-weight:600}.email-preview{background:#fff;color:#111827;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 8px 30px #00000040}.email-preview .block{background:#fff;border:1px solid #e5e7eb;box-shadow:none}.email-preview .container-placeholder{border-color:#e5e7eb;background:#fafafa;color:#6b7280}.logo-wrap{height:40px;width:170px;overflow:hidden;display:flex;align-items:center}.logo-img{width:100%;height:auto;display:block;transform:scale(1.15)}@media (min-width: 1280px){.logo-wrap{height:48px;width:200px}.logo-img{transform:scale(1.25)}}.drop-indicator{height:4px;border-radius:9999px;background:#cbd5e1;box-shadow:0 0 0 2px #cbd5e140;margin:8px 0;opacity:.6}.drop-slot{height:12px;border-radius:9999px;background:#cbd5e1;box-shadow:0 0 0 2px #cbd5e140;margin:12px 0;opacity:.35;transition:opacity .12s ease-in-out,box-shadow .12s ease-in-out}.drop-slot.active{opacity:.95;box-shadow:0 0 0 2px #cbd5e173}