@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.editor-container{height:calc(100vh - 200px);min-height:400px}.preview-container{height:calc(100vh - 200px);min-height:400px;overflow-y:auto}@media (max-width: 768px){.editor-container,.preview-container{height:50vh;min-height:300px}}.toolbar-btn{transition:all .2s ease}.toolbar-btn:hover{transform:translateY(-2px)}.toolbar-btn:active{transform:translateY(0)}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pulse-animation{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #3b82f6b3}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 #3b82f600}}.toast{position:fixed;bottom:20px;right:20px;background:#10b981;color:#fff;padding:12px 24px;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:1000;display:none;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.loading-spinner{border:3px solid #f3f3f3;border-top:3px solid #3b82f6;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}