@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.App{background:#f7f7f8;display:flex;flex-direction:column;min-height:100vh}.main-header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-left{display:flex;flex-direction:column;gap:.25rem}.app-title{color:#fff;font-size:1.5rem;font-weight:700;margin:0}.app-subtitle{font-size:.875rem;font-weight:400;opacity:.9}.header-right{gap:1.5rem}.header-right,.user-indicator{align-items:center;display:flex}.user-indicator{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;font-size:.875rem;gap:.5rem;padding:.5rem .75rem}.user-icon{font-size:1rem}.user-name{color:#fff;font-weight:500}.logout-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;opacity:.8;padding:.25rem;transition:opacity .2s ease}.logout-btn:hover{background:#ffffff1a;opacity:1}.llm-selector,.model-selector{align-items:center;display:flex;font-size:.875rem;gap:.5rem}.llm-selector label,.model-selector label{font-weight:500;white-space:nowrap}.llm-selector select,.model-selector select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.875rem;padding:.375rem .75rem}.llm-selector select option,.model-selector select option{background:#2d3748;color:#fff}.status-indicator{font-size:.875rem;font-weight:500;gap:.5rem}.status-dot{animation:pulse 2s infinite}.status-dot,.status-dot.online{background:#48bb78}@media (max-width:768px){.header-container{flex-direction:column;gap:1rem;padding:0 1rem}.header-right{flex-wrap:wrap;gap:1rem;justify-content:center}.user-indicator{order:-1}}.main-content{display:flex;flex:1 1;margin:0 auto;max-width:1400px;padding:0 1.5rem;width:100%}.chat-container{background:#fff;border:1px solid #0ea5e91a;border-radius:12px;box-shadow:0 4px 6px #0000000d;flex:1 1;margin:1rem 0}.chat-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.chat-title h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.chat-title p{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.chat-controls{flex-shrink:0}.auto-scroll-toggle{align-items:center;display:flex}.auto-scroll-toggle .toggle-label{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;transition:color .2s ease}.auto-scroll-toggle .toggle-label:hover{color:#0ea5e9}.toggle-checkbox{-webkit-appearance:none;appearance:none;border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;height:16px;position:relative;transition:all .2s ease;width:16px}.toggle-checkbox:checked{background:#0ea5e9;border-color:#0ea5e9}.toggle-checkbox:checked:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:1px;position:absolute;top:-2px}.toggle-text{font-weight:500;-webkit-user-select:none;user-select:none}.messages-container{background:#fafafa;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;min-height:0;overflow-y:auto;padding:1.5rem}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.messages-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.message{animation:slideIn .3s ease-out;display:flex;gap:1rem;max-width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 2px 8px #0ea5e933;color:#fff;font-size:1.25rem}.message.user .message-avatar{background:linear-gradient(135deg,#64748b,#475569)}.message-content{flex:1 1;min-width:0}.message.user .message-content{align-items:flex-end;display:flex;flex-direction:column}.message-bubble{word-wrap:break-word;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #00000014;max-width:100%;padding:1.25rem 1.5rem;position:relative}.message.user .message-bubble{background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;color:#fff}.message-bubble.error{background:#fef2f2;border-color:#fecaca;color:#dc2626}.message-bubble p{line-height:1.6;margin:0}.message-time{color:#94a3b8}.message.user .message-time{color:#ffffffb3;text-align:right}.message-bubble.streaming{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f8fafc,#f1f5f9 50%,#f8fafc);background-size:200% 100%;border:2px solid #0ea5e9}.message-bubble.streaming:before{animation:pulse-border 2s infinite;background:linear-gradient(45deg,#0ea5e9,#06b6d4,#0ea5e9);border-radius:18px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-border{0%,to{opacity:.5}50%{opacity:1}}.streaming-indicator{align-items:center;background:#0ea5e90d;border-left:4px solid #0ea5e9;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem 1rem}.streaming-text{color:#0ea5e9;font-size:.9rem;font-weight:600}.streaming-dots{display:flex;gap:4px}.streaming-dots span{animation:streaming-bounce 1.4s ease-in-out infinite both;background:#0ea5e9;border-radius:50%;height:8px;width:8px}.streaming-dots span:first-child{animation-delay:-.32s}.streaming-dots span:nth-child(2){animation-delay:-.16s}@keyframes streaming-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.streaming-content{line-height:1.6}.current-step{background:#0ea5e90d;border-left:4px solid #0ea5e9;border-radius:8px;color:#0ea5e9;font-style:italic;margin-top:1rem;padding:.75rem 1rem}.reasoning-step.current-step{animation:pulse-step 2s infinite;background:linear-gradient(135deg,#0ea5e91a,#06b6d41a);border:2px solid #0ea5e9}.reasoning-step.streaming-step{animation:pulse-step 2s infinite;background:linear-gradient(135deg,#0ea5e90d,#06b6d40d);border:2px dashed #0ea5e9}@keyframes pulse-step{0%,to{box-shadow:0 0 0 0 #0ea5e966}50%{box-shadow:0 0 0 8px #0ea5e900}}.thought-line{background:linear-gradient(135deg,#8b5cf61a,#7c3aed1a);border-left:4px solid #8b5cf6;color:#7c3aed}.action-line,.thought-line{border-radius:8px;font-weight:500;margin:.5rem 0;padding:.75rem 1rem}.action-line{background:linear-gradient(135deg,#22c55e1a,#16a34a1a);border-left:4px solid #22c55e;color:#16a34a}.current-thought{line-height:1.7}.blog-content{width:100%}.blog-h1{border-bottom:2px solid #2563eb;color:#1e293b;font-size:24px;font-weight:700;margin:16px 0 12px;padding-bottom:8px}.blog-h2{color:#334155;font-size:20px;font-weight:600;margin:14px 0 10px}.blog-h3{color:#475569;font-size:18px;font-weight:600;margin:12px 0 8px}.blog-p{color:#1e293b;line-height:1.6;margin:8px 0}.blog-bold{font-weight:700;margin:8px 0}.blog-metadata{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.format-badge,.images-badge,.steps-badge,.streaming-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.format-badge{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.steps-badge{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff}.images-badge{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff}.streaming-badge{animation:pulse-badge 2s infinite;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.html-blog-content{line-height:1.6;max-width:100%;overflow-wrap:break-word}.html-blog-content h1{border-bottom:3px solid #2563eb;color:#1e293b;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 16px;padding-bottom:8px}.html-blog-content h2{color:#334155;font-size:22px;font-weight:600;line-height:1.3;margin:24px 0 12px}.html-blog-content h3{color:#475569;font-size:18px;font-weight:600;line-height:1.4;margin:20px 0 10px}.html-blog-content p{color:#334155;line-height:1.6;margin:0 0 12px}.html-blog-content strong{color:#1e293b;font-weight:600}.html-blog-content em{color:#475569;font-style:italic}.html-blog-content ol,.html-blog-content ul{color:#334155;margin:12px 0 12px 20px}.html-blog-content li{line-height:1.5;margin:4px 0}.html-blog-content img{border-radius:8px;box-shadow:0 4px 8px #2563eb1a;display:block;height:auto;margin:16px auto;max-width:100%}.html-blog-content figure{margin:20px 0;text-align:center}.html-blog-content figcaption{color:#6b7280;font-size:14px;font-style:italic;margin-top:8px;padding:0 16px}.input-container{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;padding:1rem 1.5rem}.input-form{display:flex;flex-direction:column;gap:.75rem;max-width:100%}.input-wrapper.main-input{flex:1 1}.message-input{background:#fafafa;border:2px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:1rem;line-height:1.5;padding:.875rem 1rem;resize:none;transition:all .2s ease;width:100%}.message-input:focus{background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.message-input:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.input-wrapper.main-input .message-input{padding-right:120px}.advanced-options{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem}.options-row{flex-wrap:wrap;gap:1rem}.option-group,.options-row{align-items:center;display:flex}.option-group{gap:.5rem;min-width:0}.option-label{color:#475569;font-size:.875rem;font-weight:500;white-space:nowrap}.option-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;min-width:120px;padding:.5rem .75rem;transition:all .2s ease}.option-select:focus{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91a;outline:none}.option-select:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.option-select:hover:not(:disabled){border-color:#9ca3af}.send-button{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;box-shadow:0 2px 4px #0ea5e933;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease}.send-button:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 8px #0ea5e94d;transform:translateY(-50%) translateY(-1px)}.send-button:active{transform:translateY(-50%) translateY(0)}.send-button:disabled{background:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed}.send-button.enhanced{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;box-shadow:0 2px 4px #0ea5e933;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1rem;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .2s ease}.send-button.enhanced:hover:not(:disabled){background:linear-gradient(135deg,#0284c7,#0369a1);box-shadow:0 4px 8px #0ea5e94d;transform:translateY(-50%) translateY(-1px)}.send-button.enhanced:disabled{background:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed;transform:translateY(-50%)}.loading-content{gap:.5rem}.submit-content{align-items:center;display:flex;gap:.5rem}.spinner{height:16px;width:16px}.submit-wrapper{position:relative}.llm-toggle,.submit-wrapper{align-items:center;display:flex}.llm-toggle{gap:.75rem}.toggle-label{color:#64748b;font-size:.875rem;font-weight:500}.toggle-switch{position:relative}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{align-items:center;background:#e2e8f0;border-radius:25px;cursor:pointer;display:flex;padding:4px;position:relative;transition:all .3s ease;width:200px}.toggle-slider:hover{background:#cbd5e1}.toggle-option{border-radius:20px;color:#64748b;flex:1 1;font-size:.875rem;font-weight:500;padding:.5rem 1rem;position:relative;text-align:center;transition:all .3s ease;z-index:2}.toggle-option.cloud,.toggle-option.local{color:#64748b}.toggle-switch input[type=checkbox]:checked+.toggle-slider .toggle-option.cloud,.toggle-switch input[type=checkbox]:not(:checked)+.toggle-slider .toggle-option.local{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 2px 4px #2563eb33;color:#fff}.toggle-switch input[type=checkbox]:disabled+.toggle-slider{cursor:not-allowed;opacity:.6}.toggle-switch input[type=checkbox]:disabled+.toggle-slider:hover{background:#e2e8f0}.model-selector{flex-wrap:wrap;gap:.75rem}.model-group,.model-selector{align-items:center;display:flex}.model-group{gap:8px}.model-group label{white-space:nowrap}.model-group label,.selector-label{color:#64748b;font-size:.875rem;font-weight:500}.model-dropdown,.model-select{background:#fff;border:2px solid #2563eb1a;border-radius:8px;color:#334155;cursor:pointer;font-size:.875rem;min-width:150px;outline:none;padding:.5rem 1rem;transition:all .3s ease}.model-dropdown:focus,.model-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.model-select option{background:#fff;color:#334155;padding:8px}.llm-provider-toggle{background:#e2e8f0;border:2px solid #2563eb1a;border-radius:25px;display:flex;padding:4px}.provider-option{background:#0000;border:none;border-radius:20px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.provider-option.active{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 2px 8px #2563eb33;color:#fff}.provider-option:hover:not(.active){background:#2563eb1a;color:#2563eb}.reset-landing-btn{align-items:center;background:#0000;border:2px solid #2563eb33;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.reset-landing-btn:hover{background:#2563eb;border-color:#2563eb;color:#fff;transform:translateY(-1px)}.status-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2563eb1a;border:2px solid #2563eb33;border-radius:20px;display:flex;gap:8px;padding:8px 12px}.status-dot{animation:pulse-status 2s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}.status-text{color:#2563eb;font-size:14px;font-weight:500}@keyframes pulse-status{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.export-actions{border-top:1px solid #2563eb1a;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;padding-top:1.5rem}.export-button{align-items:center;background:linear-gradient(135deg,#16a34a,#22c55e);border:none;border-radius:10px;box-shadow:0 4px 12px #16a34a4d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.export-button:hover{background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 8px 20px #16a34a4d;transform:translateY(-2px)}.export-button:active{box-shadow:0 4px 12px #16a34a4d;transform:translateY(0)}.export-button:focus{box-shadow:0 0 0 3px #16a34a33;outline:none}.reasoning-trace-inline{border-top:1px solid #2563eb1a;margin-top:1.5rem;padding-top:1rem}.reasoning-trace-inline details,.reasoning-trace-inline summary{border-radius:12px;cursor:pointer}.reasoning-trace-inline summary{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);color:#1e40af;font-weight:600;padding:1rem;transition:all .3s ease}.reasoning-trace-inline summary:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.reasoning-steps{background:#fff;border:1px solid #2563eb1a;border-radius:0 0 12px 12px;margin-top:12px;max-height:400px;overflow-y:auto}.reasoning-step{background:#2563eb0d;border:1px solid #2563eb33;border-radius:8px;margin-bottom:8px;padding:1rem}.reasoning-step:last-child{border-bottom:none}.step-header{color:#2563eb;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.reasoning-step .action,.reasoning-step .observation,.reasoning-step .thought{border-radius:6px;font-size:.875rem;line-height:1.4;margin:.5rem 0;padding:.5rem}.reasoning-step .thought{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:3px solid #2563eb;color:#475569}.reasoning-step .action{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:3px solid #16a34a;color:#059669}.reasoning-step .observation{background:linear-gradient(135deg,#fefce8,#fef3c7);border-left:3px solid #f59e0b;color:#dc2626}.main-footer{background:#f8fafc;border-top:1px solid #e2e8f0;color:#64748b;flex-shrink:0;font-size:.75rem;padding:.75rem 0}.footer-container{margin:0 auto;max-width:1400px;padding:0 1.5rem}.footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.footer-section{display:none}.footer-section:first-child{align-items:center;display:flex;gap:.5rem}.footer-section h3{color:#475569;font-size:.75rem;font-weight:600;margin:0}.footer-section h4,.footer-section li,.footer-section li:hover,.footer-section li:last-child,.footer-section p,.footer-section ul{display:none}.system-status{gap:1rem}.status-item,.system-status{align-items:center;display:flex}.status-item{font-size:.75rem;gap:.25rem}.status-item:last-child{border-right:none}.status-label{color:#64748b;font-weight:500}.status-value{color:#374151;font-weight:600}.status-value.online{color:#16a34a}.footer-bottom{border-top:1px solid #e2e8f0;margin-top:.5rem;padding-top:.5rem}.footer-bottom p{color:#94a3b8;font-size:.75rem;margin:0}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.1) rotate(180deg)}}@media (max-width:768px){.App{min-height:100vh}.main-header{padding:.5rem 0}.header-container{gap:1rem;padding:0 1rem}.brand-title{font-size:1.125rem}.brand-subtitle{display:none}.header-controls{gap:.75rem}.model-controls{font-size:.8rem;gap:.75rem}.main-content{margin:0;padding:0 .75rem}.chat-container{border-radius:8px;margin:.5rem 0}.chat-header{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.chat-title h2{font-size:1.125rem}.chat-title p{font-size:.8rem}.chat-controls{align-self:flex-end}.auto-scroll-toggle .toggle-label{font-size:.8rem}.messages-container{gap:1rem;padding:1rem}.message-content{max-width:calc(100% - 50px)}.input-container{padding:.75rem 1rem}.message-input{font-size:.9rem;padding:.75rem 100px .75rem .875rem}.send-button,.send-button.enhanced{font-size:.8rem;padding:.5rem .75rem;right:6px}.options-row{align-items:stretch;flex-direction:column;gap:.75rem}.export-button,.model-dropdown,.toggle-slider{font-size:.8rem}.export-button{padding:.5rem .75rem}.advanced-options{padding:.5rem}.option-label,.option-select{font-size:.8rem}.option-select{min-width:100px;padding:.4rem .6rem}.footer-container{padding:0 1rem}.footer-content{gap:1rem}.export-actions{margin-top:1rem}.main-footer{display:none}}@media (max-width:480px){.header-container{padding:0 .75rem}.brand-title{font-size:1rem}.brand-subtitle{display:none}.main-content{padding:0 .5rem}.chat-container{border-radius:6px;margin:.25rem 0}.chat-header{padding:.5rem .75rem}.messages-container{padding:.75rem}.input-container{padding:.5rem .75rem}.footer-container{padding:0 .75rem}.model-select,.toggle-slider{font-size:.75rem}.export-actions{text-align:center}.export-button{justify-content:center;width:100%}.App{height:100dvh;min-height:100vh}}.image-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-left:1px solid #0ea5e933;box-shadow:-4px 0 20px #0000001a;min-height:100vh;overflow-y:auto;position:fixed;right:-400px;top:0;transition:right .3s ease-in-out;width:380px;z-index:1000}.image-sidebar.open{right:0}.sidebar-header{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;display:flex;justify-content:space-between;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.sidebar-header h3{font-size:1.2rem;margin:0}.toggle-sidebar-btn{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:background .2s ease}.toggle-sidebar-btn:hover{background:#ffffff4d}.generating-status{color:#64748b;padding:2rem;text-align:center}.generating-status .loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#0ea5e9;height:40px;margin:0 auto 1rem;width:40px}.images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem}.image-item{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:grab;transition:transform .2s ease,box-shadow .2s ease}.image-item:hover{border-color:#0ea5e94d;box-shadow:0 4px 16px #0ea5e933;transform:translateY(-2px)}.image-item:active{cursor:grabbing;transform:scale(.98)}.image-preview{position:relative}.image-preview img{border-radius:8px;height:120px;object-fit:cover;transition:transform .2s ease;width:100%}.image-item:hover .image-preview img{transform:scale(1.05)}.image-overlay{background:#0ea5e9e6}.image-item:hover .image-overlay{opacity:1}.drag-hint{color:#fff;font-size:.9rem;font-weight:600;padding:.5rem;text-align:center}.image-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.image-description{color:#334155;font-size:.9rem;line-height:1.4;margin:0;order:1}.contextual-tag,.placement-tag,.section-tag{order:2}.prompt-details{order:3}.section-tag{background:#dbeafe;color:#1e40af}.contextual-tag,.section-tag{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:.25rem;margin-right:.5rem;padding:.25rem .5rem}.contextual-tag{background:#dcfce7;color:#166534}.placement-tag{background:#e0f2fe;border-radius:4px;color:#0369a1;display:inline-block;font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-transform:capitalize}.prompt-details{border:1px solid #e2e8f0;border-radius:6px;margin-top:.75rem}.prompt-details summary{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#374151;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem;transition:background-color .2s ease}.prompt-details summary:hover{background:#f1f5f9}.prompt-details[open] summary{background:#e0f2fe;color:#0369a1}.prompt-text{background:#fff;color:#475569;font-family:Courier New,monospace;font-size:.75rem;line-height:1.4;margin:0;padding:.75rem;white-space:pre-wrap;word-break:break-word}.message-bubble.drop-zone{background:#0ea5e90d;border:2px dashed #0ea5e9;position:relative}.message-bubble.drop-zone:after{background:#ffffffe6;border-radius:6px;box-shadow:0 2px 8px #0000001a;color:#0ea5e9;content:"📸 Drop image here to add to blog";font-weight:600;left:50%;padding:.5rem 1rem;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%)}.section-drop-zone{align-items:center;background:#0ea5e90d;border:2px dashed #0ea5e9;border-radius:8px;display:flex;justify-content:center;margin:10px 0;min-height:60px;padding:20px;text-align:center;transition:all .2s ease}.section-drop-zone.drag-over,.section-drop-zone:hover{background:#0ea5e91a;border-color:#0284c7;transform:scale(1.02)}.drop-zone-content{align-items:center;color:#0ea5e9;display:flex;font-weight:600;gap:8px;pointer-events:none}.drop-icon{font-size:1.2em}.drop-text{font-size:.9rem}.beginning-drop{background:#10b9810d;border-color:#10b981}.beginning-drop .drop-zone-content{color:#10b981}.beginning-drop.drag-over,.beginning-drop:hover{background:#10b9811a;border-color:#059669}.blog-image{animation:fadeInUp .5s ease-out}.blog-image img{transition:transform .3s ease}.blog-image p{color:#64748b;font-size:.9rem;font-style:italic;margin-top:8px}.message.system{align-self:center}.message.system .message-bubble{animation:slideInDown .3s ease-out;background:#dcfce7;border:1px solid #bbf7d0;color:#166534;font-size:.9rem;padding:.75rem 1rem}@media (max-width:768px){.image-sidebar{right:-100vw;width:100vw}.image-sidebar.open{right:0}.images-grid{padding:.5rem}.image-item{margin-bottom:.5rem}.image-preview img{height:150px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.image-item.dragging{opacity:.5;transform:rotate(5deg) scale(.9);z-index:1001}.message-bubble.drag-over{background:#0ea5e91a;border-color:#0ea5e9;transform:scale(1.02)}.html-blog-content.dragging-active .section-drop-zone{animation:pulse-drop-zone 1.5s ease-in-out infinite;opacity:1}@keyframes pulse-drop-zone{0%,to{background:#0ea5e90d;border-color:#0ea5e9}50%{background:#0ea5e926;border-color:#0284c7}}.generate-images-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;margin:1rem 0;padding:.75rem 1.5rem;transition:all .2s ease}.generate-images-btn:hover{box-shadow:0 4px 12px #8b5cf64d;transform:translateY(-2px)}.generate-images-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.image-sidebar-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 20px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:60px;padding:12px 16px;position:fixed;right:20px;text-align:center;top:50%;transform:translateY(-50%);transition:all .3s ease}.image-sidebar-toggle:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 25px #667eea66;transform:translateY(-50%) scale(1.05)}.image-sidebar-toggle:active{transform:translateY(-50%) scale(.95)}@media (max-width:768px){.floating-sidebar-toggle{font-size:14px;min-width:50px;padding:10px 12px;right:15px}}.section-description{color:#64748b;font-size:.9rem;line-height:1.4;margin:8px 0 12px}.no-blog-message{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;margin:12px 0;padding:16px;text-align:center}.no-blog-message p{color:#64748b;font-size:.9rem;margin:6px 0}.no-blog-message p:first-child{color:#475569;font-weight:500}.section-selector{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem}.section-selector h4{color:#374151;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.sections-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.section-checkbox{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background-color .2s ease}.section-checkbox:hover{background:#3b82f60d}.section-checkbox input[type=checkbox]{accent-color:#3b82f6;height:16px;width:16px}.section-title{color:#374151;flex:1 1;font-size:.875rem;font-weight:500}.section-level{background:#e5e7eb;border-radius:4px;color:#6b7280;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.generate-selected-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.generate-selected-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.generate-selected-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.google-search-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:15px}.search-controls{display:flex;flex-direction:column;gap:10px}.google-search-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}.search-btn{background:#4285f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.search-btn:hover{background:#3367d6}.search-btn:disabled{background:#ccc;cursor:not-allowed}.auto-search-btn{align-items:center;background:#34a853;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:10px 15px}.auto-search-btn:hover{background:#2d8f47}.auto-search-btn:disabled{background:#ccc;cursor:not-allowed}.google-images-section{margin-top:15px}.google-images-section h5{color:#4285f4;font-size:14px;font-weight:600;margin:0 0 10px}.google-images{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:10px}.google-image{border:2px solid #4285f4}.google-image .image-preview img{border-radius:8px;height:120px!important;object-fit:cover;width:auto}.query-tag{background:#4285f4}.query-tag,.source-tag{border-radius:4px;color:#fff;font-size:10px;margin:2px;padding:2px 6px}.source-tag{background:#34a853}.image-dimensions{color:#666;font-size:10px;margin-top:4px}.google-custom-search-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin:20px 0;padding:15px}.google-custom-search-section h4{color:#495057;font-size:16px;font-weight:600;margin:0 0 10px}.search-widget-description{color:#6c757d;font-size:14px;line-height:1.4;margin:0 0 15px}.custom-search-container{background:#fff;border:1px solid #dee2e6;border-radius:6px;margin:15px 0;padding:10px}.search-widget-note{background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#28a745;font-size:13px;font-style:italic;margin:10px 0 0;padding:8px 12px}.empty-state{padding:3rem 2rem}.empty-state p{margin:.5rem 0}.floating-sidebar-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 4px 20px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:60px;padding:12px 16px;position:fixed;right:20px;text-align:center;top:50%;transform:translateY(-50%);transition:all .3s ease;z-index:1001}.floating-sidebar-toggle:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 25px #667eea66;transform:translateY(-50%) scale(1.05)}.floating-sidebar-toggle:active{transform:translateY(-50%) scale(.95)}.canva-editor{background:#f8fafc;min-height:100vh;position:relative;width:100%}.editor-toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:.75rem 1.5rem}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:.75rem}.toolbar-center{display:flex;flex:1 1;justify-content:center}.editor-tabs{background:#f1f5f9;border-radius:8px;display:flex;padding:4px}.tab-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.tab-btn:hover{background:#0ea5e91a}.tab-btn.active{background:#0ea5e9;box-shadow:0 2px 4px #0ea5e933;color:#fff}.editor-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.editor-btn:hover{background:#f8fafc;border-color:#cbd5e1}.editor-btn.primary{background:#0ea5e9;border-color:#0ea5e9;color:#fff}.editor-btn.primary:hover{background:#0284c7}.editor-btn.success{background:#10b981;border-color:#10b981;color:#fff}.editor-btn.success:hover{background:#059669}.editor-btn:disabled{cursor:not-allowed;opacity:.5}.editor-layout{display:flex;flex:1 1;min-height:0}.editor-sidebar{background:#fff;border-right:1px solid #e2e8f0;overflow-y:auto;padding:1rem;width:300px}.editor-sidebar.right{border-left:1px solid #e2e8f0;border-right:none}.editor-canvas-container{display:flex;flex:1 1;flex-direction:column;overflow:auto}.canvas-controls{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.75rem 1.5rem}.zoom-controls{align-items:center;display:flex;gap:.5rem}.zoom-btn{background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:.75rem;padding:.25rem .5rem}.zoom-level{color:#64748b;font-size:.875rem;font-weight:500}.canvas-actions{display:flex;gap:.5rem}.canvas-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;padding:.5rem .75rem}.editor-canvas{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000000d;flex:1 1;margin:1rem;max-height:calc(100vh - 200px);overflow-y:auto;padding:2rem}.canva-image-panel{padding:1rem}.canva-image-panel h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.image-quick-actions{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.quick-action-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem;text-align:left;transition:all .2s ease}.quick-action-btn:hover{background:#f8fafc;border-color:#0ea5e9}.image-generation-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.image-generation-controls h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .75rem}.sections-list.compact{max-height:120px;overflow-y:auto}.section-checkbox.compact{align-items:center;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 0}.section-title.compact{color:#475569;flex:1 1}.generate-btn.compact{background:#0ea5e9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-top:.75rem;padding:.75rem;width:100%}.generate-btn.compact:hover{background:#0284c7}.generate-btn.compact:disabled{cursor:not-allowed;opacity:.5}.google-search-quick{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.google-search-quick h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .75rem}.search-input-group.compact{display:flex;gap:.5rem}.google-search-input.compact{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:.875rem;padding:.5rem}.search-btn.compact{background:#0ea5e9;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem .75rem}.recent-images-preview{margin-bottom:1.5rem}.recent-images-preview h4{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .75rem}.images-preview-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.preview-image-item{aspect-ratio:1;border-radius:6px;cursor:grab;position:relative;transition:transform .2s ease}.preview-image-item:hover{transform:scale(1.05)}.preview-image-item:active{cursor:grabbing}.preview-image-item img{height:100%;object-fit:cover;width:100%}.preview-overlay{align-items:center;background:#00000080;bottom:0;color:#fff;display:flex;font-size:1.25rem;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.preview-image-item:hover .preview-overlay{opacity:1}.canva-image-sidebar{padding:1rem}.sidebar-header{margin-bottom:1.5rem}.sidebar-header h3{font-size:1.125rem;margin:0 0 .75rem}.sidebar-tabs{background:#f1f5f9;border-radius:6px;display:flex;padding:2px}.sidebar-tab{background:#0000;border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:500;padding:.5rem;text-align:center;transition:all .2s ease}.sidebar-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a}.canva-content.drag-active .canva-drop-zone{display:block}.canva-drop-zone{background:#f8fafc;cursor:copy;display:none;margin:.5rem 0;padding:1rem;transition:all .2s ease}.canva-drop-zone.canva-drag-over,.canva-drop-zone:hover{background:#f0f9ff;border-color:#0ea5e9}.canva-drop-indicator{align-items:center;color:#64748b;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center}.canva-drop-zone.canva-drag-over .canva-drop-indicator,.canva-drop-zone:hover .canva-drop-indicator{color:#0ea5e9}.canva-drop-zone.beginning,.canva-drop-zone.end{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-style:solid}.canva-drop-zone.after-heading{background:#f0fdf4;border-color:#10b981}.canva-drop-zone.after-heading.canva-drag-over,.canva-drop-zone.after-heading:hover{background:#ecfdf5;border-color:#059669}.canva-element{border-radius:4px;transition:all .2s ease}.canva-element:hover{box-shadow:0 0 0 2px #0ea5e933}.canva-element.selected{outline:2px solid #0ea5e9!important;outline-offset:2px}.canva-element-wrapper{position:relative}.canva-image-container{position:relative;transition:all .2s ease}.canva-image-container:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.canva-image-element{transition:all .2s ease}@media (max-width:1200px){.editor-sidebar{width:250px}}@media (max-width:768px){.canva-editor,.editor-layout{flex-direction:column}.editor-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;height:200px;width:100%}.editor-sidebar.right{border-left:none;border-top:1px solid #e2e8f0}.editor-canvas{margin:.5rem;padding:1rem}.editor-tabs,.toolbar-center{display:none}}.canva-drop-zone{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #cbd5e1;border-radius:8px;color:#64748b;display:flex;font-size:14px;font-weight:500;justify-content:center;margin:10px 0;min-height:60px;opacity:.7;transition:all .3s ease}.canva-drop-zone.canva-drag-over,.canva-drop-zone:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;color:#1d4ed8;opacity:1;transform:scale(1.02)}.canva-drop-zone.end-zone,.canva-drop-zone.start-zone{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:#0ea5e9;font-size:16px;font-weight:600;min-height:80px}.canva-drop-zone.end-zone:hover,.canva-drop-zone.start-zone:hover{background:linear-gradient(135deg,#bae6fd,#7dd3fc);color:#0c4a6e}.google-image-item,.image-item{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:grab;position:relative;transition:all .3s ease}.google-image-item:hover,.image-item:hover{box-shadow:0 8px 25px #00000026;cursor:grab;transform:translateY(-4px)}.google-image-item:active,.image-item:active{cursor:grabbing;transform:scale(.95)}.google-image-item img,.image-item img{height:120px;object-fit:cover;transition:transform .3s ease;width:100%}.image-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;font-size:12px;font-weight:600;justify-content:center;left:0;opacity:0;position:absolute;right:0;text-align:center;top:0;transition:opacity .3s ease}.google-image-item:hover .image-overlay,.image-item:hover .image-overlay{opacity:1}.drag-hint{background:#3b82f6e6;border-radius:4px;font-size:11px;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.google-images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:15px}.recent-images .images-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-top:10px}.editable-element-wrapper{margin:8px 0;position:relative}.editable-element{border-radius:4px;padding:4px;transition:all .2s ease}.editable-element:hover{background:#3b82f60d;outline:1px solid #3b82f633}.editable-element.image-element{background:#f8fafc;border-radius:8px;margin:16px 0;padding:16px;text-align:center}.editable-element.heading-element{font-weight:700;margin:20px 0 10px}.editable-element.content-element{line-height:1.6;margin:10px 0}.editable-content{transition:all .3s ease}.editable-content.drag-active{background:#3b82f605;border-radius:8px}.canva-image-sidebar{background:#fff;border-left:1px solid #e2e8f0;height:100%;overflow-y:auto;padding:20px}.sidebar-header{border-bottom:1px solid #e2e8f0;margin-bottom:20px;padding-bottom:15px}.sidebar-header h3{color:#1e293b;font-size:18px;font-weight:600;margin:0 0 10px}.image-tabs{display:flex;gap:8px}.image-tabs .tab-btn{background:#fff;border:1px solid #e2e8f0;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.image-tabs .tab-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.dalle-generation-section,.google-search-section{margin-bottom:25px}.dalle-generation-section h4,.google-search-section h4{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.search-input-group{display:flex;gap:8px;margin-bottom:15px}.search-input-group input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:13px;padding:8px 12px}.generate-btn,.search-btn{background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background .2s ease}.generate-btn:hover,.search-btn:hover{background:#2563eb}.generate-btn:disabled,.search-btn:disabled{background:#9ca3af;cursor:not-allowed}.section-selection{margin-bottom:15px}.section-selection p{margin:0 0 10px}.welcome-message{align-items:center;background:linear-gradient(135deg,#e6fffa,#f0fff4);border:1px solid #38d9a9;border-radius:8px;color:#065f46;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem}.welcome-icon{font-size:1.1rem}.dashboard-container{margin:0 auto;max-width:1200px;padding:2rem}.dashboard-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.dashboard-header h2{color:#1a202c;font-size:2rem;margin:0}.create-new-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.create-new-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:4rem}.empty-state{color:#64748b;padding:4rem;text-align:center}.empty-state h3{color:#1a202c;margin-bottom:.5rem}.create-first-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease}.create-first-btn:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.blog-card{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:1.5rem;transition:all .3s ease}.blog-card:hover{box-shadow:0 12px 25px #0000001a}.blog-card-header{margin-bottom:1rem}.blog-title{color:#1a202c;font-size:1.25rem;font-weight:600}.blog-meta{color:#64748b;font-size:.875rem;gap:1rem}.blog-preview{color:#4a5568;font-size:.9rem;line-height:1.6;margin-bottom:1rem}.blog-actions{display:flex;flex-wrap:wrap;gap:.5rem}.delete-btn,.edit-btn,.export-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.edit-btn{background:#3182ce;color:#fff}.edit-btn:hover{background:#2c5aa0}.code-tools-group{align-items:center;border-left:1px solid #e2e8f0;display:flex;gap:8px;margin-left:16px;padding-left:16px}.code-tool-btn{align-items:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:4px;padding:8px 12px;transition:all .2s ease}.code-tool-btn:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.code-tool-btn:active{transform:translateY(0)}.code-tool-btn.active{background:#3b82f6;border-color:#2563eb;color:#fff}.format-btn:hover{background:#fef3c7;border-color:#f59e0b;color:#92400e}.validate-btn:hover{background:#d1fae5;border-color:#10b981;color:#065f46}.preview-toggle-btn.active{background:#3b82f6;color:#fff}.find-btn:hover{background:#e0e7ff;border-color:#6366f1;color:#4338ca}.keyboard-shortcuts-hint{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;font-size:11px;margin-left:auto;padding:4px 8px}.shortcuts-text{font-family:Monaco,Menlo,monospace}.preview-controls{justify-content:space-between;width:100%}.close-preview-btn{background:#f9fafb;border-radius:4px;font-size:12px;padding:4px 8px}.find-replace-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.find-replace-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.modal-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:20px 24px 16px}.modal-header h3{color:#111827;font-size:18px;font-weight:600}.modal-close-btn{background:#0000;border-radius:6px;color:#6b7280;font-size:16px;height:32px;padding:6px;transition:all .2s ease;width:32px}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-body{padding:24px}.find-section,.replace-section{margin-bottom:20px}.find-section label,.replace-section label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.find-input,.replace-input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px 16px;transition:all .2s ease;width:100%}.find-input:focus,.replace-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.find-options{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.find-options label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:0}.find-options input[type=checkbox]{accent-color:#3b82f6;height:16px;width:16px}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.cancel-btn,.find-btn-modal,.replace-all-btn{align-items:center;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.replace-all-btn{background:#3b82f6;border-color:#2563eb;color:#fff}.replace-all-btn:hover{background:#2563eb;transform:translateY(-1px)}.find-btn-modal{background:#f9fafb;color:#374151}.find-btn-modal:hover{background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.cancel-btn{background:#f9fafb;color:#6b7280}.cancel-btn:hover{background:#f3f4f6;color:#374151}.canva-header-center{flex:1 1;justify-content:center;position:relative}.view-mode-toggle{background:#f1f5f9;border-radius:8px;margin:0 16px;padding:2px}.mode-btn{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:6px}.mode-btn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1e293b}.mode-btn:hover:not(.active){color:#475569}@media (max-width:768px){.code-tools-group{flex-wrap:wrap;margin-left:8px;padding-left:8px}.code-tool-btn{font-size:12px;padding:6px 8px}.keyboard-shortcuts-hint{display:none}.find-replace-modal{margin:20px;width:95%}.modal-actions{flex-direction:column}.cancel-btn,.find-btn-modal,.replace-all-btn{justify-content:center;width:100%}}.canva-elements-container{background:#fafafa;border-radius:8px;min-height:600px;overflow:auto;position:relative;width:100%}.canva-grid-overlay{height:100%;left:0;top:0;width:100%;z-index:1}.canva-grid-overlay,.grid-line{pointer-events:none;position:absolute}.grid-line{background:#0000001a}.grid-line.vertical{height:100%;top:0;width:1px}.grid-line.horizontal{height:1px;left:0;width:100%}.alignment-guide{animation:guideAppear .2s ease-out;pointer-events:none;position:absolute;z-index:999}.alignment-guide.vertical{box-shadow:0 0 4px #ff408180;height:100%;top:0;width:2px}.alignment-guide.horizontal{box-shadow:0 0 4px #ff408180;height:2px;left:0;width:100%}@keyframes guideAppear{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.canva-draggable-element{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:grab;position:absolute;transition:all .2s ease;-webkit-user-select:none;user-select:none}.canva-draggable-element:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.canva-draggable-element.selected{box-shadow:0 0 0 2px #0ea5e9,0 4px 12px #0ea5e933}.canva-draggable-element.dragging{box-shadow:0 8px 25px #0003;cursor:grabbing;transform:scale(1.02) rotate(1deg);transition:none;z-index:1000}.canva-draggable-element.hovered{border-color:#0ea5e9aa;box-shadow:0 4px 12px #0ea5e91a}.drag-handle{background:#0ea5e9;border-radius:4px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:grab;font-size:12px;font-weight:700;left:50%;opacity:0;padding:4px 8px;position:absolute;top:-12px;transform:translateX(-50%);transition:all .2s ease;z-index:10}.canva-draggable-element.selected .drag-handle,.canva-draggable-element:hover .drag-handle{opacity:1;transform:translateX(-50%) translateY(-2px)}.drag-handle:hover{background:#0284c7;cursor:grabbing}.element-type-indicator{background:#000c;border-radius:4px;bottom:-30px;color:#fff;font-size:11px;left:50%;opacity:0;padding:4px 8px;position:absolute;transform:translateX(-50%);transition:all .2s ease;white-space:nowrap;z-index:10}.canva-draggable-element.selected .element-type-indicator,.canva-draggable-element:hover .element-type-indicator{opacity:1;transform:translateX(-50%) translateY(2px)}.element-content{height:100%;pointer-events:none;width:100%}.canva-draggable-element.h1{font-size:32px;font-weight:700;min-height:50px}.canva-draggable-element.h2{font-size:24px;font-weight:700;min-height:40px}.canva-draggable-element.h3{font-size:20px;font-weight:700;min-height:35px}.canva-draggable-element.p{font-size:16px;line-height:1.5;min-height:30px}.inline-editor{height:100%;width:100%}.inline-editor textarea{background:#0000;border:none;color:inherit;font-family:inherit;font-size:inherit;height:100%;margin:0;outline:none;padding:0;resize:none;width:100%}.floating-toolbar{animation:toolbarSlideIn .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 20px #00000026;padding:8px}@keyframes toolbarSlideIn{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.9)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.toolbar-buttons{display:flex;gap:4px}.toolbar-btn{align-items:center;background:#f8fafc;border:none;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;min-width:36px;padding:8px 10px;transition:all .2s ease}.toolbar-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.toolbar-btn.edit-btn:hover{background:#dbeafe;color:#1d4ed8}.toolbar-btn.duplicate-btn:hover{background:#f0fdf4;color:#166534}.toolbar-btn.delete-btn:hover{background:#fef2f2;color:#dc2626}.canva-controls{position:absolute;right:16px;top:16px;z-index:100}.canva-control-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#475569}.canva-control-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.canva-control-btn.active{background:#0ea5e9;border-color:#0284c7}.canva-canvas{background:#f8fafc}.canva-canvas,.canvas-content{border-radius:8px;position:relative}.canvas-content{background:#fff;box-shadow:0 4px 12px #0000001a}.canva-draggable-element{animation:elementAppear .3s ease-out}@keyframes elementAppear{0%{opacity:0;transform:scale(.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:768px){.canva-draggable-element{font-size:14px;min-width:150px}.drag-handle{font-size:10px;padding:3px 6px}.toolbar-btn{font-size:12px;height:32px;min-width:32px}.floating-toolbar{padding:6px}.element-type-indicator{font-size:10px;padding:3px 6px}}.canva-elements-container.drag-active{background:#f1f5f9}.canva-elements-container.drag-active .canva-draggable-element:not(.dragging){opacity:.7}.canva-grid-overlay{animation:gridFadeIn .3s ease-out}@keyframes gridFadeIn{0%{opacity:0}to{opacity:1}}.canva-draggable-element.selected:before{animation:selectionPulse 2s infinite;border:2px solid #0ea5e9;border-radius:10px;bottom:-2px;content:"";left:-2px;pointer-events:none;position:absolute;right:-2px;top:-2px}@keyframes selectionPulse{0%,to{box-shadow:0 0 0 0 #0ea5e966}50%{box-shadow:0 0 0 4px #0ea5e91a}}.korean-images-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:1rem}.korean-image-item{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:grab;transition:transform .2s ease,box-shadow .2s ease}.korean-image-item:hover{border-color:#0ea5e94d;box-shadow:0 4px 16px #0ea5e933;transform:translateY(-2px)}.korean-image-item:active{cursor:grabbing;transform:scale(.98)}.korean-image-preview{position:relative}.korean-image-preview img{border-radius:8px 8px 0 0;height:200px;object-fit:cover;transition:transform .2s ease;width:100%}.korean-image-item:hover .korean-image-preview img{transform:scale(1.02)}.korean-image-overlay{align-items:center;background:#0ea5e9e6;border-radius:8px 8px 0 0;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.korean-image-item:hover .korean-image-overlay{opacity:1}.korean-drag-hint{color:#fff;font-size:.9rem;font-weight:600;padding:.5rem;text-align:center}.korean-image-info{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.korean-image-description{color:#334155;font-size:.9rem;font-weight:500;line-height:1.4;margin:0}.korean-section-tag,.korean-source-tag{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:.25rem;margin-right:.5rem;padding:.25rem .5rem}.korean-section-tag{background:#dbeafe;color:#1e40af}.korean-source-tag{background:#f3e8ff;color:#7c3aed}.image-actions{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.75rem}.action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;text-align:left;transition:all .2s ease}.action-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.action-btn .icon{font-size:.9rem}.add-to-canvas-btn:hover{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.action-btn.insert-btn:hover{background:#dcfce7;border-color:#10b981;box-shadow:0 4px 12px #10b98133;color:#065f46;transform:translateY(-1px)}.action-btn.copy-btn:hover{background:#fef3c7;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33;color:#92400e;transform:translateY(-1px)}.action-btn.copy-btn.copied{animation:successPulse .3s ease;background:#dcfce7;border-color:#10b981;color:#065f46}.action-btn.canvas-btn:hover{background:#f3e8ff;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf633;color:#6b21a8;transform:translateY(-1px)}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}body.image-inserted{animation:imageInsertedFlash 1s ease}@keyframes imageInsertedFlash{0%{background-color:initial}20%{background-color:#22c55e1a}to{background-color:initial}}.html-snippet{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:.75rem}.snippet-header{align-items:center;background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#475569;display:flex;font-size:.75rem;font-weight:600;justify-content:space-between;padding:.5rem .75rem}.copy-snippet-btn{background:none;border:none;border-radius:4px;cursor:pointer;padding:.25rem;transition:background .2s ease}.copy-snippet-btn:hover{background:#e2e8f0}.code-snippet{background:#fff;color:#374151;font-family:Courier New,monospace;font-size:.7rem;line-height:1.4;margin:0;overflow-x:auto;padding:.75rem;white-space:pre-wrap;word-break:break-all}.image-metadata{border-top:1px solid #e2e8f0;margin-top:.75rem;padding-top:.75rem}.metadata-item{align-items:center;display:flex;font-size:.75rem;justify-content:space-between;margin-bottom:.25rem}.metadata-label{color:#6b7280;font-weight:600}.metadata-value{color:#374151;flex:1 1;margin-left:.5rem;text-align:right;word-break:break-word}.pure-preview-content{word-wrap:break-word;font-size:16px;line-height:1.6;margin:0!important;padding:0!important;position:static!important}.pure-preview-content *{position:static!important;transform:none!important}.pure-preview-content img{display:block;height:auto;margin:1rem auto;max-width:100%}.pure-preview-content h1,.pure-preview-content h2,.pure-preview-content h3,.pure-preview-content h4,.pure-preview-content h5,.pure-preview-content h6{font-weight:700;margin:1.5rem 0 1rem}.pure-preview-content p{margin:1rem 0}.pure-preview-content ol,.pure-preview-content ul{margin:1rem 0;padding-left:2rem}.canva-control-btn{position:relative}.canva-control-btn.active:after{background:#4f46e5;border-radius:1px;bottom:-2px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.monaco-editor-wrapper.drag-active{background:#10b9810d!important;border:2px dashed #10b981!important;position:relative;transition:all .3s ease}.monaco-editor-wrapper.drag-over{background:#10b9811a!important;border-color:#059669!important;box-shadow:0 0 20px #10b9814d}.code-drop-indicator{background:#10b9811a;border-radius:8px;pointer-events:none;z-index:10}.drop-message{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10b981f2;border-radius:12px;box-shadow:0 8px 32px #10b9814d;color:#fff;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:16px 24px}.drop-icon{animation:bounceIcon 1s infinite;font-size:1.5rem}.canva-canvas.drag-active{background:linear-gradient(45deg,#10b9810d 25%,#0000 0),linear-gradient(-45deg,#10b9810d 25%,#0000 0),linear-gradient(45deg,#0000 75%,#10b9810d 0),linear-gradient(-45deg,#0000 75%,#10b9810d 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:2px dashed #10b981!important;transition:all .3s ease}.canva-canvas.canva-drag-over{background-color:#10b9810d!important;border-color:#059669!important;box-shadow:inset 0 0 20px #10b98133}.blog-image{clear:both;margin:20px 0;position:relative;text-align:center;transition:all .3s ease}.blog-image:hover{transform:translateY(-2px)}.blog-image img{border-radius:12px;box-shadow:0 8px 32px #0000001a;cursor:pointer;height:auto;max-width:100%;transition:all .3s ease}.blog-image img:hover{box-shadow:0 12px 40px #00000026;transform:scale(1.02)}.blog-image figcaption{color:#64748b;font-size:.9rem;font-style:italic;line-height:1.4;margin-left:auto;margin-right:auto;margin-top:12px;max-width:600px}.google-image-item.dragging,.image-item.dragging{box-shadow:0 10px 30px #0000004d;opacity:.7;transform:scale(.9) rotate(5deg);transition:all .2s ease;z-index:1000}@keyframes pulseDropZone{0%{background-color:#10b9810d;border-color:#10b981}50%{background-color:#10b9811a;border-color:#059669}to{background-color:#10b9810d;border-color:#10b981}}.drop-zone.active{animation:pulseDropZone 1.5s ease-in-out infinite}@keyframes successFlash{0%{background-color:#10b9811a}50%{background-color:#10b9814d}to{background-color:initial}}.drop-success{animation:successFlash .6s ease-out}body.dragging-image,body.dragging-image *{cursor:grabbing!important}.canva-canvas:not(.canva-drag-over):hover,.monaco-editor-wrapper:not(.drag-over):hover{border-color:#d1d5db;transition:border-color .2s ease}.code-editor-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh}.code-editor-layout{background:#e2e8f0;display:flex;gap:0;height:calc(100vh - 60px);position:relative}.code-editor-layout.full-width{display:block}.code-editor-layout.full-width .code-editor-panel{border-radius:0;max-width:none;width:100%}.code-editor-layout.full-width .live-preview-panel{display:none}.code-editor-panel{background:#1e293b;border-radius:12px 0 0 12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;min-width:300px;transition:width .1s ease}.code-editor-header{align-items:center;background:linear-gradient(135deg,#334155,#1e293b);border-bottom:1px solid #475569;border-radius:12px 0 0 0;display:flex;justify-content:space-between;padding:16px 20px}.code-editor-header h4{align-items:center;color:#f1f5f9;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.code-editor-info{align-items:center;display:flex;gap:12px}.code-editor-info span{color:#94a3b8;font-size:13px;font-weight:500}.monaco-editor-wrapper{background:#1e293b;border-radius:0 0 0 12px;flex:1 1;overflow:hidden;position:relative}.monaco-editor-wrapper.drag-active{background:#3b82f60d;border:2px dashed #3b82f6}.monaco-editor-wrapper.drag-over{background:#3b82f61a;border:2px solid #3b82f6;box-shadow:0 0 20px #3b82f64d}.code-drop-indicator{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#3b82f6e6;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1000}.monaco-editor-wrapper.drag-over .code-drop-indicator{opacity:1}.drop-message{background:#fffffff2;border:2px solid #3b82f6;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;padding:24px 32px;text-align:center}.drop-icon{animation:bounceIcon 2s infinite;display:block;font-size:48px;margin-bottom:12px}.drop-message span:last-child{color:#1e293b;font-size:16px;font-weight:600}.resize-handle{align-items:center;background:#cbd5e1;cursor:col-resize;display:flex;justify-content:center;position:relative;transition:all .2s ease;width:8px;z-index:100}.resize-handle:hover{background:#94a3b8;width:12px}.resize-handle.resizing,.resize-handle:active{background:#3b82f6;box-shadow:0 0 10px #3b82f680;width:12px}.resize-handle-line{background:#fff;border-radius:1px;height:40px;opacity:.8;transition:all .2s ease;width:2px}.resize-handle:hover .resize-handle-line{background:#fff;height:60px;opacity:1}.resize-handle.resizing .resize-handle-line,.resize-handle:active .resize-handle-line{background:#fff;box-shadow:0 0 8px #ffffff80;height:80px;opacity:1}.live-preview-panel{background:#fff;border-radius:0 12px 12px 0;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;min-width:300px;transition:width .1s ease}.preview-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f0;border-radius:0 12px 0 0;padding:16px 20px}.preview-header h4{align-items:center;color:#334155;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0}.preview-controls{gap:16px}.preview-info span{color:#64748b;font-size:13px;font-weight:500}.close-preview-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:32px;justify-content:center;min-width:32px;padding:8px 12px;transition:all .2s ease}.close-preview-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151;transform:translateY(-1px)}.responsive-preview-wrapper{background:#f8fafc;border-radius:0 0 12px 0;flex:1 1;overflow:auto;padding:20px}.responsive-preview-wrapper::-webkit-scrollbar{height:8px;width:8px}.responsive-preview-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.responsive-preview-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.responsive-preview-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.preview-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;min-height:400px;overflow:hidden}.preview-inner{line-height:1.6;padding:24px}.device-frame{border-radius:16px;box-shadow:0 10px 15px -3px #0000001a;overflow:hidden}.device-frame.desktop{border:8px solid #e2e8f0}.device-frame.tablet{border:6px solid #334155;border-radius:20px}.device-frame.mobile{border:4px solid #1e293b;border-radius:24px}.device-screen{background:#fff;height:100%;overflow:auto}@media (max-width:1200px){.code-editor-layout{flex-direction:column;gap:12px;height:auto}.code-editor-panel,.live-preview-panel{border-radius:12px;min-width:0;min-width:auto;width:100%!important}.resize-handle{display:none}.code-editor-header,.preview-header{border-radius:12px 12px 0 0}.monaco-editor-wrapper{border-radius:0 0 12px 12px;min-height:400px}.responsive-preview-wrapper{border-radius:0 0 12px 12px;min-height:300px}}@media (max-width:768px){.code-editor-container{height:auto;min-height:100vh}.code-editor-layout{background:#0000;gap:12px;height:auto;padding:12px}.code-editor-header,.preview-header{padding:12px 16px}.code-editor-header h4,.preview-header h4{font-size:14px}.preview-controls{gap:8px}.code-editor-info span,.preview-info span{font-size:12px}.responsive-preview-wrapper{padding:12px}.preview-inner{padding:16px}}.code-editor-panel:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6 50%,#06b6d4);border-radius:12px 0 0 0}.code-editor-panel:before,.live-preview-panel:before{content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:10}.live-preview-panel:before{background:linear-gradient(90deg,#10b981,#f59e0b 50%,#ef4444);border-radius:0 12px 0 0}.code-editor-panel,.live-preview-panel,.monaco-editor-wrapper,.responsive-preview-wrapper{transition:all .3s ease}.code-editor-layout.resizing .code-editor-panel,.code-editor-layout.resizing .live-preview-panel{transition:none}.code-editor-layout.resizing{-webkit-user-select:none;user-select:none}.code-editor-layout.resizing .code-editor-panel:before{box-shadow:0 0 20px #3b82f64d}.code-editor-layout.resizing .live-preview-panel:before{box-shadow:0 0 20px #10b9814d}.monaco-editor-wrapper:focus-within{box-shadow:0 0 0 3px #3b82f61a}.responsive-preview-wrapper:focus-within{box-shadow:0 0 0 3px #10b9811a}.code-editor-panel.loading:after{animation:loading-shimmer 2s infinite;background:linear-gradient(90deg,#0000,#3b82f6,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}@keyframes loading-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes bounceIcon{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.canva-draggable-element .element-content{border-radius:4px;position:relative;transition:all .2s ease}.canva-draggable-element .element-content:focus{background:#3b82f605!important;box-shadow:0 0 0 4px #3b82f61a!important;outline:2px solid #3b82f6!important;outline-offset:2px!important}.canva-draggable-element:not(.dragging) .element-content:hover{background:#3b82f608;cursor:text}.canva-draggable-element:not(.dragging):hover .element-content:after{animation:editHintFadeIn .3s ease forwards;background:#3b82f6e6;border-radius:4px;color:#fff;content:"Click to edit";font-size:10px;font-weight:500;left:0;opacity:0;padding:2px 6px;pointer-events:none;position:absolute;top:-24px;white-space:nowrap;z-index:1000}@keyframes editHintFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.canva-draggable-element .element-content:focus:after{display:none}.canva-draggable-element .drag-handle{background:linear-gradient(135deg,#3b82f6,#1d4ed8);top:-12px;z-index:1001}.canva-draggable-element .element-type-indicator{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172af2;bottom:-32px;z-index:1001}.canva-draggable-element.dragging .element-content{pointer-events:none;-webkit-user-select:none;user-select:none}.floating-toolbar .toolbar-info{animation:infoSlideIn .3s ease}@keyframes infoSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.canva-draggable-element[draggable=false]{cursor:text!important}.canva-draggable-element[draggable=false] .element-content{cursor:text!important;pointer-events:auto!important}.canva-draggable-element{transition:cursor .2s ease,transform .2s ease,box-shadow .2s ease}.canva-draggable-element .element-content:focus{animation:focusRing .3s ease}@keyframes focusRing{0%{box-shadow:0 0 0 0 #3b82f666}to{box-shadow:0 0 0 4px #3b82f61a}}.monaco-editor .view-line{outline:none!important}@media (max-width:768px){.canva-draggable-element .element-content:focus{box-shadow:0 0 0 2px #3b82f61a!important;outline-offset:1px!important}.canva-draggable-element:not(.dragging):hover .element-content:after{font-size:9px;padding:1px 4px;top:-20px}.floating-toolbar .toolbar-info{font-size:11px;padding:6px 10px}}.navigation-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;box-shadow:0 1px 3px #0000001a;color:#1e293b;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:1000}.nav-left,.nav-logo{align-items:center;display:flex;gap:.75rem}.nav-logo{color:#2563eb;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-logo-image{filter:drop-shadow(0 2px 4px rgba(37,99,235,.2));height:40px;object-fit:contain;transition:all .3s ease;width:40px}.nav-logo:hover .nav-logo-image{filter:drop-shadow(0 4px 8px rgba(37,99,235,.3));transform:scale(1.05)}.nav-logo-text{color:#2563eb;font-size:1.5rem;font-weight:700}.nav-subtitle{color:#64748b;font-size:.85rem;font-weight:500;opacity:.9}.nav-button,.nav-center{align-items:center;display:flex;gap:.5rem}.nav-button{background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease}.nav-button:hover{background:#2563eb0d;border-color:#2563eb1a;color:#2563eb;transform:translateY(-1px)}.nav-button.active{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#2563eb;box-shadow:0 4px 12px #2563eb40;color:#fff}.nav-button.active:hover{box-shadow:0 6px 20px #2563eb4d;transform:translateY(-2px)}.nav-right{gap:1rem}.nav-right,.nav-user-info{align-items:center;display:flex}.nav-user-info{background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:12px;gap:.75rem;padding:.5rem 1rem;transition:all .3s ease}.nav-user-info:hover{background:#f8fafc;border-color:#2563eb33;box-shadow:0 2px 8px #0000000d}.nav-user-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;box-shadow:0 2px 8px #2563eb4d;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:36px;justify-content:center;width:36px}.nav-user-details{align-items:flex-start;display:flex;flex-direction:column}.nav-username{color:#1e293b;font-size:.9rem;font-weight:600;margin:0}.nav-online-status{align-items:center;color:#64748b;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.nav-online-dot{animation:nav-pulse 2s infinite;background:#10b981;border-radius:50%;height:6px;width:6px}@keyframes nav-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.nav-logout-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.nav-logout-btn:hover{background:#fef2f2;border-color:#fecaca;box-shadow:0 2px 8px #dc26261a;color:#dc2626;transform:translateY(-1px)}@media (max-width:768px){.navigation-header{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.nav-center{flex-wrap:wrap;gap:.25rem;justify-content:center;margin-top:.5rem;order:3;width:100%}.nav-button{font-size:.85rem;padding:.5rem 1rem}.nav-subtitle,.nav-user-details{display:none}.nav-user-info{padding:.5rem}.nav-user-avatar{font-size:.8rem;height:32px;width:32px}}@media (max-width:480px){.navigation-header{padding:.5rem .75rem}.nav-center{gap:.25rem}.nav-button{font-size:.8rem;padding:.5rem .75rem}.nav-logo{font-size:1.25rem}.nav-logo-image{height:32px;width:32px}.nav-logo-text{font-size:1.25rem}.nav-logout-btn{font-size:.8rem;padding:.5rem .75rem}}:root{--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-4xl:2.25rem;--radius-2xl:1.5rem;--shadow-2xl:0 25px 50px -12px #00000040;--z-background:0;--z-default:1;--z-elevated:10;--z-dropdown:50;--z-sticky:100;--z-modal:1000}.profile-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1f2937;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);min-height:100vh}.profile-header{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;overflow:hidden;padding:2rem 0;padding:var(--space-8) 0;position:relative}.profile-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.05)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.03)'/%3E%3Ccircle cx='10' cy='60' r='.5' fill='rgba(255,255,255,0.03)'/%3E%3Ccircle cx='90' cy='40' r='.5' fill='rgba(255,255,255,0.03)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.profile-header h1{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0;position:relative;text-align:center;z-index:1;z-index:var(--z-default)}.back-button,.btn,.create-blog-btn,.edit-blog-btn,.load-blogs-btn{align-items:center;background-clip:padding-box!important;border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;box-shadow:var(--shadow-lg)!important;cursor:pointer;display:inline-flex!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--space-2);justify-content:center;margin:.25rem 0;margin:var(--space-1) 0;min-height:44px;min-width:88px;overflow:visible!important;padding:.75rem 1.5rem;padding:var(--space-3) var(--space-6);position:relative!important;text-decoration:none;transition:all .25s ease-in-out;transition:all var(--transition-normal);white-space:nowrap;z-index:9999!important}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;color:#fff;left:2rem;left:var(--space-8);position:absolute;top:2rem;top:var(--space-8);z-index:10;z-index:var(--z-elevated)}.back-button:hover{background:#fff3;border-color:#fff6;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.create-blog-btn,.load-blogs-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:1px solid #6366f1;border:1px solid var(--color-primary);color:#fff}.create-blog-btn:hover,.load-blogs-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#3730a3);background:linear-gradient(135deg,var(--color-primary-dark) 0,#3730a3 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.load-blogs-btn:disabled{background:#9ca3af;background:var(--color-text-tertiary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:not-allowed;transform:none}.edit-blog-btn{background:linear-gradient(135deg,#10b981,#059669)!important;background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-dark) 100%)!important;border:2px solid #10b981!important;border:2px solid var(--color-secondary)!important;color:#fff!important;display:inline-flex!important;font-weight:600!important;height:auto!important;min-width:120px!important;opacity:1!important;pointer-events:auto!important;position:relative!important;visibility:visible!important;width:auto!important;z-index:10001!important}.edit-blog-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;background:linear-gradient(135deg,var(--color-secondary-dark) 0,#047857 100%)!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important;box-shadow:var(--shadow-xl)!important;transform:translateY(-2px)!important;z-index:10002!important}.profile-content{grid-gap:2rem;grid-gap:var(--space-8);align-items:start;display:grid;gap:2rem;gap:var(--space-8);grid-template-columns:1fr 2fr;margin:0 auto;max-width:1400px;padding:2rem;padding:var(--space-8)}.profile-sidebar{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-6);position:-webkit-sticky;position:sticky;top:2rem;top:var(--space-8)}.user-info-card{background:#fff;background:var(--color-surface-elevated);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);max-height:100vh;max-width:100%;overflow:visible;padding:17px;position:relative;transition:transform .25s ease-in-out,box-shadow .25s ease-in-out;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.user-info-card:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.user-info-card:before{background:linear-gradient(135deg,#a5b4fc,#6366f1);background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%);border-radius:1rem 1rem 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:80px;left:0;position:absolute;right:0;top:0;z-index:0;z-index:var(--z-background)}.user-avatar{display:flex;justify-content:center;margin-bottom:1rem;margin-bottom:var(--space-4);position:relative;z-index:1;z-index:var(--z-default)}.avatar-circle,.user-avatar div{align-items:center;background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--color-accent) 0,var(--color-accent-dark) 100%);border:3px solid #fff;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);height:70px;justify-content:center;margin-top:-35px;width:70px}.user-details{position:relative;text-align:center;z-index:1;z-index:var(--z-default)}.user-details h2{color:#1f2937;color:var(--color-text);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.user-email{color:#6b7280;color:var(--color-text-secondary);font-weight:500;font-weight:var(--font-weight-medium);margin:0 0 .5rem;margin:0 0 var(--space-2) 0}.user-email,.user-joined{font-size:.875rem;font-size:var(--font-size-sm)}.user-joined{color:#9ca3af;color:var(--color-text-tertiary);margin:0}.stats-section{background:#fff;background:var(--color-surface-elevated);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--space-8);position:relative;z-index:1;z-index:var(--z-default)}.stats-section h3{align-items:center;color:#1f2937;color:var(--color-text);display:flex;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--space-2);margin:0 0 1.5rem;margin:0 0 var(--space-6) 0}.stats-grid{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4);grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem;margin-bottom:var(--space-6)}.stat-card{background:#f8fafc;background:var(--color-surface-subtle);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.25rem;padding:var(--space-5);position:relative;text-align:center;transition:all .25s ease-in-out;transition:all var(--transition-normal);z-index:1;z-index:var(--z-default)}.stat-card:hover{background:#f3f4f6;background:var(--color-surface-hover);border-color:#a5b4fc;border-color:var(--color-primary-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-number{color:#6366f1;color:var(--color-primary);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.stat-number,.stat-topic{line-height:1.25;line-height:var(--line-height-tight);margin-bottom:.25rem;margin-bottom:var(--space-1)}.stat-topic{color:#1f2937;color:var(--color-text);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);word-break:break-word}.stat-label{color:#6b7280;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium)}.recent-activity{background:#f8fafc;background:var(--color-surface-subtle);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);padding:1rem;padding:var(--space-4);text-align:center}.recent-activity p{color:#6b7280;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin:0}.profile-main{display:flex;flex-direction:column;gap:2rem;gap:var(--space-8)}.saved-blogs-section{background:#fff;background:var(--color-surface-elevated);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--space-8);position:relative;z-index:1;z-index:var(--z-default)}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-4);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-6)}.section-header h3{align-items:center;color:#1f2937;color:var(--color-text);display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--space-2);margin:0}.loading-indicator{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--space-4);justify-content:center;padding:3rem;padding:var(--space-12)}.spinner{border:4px solid #e5e7eb;border-top:4px solid #6366f1;border:4px solid var(--color-border);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--color-primary);height:40px;width:40px}.loading-indicator p{color:#6b7280;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base);margin:0}.blogs-grid{grid-gap:1.5rem;grid-gap:var(--space-6);display:grid;gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.blog-card{background:#fff;background:var(--color-surface-elevated);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);contain:none!important;isolation:auto!important;overflow:visible!important;transition:all .25s ease-in-out;transition:all var(--transition-normal);z-index:1!important}.blog-card:hover{border-color:#a5b4fc;border-color:var(--color-primary-light);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.blog-card-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-border-light);padding:1.5rem;padding:var(--space-6);position:relative}.blog-title{color:#1f2937;color:var(--color-text);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin:0 0 .5rem;margin:0 0 var(--space-2) 0;word-break:break-word}.blog-date{background:#f8fafc;background:var(--color-surface-subtle);border-radius:9999px;border-radius:var(--radius-full);color:#9ca3af;color:var(--color-text-tertiary);display:inline-block;font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .75rem;padding:var(--space-1) var(--space-3)}.blog-date,.blog-preview{font-size:.875rem;font-size:var(--font-size-sm)}.blog-preview{color:#6b7280;color:var(--color-text-secondary);line-height:1.75;line-height:var(--line-height-relaxed);padding:1.5rem;padding:var(--space-6)}.blog-meta,.blog-preview{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-border-light)}.blog-meta{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-2);padding:1rem 1.5rem;padding:var(--space-4) var(--space-6)}.blog-audience,.blog-tone,.blog-topic{border-radius:9999px;border-radius:var(--radius-full);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:.25rem .75rem;padding:var(--space-1) var(--space-3);text-transform:uppercase}.blog-topic{background:linear-gradient(135deg,#a5b4fc,#6366f1);background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%);color:#fff}.blog-audience{background:linear-gradient(135deg,#34d399,#10b981);background:linear-gradient(135deg,var(--color-secondary-light) 0,var(--color-secondary) 100%);color:#fff}.blog-tone{background:linear-gradient(135deg,#fb923c,#f97316);background:linear-gradient(135deg,var(--color-accent-light) 0,var(--color-accent) 100%);color:#fff}.blog-actions{align-items:center;background:#0000!important;box-sizing:border-box!important;display:flex!important;justify-content:space-between;overflow:visible!important;padding:1rem 1.5rem;padding:var(--space-4) var(--space-6);position:relative!important;width:100%!important;z-index:10000!important}.no-blogs{padding:3rem;padding:var(--space-12);text-align:center}.no-blogs,.no-blogs p{color:#6b7280;color:var(--color-text-secondary)}.no-blogs p{font-size:1.125rem;font-size:var(--font-size-lg);margin:0 0 1.5rem;margin:0 0 var(--space-6) 0}.marketing-section{background:#fff;background:var(--color-surface-elevated);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--space-8);position:relative;z-index:1;z-index:var(--z-default)}.marketing-section h3{align-items:center;color:#1f2937;color:var(--color-text);display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--space-2);margin:0 0 1.5rem;margin:0 0 var(--space-6) 0}.insights-grid{grid-gap:1.5rem;grid-gap:var(--space-6);gap:1.5rem;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.insight-card{background:#f8fafc;background:var(--color-surface-subtle);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--space-6);position:relative;transition:all .25s ease-in-out;transition:all var(--transition-normal);z-index:1;z-index:var(--z-default)}.insight-card:hover{background:#f3f4f6;background:var(--color-surface-hover);border-color:#a5b4fc;border-color:var(--color-primary-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.insight-card h4{color:#1f2937;color:var(--color-text);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 .75rem;margin:0 0 var(--space-3) 0}.insight-card p{color:#6b7280;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.75;line-height:var(--line-height-relaxed);margin:0}.seo-section{background:#fff;background:var(--color-surface-elevated);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--space-8);position:relative;z-index:1;z-index:var(--z-default)}.seo-section h3{align-items:center;color:#1f2937;color:var(--color-text);display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--space-2);margin:0 0 1.5rem;margin:0 0 var(--space-6) 0}.seo-tips{grid-gap:1rem;grid-gap:var(--space-4);display:grid}.seo-tips,.tip{gap:1rem;gap:var(--space-4)}.tip{align-items:flex-start;background:#f8fafc;background:var(--color-surface-subtle);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;padding:1.25rem;padding:var(--space-5);position:relative;transition:all .25s ease-in-out;transition:all var(--transition-normal);z-index:1;z-index:var(--z-default)}.tip:hover{background:#f3f4f6;background:var(--color-surface-hover);border-color:#34d399;border-color:var(--color-secondary-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.tip-icon{align-items:center;background:linear-gradient(135deg,#34d399,#10b981);background:linear-gradient(135deg,var(--color-secondary-light) 0,var(--color-secondary) 100%);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-size:var(--font-size-xl);height:40px;justify-content:center;width:40px}.tip p{color:#6b7280;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);line-height:1.75;line-height:var(--line-height-relaxed);margin:0}.future-features{background:#fff;background:var(--color-surface-elevated);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);padding:2rem;padding:var(--space-8);position:relative;z-index:1;z-index:var(--z-default)}.future-features h3{align-items:center;color:#1f2937;color:var(--color-text);display:flex;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;gap:var(--space-2);margin:0 0 1.5rem;margin:0 0 var(--space-6) 0}.feature-preview{grid-gap:1rem;grid-gap:var(--space-4);display:grid;gap:1rem;gap:var(--space-4)}.feature-item{align-items:center;background:#f8fafc;background:var(--color-surface-subtle);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);gap:1rem;gap:var(--space-4);padding:1.25rem;padding:var(--space-5);position:relative;transition:all .25s ease-in-out;transition:all var(--transition-normal);z-index:1;z-index:var(--z-default)}.feature-item:hover{background:#f3f4f6;background:var(--color-surface-hover);border-color:#fb923c;border-color:var(--color-accent-light);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-icon{background:linear-gradient(135deg,#fb923c,#f97316);background:linear-gradient(135deg,var(--color-accent-light) 0,var(--color-accent) 100%);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;font-size:1.5rem;font-size:var(--font-size-2xl);height:50px;width:50px}.feature-item h4{color:#1f2937;color:var(--color-text);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 .25rem;margin:0 0 var(--space-1) 0}.feature-item p{color:#6b7280;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5;line-height:var(--line-height-normal);margin:0}.access-denied{background:#fff;background:var(--color-surface-elevated);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin:2rem;margin:var(--space-8);padding:4rem;padding:var(--space-16);text-align:center}.access-denied h2{color:#1f2937;color:var(--color-text);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0 0 1rem;margin:0 0 var(--space-4) 0}.access-denied p{color:#6b7280;color:var(--color-text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);margin:0}@media (max-width:1200px){.profile-content{gap:1.5rem;gap:var(--space-6);grid-template-columns:1fr}.profile-sidebar{position:static}.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.profile-content{gap:1rem;gap:var(--space-4);padding:1rem;padding:var(--space-4)}.back-button{margin-bottom:1rem;margin-bottom:var(--space-4);position:static}.profile-header{padding:1.5rem 1rem;padding:var(--space-6) var(--space-4);text-align:center}.profile-header h1{font-size:1.5rem;font-size:var(--font-size-2xl)}.stats-grid{grid-template-columns:repeat(2,1fr)}.blogs-grid{grid-template-columns:1fr}.section-header{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--space-3)}.insights-grid{grid-template-columns:1fr}.user-info-card{padding:1rem 1.25rem;padding:var(--space-4) var(--space-5)}.future-features,.marketing-section,.saved-blogs-section,.seo-section,.stats-section{padding:1.5rem;padding:var(--space-6)}}@media (max-width:480px){.profile-content{padding:.75rem;padding:var(--space-3)}.stats-grid{grid-template-columns:1fr}.avatar-circle,.user-avatar div{font-size:1.25rem;font-size:var(--font-size-xl);height:60px;margin-top:-30px;width:60px}.user-info-card:before{height:70px}.feature-item,.tip{flex-direction:column;text-align:center}.user-info-card{border-radius:.75rem;border-radius:var(--radius-lg);padding:.75rem 1rem;padding:var(--space-3) var(--space-4)}.future-features,.marketing-section,.saved-blogs-section,.seo-section,.stats-section{border-radius:1rem;border-radius:var(--radius-xl);padding:1rem;padding:var(--space-4)}}.user-info-card{animation:slideInUp .6s ease-out}.stats-section{animation:slideInUp .6s ease-out .1s both}.saved-blogs-section{animation:slideInUp .6s ease-out .2s both}.marketing-section{animation:slideInUp .6s ease-out .3s both}.seo-section{animation:slideInUp .6s ease-out .4s both}.future-features{animation:slideInUp .6s ease-out .5s both}.blog-card{position:relative!important}.blog-card .blog-actions{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#fffffff2!important;border-radius:0 0 1rem 1rem!important;border-radius:0 0 var(--radius-xl) var(--radius-xl)!important;border-top:1px solid #e5e7eb!important;border-top:1px solid var(--color-border)!important;bottom:0!important;left:0!important;padding:1rem 1.5rem!important;padding:var(--space-4) var(--space-6)!important;position:absolute!important;right:0!important;z-index:10000!important}.blog-card .edit-blog-btn{align-items:center!important;background:linear-gradient(135deg,#10b981,#059669)!important;background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-dark) 100%)!important;border:2px solid #10b981!important;border:2px solid var(--color-secondary)!important;box-shadow:0 4px 12px #10b9814d!important;color:#fff!important;display:flex!important;font-size:.875rem!important;font-size:var(--font-size-sm)!important;font-weight:600!important;gap:.5rem!important;gap:var(--space-2)!important;justify-content:center!important;padding:.75rem 1rem!important;padding:var(--space-3) var(--space-4)!important;position:relative!important;text-align:center!important;width:100%!important;z-index:10001!important}.blog-card .edit-blog-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;background:linear-gradient(135deg,var(--color-secondary-dark) 0,#047857 100%)!important;box-shadow:0 8px 20px #10b98166!important;transform:translateY(-3px)!important}.blog-card .blog-meta{margin-bottom:4rem!important;margin-bottom:var(--space-16)!important}:root{--color-primary:#0ea5e9;--color-primary-dark:#0284c7;--color-primary-light:#38bdf8;--color-primary-50:#0ea5e90d;--color-primary-100:#0ea5e91a;--color-primary-200:#0ea5e933;--color-orange:#f97316;--color-orange-dark:#ea580c;--color-orange-light:#fb923c;--color-green:#10b981;--color-green-dark:#059669;--color-green-light:#34d399;--color-indigo:#6366f1;--color-indigo-dark:#4f46e5;--color-indigo-light:#818cf8;--color-white:#fff;--color-light-gray:#f8fafc;--color-light-gray-2:#f1f5f9;--color-light-gray-3:#e2e8f0;--color-medium-gray:#64748b;--color-medium-gray-2:#475569;--color-dark-gray:#0f172a;--color-dark-gray-2:#1e293b;--color-success:var(--color-green);--color-warning:var(--color-orange);--color-error:#ef4444;--color-info:var(--color-primary);--bg-primary:var(--color-white);--bg-secondary:var(--color-light-gray);--bg-tertiary:var(--color-light-gray-2);--bg-overlay:#fffffff2;--edit-focus-color:#3b82f6;--edit-focus-bg:#3b82f60d;--edit-placeholder-color:#9ca3af;--bg-glass:#fffc;--border-light:#e5e7ebcc;--border-medium:var(--color-light-gray-3);--border-focus:var(--color-primary);--shadow-primary:0 4px 6px -1px #0ea5e94d;--shadow-indigo:0 2px 4px #6366f133;--font-primary:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-weight-regular:400;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease}.canva-editor{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--color-light-gray) 0,var(--color-light-gray-2) 100%);color:#0f172a;color:var(--color-dark-gray);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-primary);height:100vh}.canva-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;background:var(--bg-overlay);border-bottom:1px solid #e5e7ebcc;border-bottom:1px solid var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:16px 24px;padding:var(--space-4) var(--space-6);z-index:100}.canva-header-left{align-items:center;display:flex;gap:16px;gap:var(--space-4)}.canva-header-center{gap:12px;gap:var(--space-3)}.canva-header-center,.canva-header-right{align-items:center;display:flex}.btn{border-radius:var(--radius-md);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-primary);font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:8px;gap:var(--space-2);padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .2s ease;transition:all var(--transition-normal);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 4px 6px -1px #0ea5e94d;box-shadow:var(--shadow-primary);color:var(--color-white)}.btn-primary:hover{background:linear-gradient(135deg,#0284c7,#0ea5e9);background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:linear-gradient(135deg,#64748b,#475569);background:linear-gradient(135deg,var(--color-medium-gray),var(--color-medium-gray-2));box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;color:var(--color-white)}.btn-secondary:hover{background:linear-gradient(135deg,#475569,#64748b);background:linear-gradient(135deg,var(--color-medium-gray-2),var(--color-medium-gray));transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--color-green),var(--color-green-dark));box-shadow:0 4px 6px -1px #10b9814d;color:var(--color-white)}.btn-success:hover{background:linear-gradient(135deg,#059669,#10b981);background:linear-gradient(135deg,var(--color-green-dark),var(--color-green));transform:translateY(-1px)}.btn-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--color-indigo),var(--color-indigo-dark));box-shadow:0 2px 4px #6366f133;box-shadow:var(--shadow-indigo);color:#fff;color:var(--color-white)}.btn-indigo:hover{background:linear-gradient(135deg,#4f46e5,#6366f1);background:linear-gradient(135deg,var(--color-indigo-dark),var(--color-indigo));transform:translateY(-1px)}.btn-orange{background:linear-gradient(135deg,#f97316,#ea580c);background:linear-gradient(135deg,var(--color-orange),var(--color-orange-dark));color:#fff;color:var(--color-white)}.btn-orange:hover{background:linear-gradient(135deg,#ea580c,#f97316);background:linear-gradient(135deg,var(--color-orange-dark),var(--color-orange));transform:translateY(-1px)}.btn-disabled{background:#e2e8f0;background:var(--color-light-gray-3);box-shadow:none;color:#64748b;color:var(--color-medium-gray);cursor:not-allowed}.btn-disabled:hover{transform:none}.btn-sm{border-radius:6px;border-radius:var(--radius-sm);font-size:11px;font-size:var(--font-size-xs);padding:4px 8px;padding:var(--space-1) var(--space-2)}.btn-lg{font-size:14px;font-size:var(--font-size-base);padding:12px 20px;padding:var(--space-3) var(--space-5)}.btn-lg,.view-mode-toggle{border-radius:12px;border-radius:var(--radius-lg)}.view-mode-toggle{background:#f3f4f6cc;display:flex;gap:2px;padding:4px;padding:var(--space-1)}.mode-btn{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:#64748b;color:var(--color-medium-gray);cursor:pointer;flex:1 1;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 16px;padding:var(--space-2) var(--space-4);transition:all .2s ease;transition:all var(--transition-normal)}.mode-btn.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 4px 6px -1px #0ea5e94d;box-shadow:var(--shadow-primary);color:#fff;color:var(--color-white)}.canva-workspace{display:flex;flex:1 1;overflow:hidden}.canva-sidebar-left,.canva-sidebar-right{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;background:var(--bg-overlay);border:1px solid #e5e7ebcc;border:1px solid var(--border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow-y:auto}.canva-sidebar-left{padding:20px;padding:var(--space-5);width:280px}.canva-sidebar-left,.canva-sidebar-right{border-left:none;border-right:none;border-top:none}.canva-sidebar-right{width:320px}.canva-canvas{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--color-light-gray) 0,var(--color-light-gray-2) 100%);display:flex;flex:1 1;flex-direction:column;overflow:hidden}.panel-header{background:#fffc;background:var(--bg-glass);border-bottom:1px solid #e5e7eb80;padding:16px 20px 0;padding:var(--space-4) var(--space-5) 0 var(--space-5)}.panel-tabs{background:#f3f4f6cc;border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:4px;gap:var(--space-1);padding:4px;padding:var(--space-1)}.panel-tab{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:#64748b;color:var(--color-medium-gray);cursor:pointer;flex:1 1;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .2s ease;transition:all var(--transition-normal)}.panel-tab.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));box-shadow:0 4px 6px -1px #0ea5e94d;box-shadow:var(--shadow-primary);color:#fff;color:var(--color-white)}.form-group{margin-bottom:20px;margin-bottom:var(--space-5)}.form-label{color:#1e293b;color:var(--color-dark-gray-2);display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:8px;margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-light-gray-3);border-radius:8px;border-radius:var(--radius-md);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-primary);font-size:12px;font-size:var(--font-size-sm);outline:none;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:border-color .2s ease;transition:border-color var(--transition-normal);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0ea5e9;border-color:var(--color-primary);box-shadow:0 0 0 3px #0ea5e91a;box-shadow:0 0 0 3px var(--color-primary-100)}.form-color{border:2px solid #e2e8f0;border:2px solid var(--color-light-gray-3);border-radius:8px;border-radius:var(--radius-md);height:40px}.form-color,.form-range{cursor:pointer;width:100%}.form-range{background:linear-gradient(90deg,#0ea5e9,#38bdf8);background:linear-gradient(to right,var(--color-primary),var(--color-primary-light));border-radius:3px;height:6px;outline:none}.canva-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;background:var(--bg-overlay);border:1px solid #e5e7ebcc;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;gap:8px;gap:var(--space-2);margin-bottom:20px;margin-bottom:var(--space-5);padding:12px 16px;padding:var(--space-3) var(--space-4)}.canva-control-btn{background:#6b72801a;border:none;border-radius:8px;border-radius:var(--radius-md);color:#64748b;color:var(--color-medium-gray);cursor:pointer;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .2s ease;transition:all var(--transition-normal)}.canva-control-btn.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;color:var(--color-white)}.canva-control-btn:hover{background:linear-gradient(135deg,#38bdf8,#0ea5e9);background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:#fff;color:var(--color-white)}.text-xs{font-size:11px;font-size:var(--font-size-xs)}.text-sm{font-size:12px;font-size:var(--font-size-sm)}.text-base{font-size:14px;font-size:var(--font-size-base)}.text-md{font-size:16px;font-size:var(--font-size-md)}.text-lg{font-size:18px;font-size:var(--font-size-lg)}.text-xl{font-size:20px;font-size:var(--font-size-xl)}.text-2xl{font-size:24px;font-size:var(--font-size-2xl)}.font-regular{font-weight:400;font-weight:var(--font-weight-regular)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.text-primary{color:#0ea5e9;color:var(--color-primary)}.text-secondary{color:#64748b;color:var(--color-medium-gray)}.text-dark{color:#0f172a;color:var(--color-dark-gray)}.text-white{color:#fff;color:var(--color-white)}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0ea5e9,#6366f1);background:linear-gradient(135deg,var(--color-primary),var(--color-indigo));-webkit-background-clip:text;background-clip:text}.glass-effect{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;background:var(--bg-overlay);border:1px solid #e5e7ebcc;border:1px solid var(--border-light)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.rounded-sm{border-radius:6px;border-radius:var(--radius-sm)}.rounded-md{border-radius:8px;border-radius:var(--radius-md)}.rounded-lg{border-radius:12px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:16px;border-radius:var(--radius-xl)}@media (max-width:768px){.canva-workspace{flex-direction:column}.canva-sidebar-left,.canva-sidebar-right{max-height:200px;width:100%}.canva-header{padding:12px;padding:var(--space-3)}.canva-header-center{gap:8px;gap:var(--space-2)}}.editable-preview{border-radius:6px;border-radius:var(--radius-sm);transition:all .2s ease;transition:all var(--transition-normal)}.editable-preview:hover{background:#3b82f605;box-shadow:0 0 0 1px #3b82f61a}.editable-preview:focus{background:#3b82f608;box-shadow:0 0 0 2px #3b82f633}.editable-preview *{outline:none}.editable-preview:before{background:#3b82f6e6;border-radius:4px;color:#fff;content:"✏️ Click to edit";font-size:10px;font-weight:500;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;right:10px;top:-25px;transition:opacity .2s ease;transition:opacity var(--transition-normal);z-index:10}.editable-preview:hover:before{opacity:1}.editable-preview:focus:before{display:none}.highlight-line{animation:highlightFade 2s ease-out forwards;background:#3b82f61a!important;border-left:3px solid #3b82f6!important}.highlight-glyph{animation:glyphPulse 2s ease-out forwards;background:#3b82f6!important;border-radius:50%;height:8px!important;margin-left:2px;width:8px!important}@keyframes highlightFade{0%{background:#3b82f64d!important;border-left-color:#1d4ed8!important}to{background:#3b82f60d!important;border-left-color:#3b82f6!important}}@keyframes glyphPulse{0%{background:#1d4ed8!important;transform:scale(1.2)}50%{background:#3b82f6!important;transform:scale(1)}to{background:#0000!important;transform:scale(.8)}}.editable-preview *{position:relative;transition:all .15s ease}.editable-preview :hover{background:#3b82f60d!important;border-radius:2px;box-shadow:inset 0 0 0 1px #3b82f633!important;cursor:pointer}.editable-preview :hover:after{animation:fadeInTooltip .2s ease;background:#3b82f6e6;border-radius:3px;color:#fff;content:"🎯 Click to sync";font-size:9px;font-weight:500;padding:2px 6px;pointer-events:none;position:absolute;right:0;top:-25px;white-space:nowrap;z-index:1000}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.css-editor-sidebar{animation:slideInLeft .3s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;background:var(--bg-overlay);border-right:1px solid #e5e7ebcc;border-right:1px solid var(--border-light);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;width:350px;z-index:9999}.css-editor-header{background:#fffc;background:var(--bg-glass);border-bottom:1px solid #e5e7ebcc;border-bottom:1px solid var(--border-light);flex-shrink:0;padding:16px 20px;padding:var(--space-4) var(--space-5)}.css-editor-header h3{color:#0f172a;color:var(--color-dark-gray);font-size:20px;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);margin:0}.css-editor-mode-indicator{margin-top:8px;margin-top:var(--space-2)}.mode-badge.active{animation:pulse 2s infinite;background:linear-gradient(135deg,#0ea5e9,#0284c7);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:9999px;border-radius:var(--radius-full);color:#fff;color:var(--color-white);display:inline-block;font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:4px 12px;padding:var(--space-1) var(--space-3)}.css-editor-body{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:20px;padding:var(--space-5)}.css-editor-welcome{align-items:center;display:flex;height:100%;justify-content:center;text-align:center}.welcome-content{padding:24px;padding:var(--space-6)}.instruction-icon{font-size:48px;margin-bottom:16px;margin-bottom:var(--space-4)}.css-editor-welcome h4{color:#0f172a;color:var(--color-dark-gray);font-size:18px;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 12px;margin:0 0 var(--space-3) 0}.css-editor-welcome p{color:#64748b;color:var(--color-medium-gray);font-size:12px;font-size:var(--font-size-sm);line-height:1.75;line-height:var(--line-height-relaxed);margin:0 0 16px;margin:0 0 var(--space-4) 0}.help-tips{margin-top:16px;margin-top:var(--space-4);text-align:left}.tip{color:#64748b;color:var(--color-medium-gray);font-size:12px;font-size:var(--font-size-sm);margin:8px 0;margin:var(--space-2) 0}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.canva-workspace.css-editor-active{padding-left:350px;transition:padding-left .3s ease}.element-styling-controls{display:flex;flex-direction:column;gap:16px;gap:var(--space-4)}.selected-element-info{background:#0ea5e90d;background:var(--color-primary-50);border:1px solid #0ea5e933;border:1px solid var(--color-primary-200);border-radius:8px;border-radius:var(--radius-md);padding:12px;padding:var(--space-3)}.element-preview{align-items:center;display:flex;gap:8px;gap:var(--space-2);margin-bottom:8px;margin-bottom:var(--space-2)}.element-tag{color:#0284c7;color:var(--color-primary-dark);font-weight:700;font-weight:var(--font-weight-bold)}.element-class,.element-tag{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-family:var(--font-mono)}.element-class{color:#f97316;color:var(--color-orange)}.element-id{color:#10b981;color:var(--color-green);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-family:var(--font-mono);font-weight:500;font-weight:var(--font-weight-medium)}.element-content-preview{color:#64748b;color:var(--color-medium-gray);font-size:11px;font-size:var(--font-size-xs);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.css-section{background:#ffffff80;border:1px solid #e5e7ebcc;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:20px;margin-bottom:var(--space-5);padding:16px;padding:var(--space-4)}.section-title{align-items:center;color:#0f172a;color:var(--color-dark-gray);display:flex;font-size:14px;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);gap:8px;gap:var(--space-2);margin:0 0 16px;margin:0 0 var(--space-4) 0}.css-control-group{margin-bottom:16px;margin-bottom:var(--space-4)}.css-control-group:last-child{margin-bottom:0}.css-control-group label{color:#1e293b;color:var(--color-dark-gray-2);display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:8px;margin-bottom:var(--space-2)}.css-control-row{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.css-control-row input[type=range]{background:linear-gradient(90deg,#0ea5e9,#38bdf8);background:linear-gradient(to right,var(--color-primary),var(--color-primary-light));border-radius:3px;cursor:pointer;flex:1 1;height:6px;outline:none}.value-display{background:#0ea5e91a;background:var(--color-primary-100);border-radius:6px;border-radius:var(--radius-sm);color:#0ea5e9;color:var(--color-primary);font-size:11px;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);min-width:50px;padding:4px 8px;padding:var(--space-1) var(--space-2);text-align:center}.button-group{display:flex;gap:8px;gap:var(--space-2)}.style-btn{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-light-gray-3);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .2s ease;transition:all var(--transition-normal)}.style-btn:hover{background:#0ea5e90d;background:var(--color-primary-50);border-color:#0ea5e9;border-color:var(--color-primary)}.style-btn:active{background:#0ea5e91a;background:var(--color-primary-100);transform:scale(.98)}.color-control{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.color-picker{border:2px solid #e2e8f0;border:2px solid var(--color-light-gray-3);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;height:40px;padding:0;width:60px}.color-presets{display:flex;gap:8px;gap:var(--space-2)}.color-preset{border:2px solid #e2e8f0;border:2px solid var(--color-light-gray-3);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;height:24px;transition:all .2s ease;transition:all var(--transition-normal);width:24px}.color-preset:hover{border-color:#0ea5e9;border-color:var(--color-primary);transform:scale(1.1)}.spacing-controls{display:flex;gap:8px;gap:var(--space-2)}.spacing-btn{background:#fff;background:var(--color-white);border:2px solid #e2e8f0;border:2px solid var(--color-light-gray-3);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-size:11px;font-size:var(--font-size-xs);font-weight:500;font-weight:var(--font-weight-medium);padding:8px;padding:var(--space-2);transition:all .2s ease;transition:all var(--transition-normal)}.spacing-btn:hover{background:#0ea5e90d;background:var(--color-primary-50);border-color:#0ea5e9;border-color:var(--color-primary)}.shadow-controls{display:flex;gap:8px;gap:var(--space-2)}.css-actions{border-top:1px solid #e5e7ebcc;border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:12px;gap:var(--space-3);margin-top:24px;margin-top:var(--space-6);padding-top:16px;padding-top:var(--space-4)}.export-btn{background:#fff;background:var(--color-white);border:2px solid #0ea5e9;border:2px solid var(--color-primary);border-radius:8px;border-radius:var(--radius-md);color:#0ea5e9;color:var(--color-primary);cursor:pointer;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:12px;padding:var(--space-3);transition:all .2s ease;transition:all var(--transition-normal);width:100%}.export-btn:hover{background:#0ea5e9;background:var(--color-primary);color:#fff;color:var(--color-white)}.reset-btn{background:#fff;background:var(--color-white);border:2px solid #ef4444;border:2px solid var(--color-error);border-radius:8px;border-radius:var(--radius-md);color:#ef4444;color:var(--color-error);cursor:pointer;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:12px;padding:var(--space-3);transition:all .2s ease;transition:all var(--transition-normal);width:100%}.reset-btn:hover{background:#ef4444;background:var(--color-error);color:#fff;color:var(--color-white)}.css-editing-mode .editable-preview *{cursor:pointer!important;outline:1px dashed #3b82f64d!important;transition:all .15s ease}.css-editing-mode .editable-preview :hover{background:#3b82f60d!important;outline:2px solid #3b82f699!important}.css-hover-highlight{background:#3b82f614!important;cursor:pointer!important;outline:2px solid #3b82f6cc!important}.css-selected{background:#10b9811a!important;box-shadow:0 0 0 1px #10b9814d!important;outline:3px solid #10b981cc!important;position:relative}.css-selected:after{animation:selectedBadge .3s ease;background:#10b981e6;border-radius:4px;color:#fff;content:"🎯 Selected";font-size:10px;font-weight:600;left:0;padding:2px 8px;pointer-events:none;position:absolute;top:-25px;white-space:nowrap;z-index:1000}@keyframes selectedBadge{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.style-flash{animation:styleApplied .6s ease!important}@keyframes styleApplied{0%{box-shadow:0 0 20px #3b82f6cc!important;transform:scale(1.02)}50%{box-shadow:0 0 15px #3b82f699!important;transform:scale(1.01)}to{box-shadow:none!important;transform:scale(1)}}.id-added-flash{animation:idAdded .8s ease!important}@keyframes idAdded{0%{background:#10b9811a!important;box-shadow:0 0 15px #10b981cc!important}50%{background:#10b9810d!important;box-shadow:0 0 10px #10b98199!important}to{background:#0000!important;box-shadow:none!important}}:root{--color-primary:#6366f1;--color-primary-light:#a5b4fc;--color-primary-dark:#4f46e5;--color-secondary:#10b981;--color-secondary-light:#34d399;--color-secondary-dark:#059669;--color-accent:#f97316;--color-accent-light:#fb923c;--color-accent-dark:#ea580c;--color-background:#fff;--color-surface:#f9fafb;--color-surface-hover:#f3f4f6;--color-border:#e5e7eb;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-surface-elevated:#fff;--color-surface-subtle:#f8fafc;--color-border-light:#f1f5f9;--color-border-medium:#d1d5db;--font-family-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}.blog-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);min-height:100vh}.blog-page .page-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;padding:1.5rem 0;padding:var(--spacing-xl) 0;position:-webkit-sticky;position:sticky;top:0;z-index:50}.blog-page .header-container{align-items:center;display:flex;gap:2rem;gap:var(--spacing-2xl);justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem;padding:0 var(--spacing-2xl)}.blog-page .header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-xl)}.blog-page .llm-selector,.blog-page .model-selector{align-items:center;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.75rem;gap:var(--spacing-md)}.blog-page .llm-selector label,.blog-page .model-selector label{color:#fffffff2;font-weight:600;font-weight:var(--font-weight-semibold);white-space:nowrap}.blog-page .llm-selector select,.blog-page .model-selector select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);min-width:140px;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.blog-page .llm-selector select:hover,.blog-page .model-selector select:hover{background:#ffffff26;border-color:#ffffff4d}.blog-page .llm-selector select:focus,.blog-page .model-selector select:focus{background:#fff3;border-color:#fff6;box-shadow:0 0 0 3px #ffffff1a;outline:none}.blog-page .main-content{display:flex;flex:1 1;flex-direction:column;gap:1.5rem;gap:var(--spacing-xl);margin:0 auto;max-width:1400px;padding:0 2rem;padding:0 var(--spacing-2xl);width:100%}.blog-page .chat-container{background:#fff;background:var(--color-surface-elevated);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);display:flex;flex:1 1;flex-direction:column;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);margin-top:1.5rem;margin-top:var(--spacing-xl);min-height:calc(100vh - 200px);overflow:hidden}.blog-page .chat-header{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);background:linear-gradient(135deg,var(--color-surface-elevated) 0,var(--color-surface-subtle) 100%);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-lg);justify-content:space-between;padding:1.5rem;padding:var(--spacing-xl)}.blog-page .chat-title h2{color:#1f2937;color:var(--color-text);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin:0}.blog-page .chat-title p{color:#6b7280;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal);margin:.5rem 0 0;margin:var(--spacing-sm) 0 0 0}.blog-page .welcome-message{animation:slideInDown .5s ease-out;background:linear-gradient(135deg,#a5b4fc,#6366f1);background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;margin-top:.75rem;margin-top:var(--spacing-md)}.blog-page .auto-scroll-toggle .toggle-label,.blog-page .welcome-message{align-items:center;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.75rem;gap:var(--spacing-md);padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg)}.blog-page .auto-scroll-toggle .toggle-label{background:#f8fafc;background:var(--color-surface-subtle);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);color:#6b7280;color:var(--color-text-secondary);cursor:pointer;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.blog-page .auto-scroll-toggle .toggle-label:hover{background:#f3f4f6;background:var(--color-surface-hover);border-color:#d1d5db;border-color:var(--color-border-medium);color:#1f2937;color:var(--color-text)}.blog-page .toggle-checkbox{background:#fff;background:var(--color-surface-elevated);border:2px solid #d1d5db;border:2px solid var(--color-border-medium);border-radius:.375rem;border-radius:var(--radius-sm);cursor:pointer;height:18px;transition:all .25s ease-in-out;transition:all var(--transition-normal);width:18px}.blog-page .toggle-checkbox:checked{background:#6366f1;background:var(--color-primary);border-color:#6366f1;border-color:var(--color-primary)}.blog-page .messages-container{background:#fff;background:var(--color-background);flex:1 1;overflow-y:auto;padding:1.5rem;padding:var(--spacing-xl);scroll-behavior:smooth}.blog-page .messages-container::-webkit-scrollbar{width:8px}.blog-page .messages-container::-webkit-scrollbar-track{background:#f8fafc;background:var(--color-surface-subtle);border-radius:.5rem;border-radius:var(--radius-md)}.blog-page .messages-container::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--color-border-medium);border-radius:.5rem;border-radius:var(--radius-md)}.blog-page .messages-container::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--color-text-tertiary)}.blog-page .message{animation:slideInUp .3s ease-out;display:flex;gap:1rem;gap:var(--spacing-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.blog-page .message-avatar{align-items:center;background:linear-gradient(135deg,#a5b4fc,#6366f1);background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%);border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-size:var(--font-size-lg);height:40px;justify-content:center;width:40px}.blog-page .message.user .message-avatar{background:linear-gradient(135deg,#34d399,#10b981);background:linear-gradient(135deg,var(--color-secondary-light) 0,var(--color-secondary) 100%)}.blog-page .message-content{flex:1 1;min-width:0}.blog-page .message-bubble{background:#fff;background:var(--color-surface-elevated);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;padding:var(--spacing-xl);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.blog-page .message.user .message-bubble{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-color:#6366f1;border-color:var(--color-primary);color:#fff}.blog-page .message-bubble.streaming{animation:pulseStreaming 2s infinite;border-color:#f97316;border-color:var(--color-accent);box-shadow:0 0 0 2px #f973161a}@keyframes pulseStreaming{0%,to{box-shadow:0 0 0 2px #f973161a}50%{box-shadow:0 0 0 4px #f9731633}}.blog-page .streaming-indicator{align-items:center;background:linear-gradient(135deg,#fb923c,#f97316);background:linear-gradient(135deg,var(--color-accent-light) 0,var(--color-accent) 100%);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);gap:.75rem;gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg)}.blog-page .streaming-dots span{animation:streamingBounce 1.4s ease-in-out infinite both;background:#fff;border-radius:9999px;border-radius:var(--radius-full);height:8px;width:8px}.blog-page .streaming-dots span:first-child{animation-delay:-.32s}.blog-page .streaming-dots span:nth-child(2){animation-delay:-.16s}@keyframes streamingBounce{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.blog-page .blog-metadata{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.blog-page .format-badge,.blog-page .images-badge,.blog-page .steps-badge,.blog-page .streaming-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);gap:.25rem;gap:var(--spacing-xs);letter-spacing:.05em;padding:.25rem .75rem;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase}.blog-page .format-badge{background:linear-gradient(135deg,#a5b4fc,#6366f1);background:linear-gradient(135deg,var(--color-primary-light) 0,var(--color-primary) 100%);color:#fff}.blog-page .steps-badge{background:linear-gradient(135deg,#34d399,#10b981);background:linear-gradient(135deg,var(--color-secondary-light) 0,var(--color-secondary) 100%);color:#fff}.blog-page .images-badge{background:linear-gradient(135deg,#fb923c,#f97316);background:linear-gradient(135deg,var(--color-accent-light) 0,var(--color-accent) 100%);color:#fff}.blog-page .streaming-badge{animation:pulseBadge 2s infinite;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}@keyframes pulseBadge{0%,to{opacity:1}50%{opacity:.7}}.blog-page .export-actions{border-top:1px solid #f1f5f9;border-top:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md);margin-top:1.5rem;margin-top:var(--spacing-xl);padding-top:1rem;padding-top:var(--spacing-lg)}.blog-page .editor-mode-btn,.blog-page .export-button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);gap:.75rem;gap:var(--spacing-md);padding:.75rem 1.5rem;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .25s ease-in-out;transition:all var(--transition-normal)}.blog-page .editor-mode-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff}.blog-page .editor-mode-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.blog-page .export-button{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--color-secondary) 0,var(--color-secondary-dark) 100%);color:#fff}.blog-page .export-button:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.blog-page .input-container{background:#fff;background:var(--color-surface-elevated);border-top:1px solid #f1f5f9;border-top:1px solid var(--color-border-light);padding:1.5rem;padding:var(--spacing-xl)}.blog-page .input-form{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg);margin:0 auto;max-width:1000px}.blog-page .input-wrapper.main-input{position:relative}.blog-page .message-input{background:#fff;background:var(--color-background);border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1f2937;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);padding:1.5rem;padding:var(--spacing-xl);transition:all .25s ease-in-out;transition:all var(--transition-normal);width:100%}.blog-page .message-input:focus{border-color:#6366f1;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 0 0 3px #6366f11a,var(--shadow-md);outline:none}.blog-page .message-input::placeholder{color:#9ca3af;color:var(--color-text-tertiary);font-weight:400;font-weight:var(--font-weight-normal)}.blog-page .advanced-options{background:#f8fafc;background:var(--color-surface-subtle);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--spacing-xl)}.blog-page .options-row{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.blog-page .option-group{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.blog-page .option-label{align-items:center;display:flex;font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-sm)}.blog-page .option-label,.blog-page .option-select{color:#1f2937;color:var(--color-text);font-size:.875rem;font-size:var(--font-size-sm)}.blog-page .option-select{background:#fff;background:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.blog-page .option-select:focus{border-color:#6366f1;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.blog-page .option-select:hover:not(:disabled){background:#f3f4f6;background:var(--color-surface-hover);border-color:#d1d5db;border-color:var(--color-border-medium)}.blog-page .submit-wrapper{display:flex;justify-content:center}.blog-page .send-button.enhanced{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:600;font-weight:var(--font-weight-semibold);gap:.75rem;gap:var(--spacing-md);justify-content:center;min-height:50px;min-width:200px;padding:1rem 2rem;padding:var(--spacing-lg) var(--spacing-2xl);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.blog-page .send-button.enhanced:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#3730a3);background:linear-gradient(135deg,var(--color-primary-dark) 0,#3730a3 100%);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.blog-page .send-button.enhanced:active{transform:translateY(0)}.blog-page .send-button.enhanced:disabled{background:#9ca3af;background:var(--color-text-tertiary);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:not-allowed;transform:none}.blog-page .loading-content{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-md)}.blog-page .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:9999px;border-radius:var(--radius-full);border-top-color:#fff;height:20px;width:20px}@media (max-width:1200px){.blog-page .header-container,.blog-page .main-content{padding:0 1.5rem;padding:0 var(--spacing-xl)}}@media (max-width:768px){.blog-page .header-container{flex-direction:column;gap:1rem;gap:var(--spacing-lg);padding:0 1rem;padding:0 var(--spacing-lg)}.blog-page .header-controls{flex-direction:column;gap:1rem;gap:var(--spacing-lg);width:100%}.blog-page .main-content{padding:0 1rem;padding:0 var(--spacing-lg)}.blog-page .chat-header{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.blog-page .options-row{grid-template-columns:1fr}.blog-page .export-actions{flex-direction:column}.blog-page .send-button.enhanced{width:100%}}@media (max-width:480px){.blog-page .header-container,.blog-page .main-content{padding:0 .75rem;padding:0 var(--spacing-md)}.blog-page .chat-container{border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:.75rem;margin-bottom:var(--spacing-md);margin-top:.75rem;margin-top:var(--spacing-md)}.blog-page .input-container,.blog-page .messages-container{padding:1rem;padding:var(--spacing-lg)}}.blog-page .reasoning-trace-inline{background:#f8fafc;background:var(--color-surface-subtle);border:1px solid #f1f5f9;border:1px solid var(--color-border-light);border-radius:.75rem;border-radius:var(--radius-lg);margin-top:1rem;margin-top:var(--spacing-lg)}.blog-page .reasoning-trace-inline details{border:none}.blog-page .reasoning-trace-inline summary{background:#fff;background:var(--color-surface-elevated);border-radius:.75rem;border-radius:var(--radius-lg);color:#1f2937;color:var(--color-text);cursor:pointer;font-weight:600;font-weight:var(--font-weight-semibold);padding:1rem;padding:var(--spacing-lg);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.blog-page .reasoning-trace-inline summary:hover{background:#f3f4f6;background:var(--color-surface-hover)}.blog-page .reasoning-steps{border-top:1px solid #f1f5f9;border-top:1px solid var(--color-border-light);padding:1rem;padding:var(--spacing-lg)}.blog-page .reasoning-step{background:#fff;background:var(--color-background);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:.75rem;margin-bottom:var(--spacing-md);padding:1rem;padding:var(--spacing-lg)}.blog-page .reasoning-step:last-child{margin-bottom:0}.blog-page .step-header{color:#6366f1;color:var(--color-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.blog-page .reasoning-step .action,.blog-page .reasoning-step .observation,.blog-page .reasoning-step .thought{font-size:.875rem;font-size:var(--font-size-sm);line-height:1.75;line-height:var(--line-height-relaxed);margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.blog-page .reasoning-step .thought{color:#1f2937;color:var(--color-text)}.blog-page .reasoning-step .action{color:#ea580c;color:var(--color-accent-dark)}.blog-page .reasoning-step .observation{color:#059669;color:var(--color-secondary-dark)}.blog-page .seo-toggle-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);margin-top:1rem;margin-top:var(--spacing-lg);padding-top:1rem;padding-top:var(--spacing-lg)}.blog-page .seo-toggle-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-sm);padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.blog-page .seo-toggle-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-page .seo-toggle-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.blog-page .seo-options-panel{animation:slideInUp .3s ease-out;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border:1px solid #93c5fd;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-top:1rem;margin-top:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-xl)}.blog-page .seo-options-row{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.blog-page .seo-options-row:last-child{margin-bottom:0}.blog-page .seo-option-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.blog-page .seo-option-group.checkbox-group{align-items:center;flex-direction:row;gap:.75rem;gap:var(--spacing-md)}.blog-page .seo-option-label{align-items:center;color:#1f2937;color:var(--color-text);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-sm)}.blog-page .seo-option-input{background:#fff;border:2px solid #93c5fd;border-radius:.5rem;border-radius:var(--radius-md);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem;padding:var(--spacing-md);transition:all .25s ease-in-out;transition:all var(--transition-normal)}.blog-page .seo-option-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.blog-page .seo-option-input:disabled{background:#f9fafb;background:var(--color-surface);cursor:not-allowed;opacity:.6}.blog-page .seo-checkbox-label{align-items:center;color:#1f2937;color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.75rem;gap:var(--spacing-md)}.blog-page .seo-checkbox{accent-color:#2563eb;cursor:pointer;height:20px;width:20px}.blog-page .seo-checkbox:disabled{cursor:not-allowed;opacity:.6}.blog-page .seo-checkbox-text{font-weight:500;font-weight:var(--font-weight-medium)}@media (max-width:768px){.blog-page .seo-options-row{gap:.75rem;gap:var(--spacing-md);grid-template-columns:1fr}.blog-page .seo-options-panel{padding:1rem;padding:var(--spacing-lg)}.blog-page .seo-option-group.checkbox-group{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}}*{box-sizing:border-box;margin:0;padding:0}.landing-page{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;overflow-x:hidden}.container{margin:0 auto;max-width:1200px;padding:0 20px}.landing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.landing-header .container{align-items:center;display:flex;justify-content:space-between;padding:1rem 20px}.logo{align-items:center;color:#2563eb;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem}.logo-image{filter:drop-shadow(0 2px 4px rgba(37,99,235,.2));height:40px;object-fit:contain;transition:all .3s ease;width:40px}.logo:hover .logo-image{filter:drop-shadow(0 4px 8px rgba(37,99,235,.3));transform:scale(1.05)}.logo-icon{font-size:1.8rem}.nav{align-items:center;display:flex;gap:2rem}.nav a{color:#64748b;font-weight:500;text-decoration:none;transition:color .3s ease}.nav a:hover{color:#2563eb}.login-button{border-radius:8px;display:inline-flex;font-size:.9rem;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none}.login-button:hover{box-shadow:0 10px 25px #2563eb4d;transform:translateY(-2px)}.cta-button{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 10px 25px #2563eb4d;transform:translateY(-2px)}.cta-button.secondary{background:#0000;border:2px solid #2563eb;color:#2563eb}.cta-button.secondary:hover{background:#2563eb;color:#fff}.cta-button.large{font-size:1.1rem;padding:1rem 2rem}.hero{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;min-height:100vh;padding:120px 0 80px}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.hero-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.hero-text p{color:#64748b;font-size:1.25rem;line-height:1.6;margin-bottom:2rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.login-prompt{color:#64748b;font-size:.95rem;margin-top:1rem;text-align:center}.login-prompt .link-button{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:inherit;font-weight:600;gap:.5rem;margin-left:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.login-prompt .link-button:hover{box-shadow:0 10px 25px #2563eb4d;transform:translateY(-2px)}.hero-stats{display:flex;gap:2rem}.stat{text-align:center}.stat-number{color:#2563eb;display:block;font-size:2rem;font-weight:700}.stat-label{color:#64748b;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase}.hero-visual{height:400px;justify-content:center;position:relative}.floating-card,.hero-visual{align-items:center;display:flex}.floating-card{animation:float 3s ease-in-out infinite;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;gap:.5rem;padding:1rem;position:absolute}.floating-card.card-1{animation-delay:0s;left:10%;top:20%}.floating-card.card-2{animation-delay:1s;right:10%;top:60%}.floating-card.card-3{animation-delay:2s;bottom:20%;left:20%}.card-icon{font-size:1.5rem}.card-text{color:#475569;font-weight:600}.hero-main-visual{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;height:200px;padding:2rem;width:300px}.blog-preview{height:100%;width:100%}.blog-header{background:linear-gradient(90deg,#e2e8f0,#cbd5e1);border-radius:4px;height:20px;margin-bottom:1rem}.blog-lines .line{background:#f1f5f9;border-radius:4px;height:8px;margin-bottom:.5rem}.blog-lines .line.short{width:60%}.features{background:#fff;padding:80px 0}.section-header{margin-bottom:4rem;text-align:center}.section-header h2{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.section-header p{color:#64748b;font-size:1.125rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#2563eb;box-shadow:0 20px 40px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#64748b;line-height:1.6}.how-it-works{background:#f8fafc;padding:80px 0}.steps{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.step{text-align:center}.step-number{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.step h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.step p{color:#64748b;line-height:1.6}.cta-section{text-align:center}.testimonials{background:#fff;padding:80px 0}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.testimonial{background:#f8fafc;border-left:4px solid #2563eb;border-radius:16px;padding:2rem}.testimonial-content{margin-bottom:1.5rem}.testimonial-content p{color:#475569;font-style:italic;line-height:1.6}.testimonial-author{align-items:center;display:flex;gap:1rem}.author-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;color:#fff;display:flex;font-weight:600;height:50px;justify-content:center;width:50px}.author-name{color:#1e293b;font-weight:600}.author-title{color:#64748b;font-size:.875rem}.final-cta{background:linear-gradient(135deg,#1e293b,#475569);color:#fff;padding:80px 0;text-align:center}.cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-content p{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.cta-note{font-size:.875rem;margin-top:1rem;opacity:.7}.landing-footer{background:#1e293b;color:#fff;padding:60px 0 20px}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:2rem}.footer-section h4{color:#fff;font-weight:600;margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#fff}.footer-section p{color:#94a3b8;line-height:1.6}.footer-bottom{border-top:1px solid #334155;color:#94a3b8;padding-top:2rem;text-align:center}.funnel-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.funnel-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.funnel-header{border-bottom:1px solid #e2e8f0;padding:2rem 2rem 1rem;position:relative}.close-funnel{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:32px}.close-funnel:hover{background:#f1f5f9;color:#1e293b}.funnel-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.progress-bar,.progress-steps{margin-bottom:1rem}.progress-steps{display:flex;justify-content:space-between}.progress-step{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:.875rem;font-weight:600;height:32px;justify-content:center;transition:all .3s ease;width:32px}.progress-step.active{background:#2563eb;color:#fff}.progress-step.current{background:#3b82f6;color:#fff;transform:scale(1.1)}.progress-line{background:#e2e8f0;border-radius:2px;height:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2563eb,#3b82f6);height:100%;transition:width .3s ease}.funnel-content{padding:2rem}.step-header{margin-bottom:2rem;text-align:center}.step-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.step-header p{color:#64748b}.step-content{margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;display:block;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.password-requirements{background:#f8fafc;border-left:4px solid #e5e7eb;border-radius:6px;font-size:.875rem;margin-top:.5rem;padding:.75rem;transition:all .3s ease}.password-requirements.valid{background:#f0fdf4;border-left-color:#10b981;color:#065f46}.password-requirements.invalid{background:#fef2f2;border-left-color:#ef4444;color:#991b1b}.checkbox-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.checkbox-item{align-items:center;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem;transition:all .3s ease}.checkbox-item:hover{background:#f8fafc;border-color:#2563eb}.checkbox-item input[type=checkbox]{margin:0;width:auto}.checkbox-item input[type=checkbox]:checked+span{color:#2563eb}.step-navigation{align-items:center;display:flex;gap:1rem;justify-content:space-between}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 10px 25px #2563eb4d;transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #e5e7eb;color:#64748b}.btn-secondary:hover{border-color:#2563eb;color:#2563eb}.btn-success{background:linear-gradient(135deg,#059669,#10b981);color:#fff}.btn-success:hover:not(:disabled){box-shadow:0 10px 25px #0596694d;transform:translateY(-2px)}.funnel-footer{border-top:1px solid #e2e8f0;color:#64748b;font-size:.875rem;padding:1rem 2rem;text-align:center}@media (max-width:768px){.landing-header .container{flex-direction:column;gap:1rem}.logo-image{height:32px;width:32px}.nav{flex-wrap:wrap;justify-content:center}.nav .login-button{margin-bottom:.5rem;order:-1}.hero{padding:100px 0 60px}.hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-text h1{font-size:2.5rem}.hero-buttons{align-items:center;flex-direction:column}.hero-stats{justify-content:center}.features-grid,.footer-content,.steps,.testimonials-grid{grid-template-columns:1fr}.footer-content{gap:2rem}.funnel-modal{margin:10px;max-height:calc(100vh - 20px)}.checkbox-grid{grid-template-columns:1fr}.step-navigation{flex-direction:column}.step-navigation .btn{justify-content:center;width:100%}}@media (max-width:480px){.final-cta h2,.hero-text h1,.section-header h2{font-size:2rem}.funnel-content,.funnel-header{padding:1rem}}.login-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.login-background,.login-page{min-height:100vh;position:relative}.login-background{align-items:center;display:flex;justify-content:center;padding:2rem}.login-background:before{background:radial-gradient(circle at 20% 80%,#2563eb14 0,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f614 0,#0000 50%),radial-gradient(circle at 40% 40%,#2563eb0a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-container{grid-gap:5rem;align-items:center;display:grid;gap:5rem;grid-template-columns:1.2fr .8fr;max-width:1400px;position:relative;width:100%;z-index:1}.login-card{background:#fff;border:1px solid #e2e8f099;border-radius:20px;box-shadow:0 20px 40px #00000014;min-width:600px;overflow:hidden;padding:4rem;position:relative}.login-card:before{background:linear-gradient(90deg,#2563eb,#3b82f6);content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-header{margin-bottom:3rem}.brand-logo{gap:1.25rem;margin-bottom:2.5rem}.brand-logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:18px;box-shadow:0 10px 30px #2563eb40;font-size:2rem;height:70px;justify-content:center;width:70px}.login-logo-image{filter:drop-shadow(0 4px 12px rgba(37,99,235,.25));height:70px;object-fit:contain;transition:all .3s ease;width:70px}.brand-logo:hover .login-logo-image{filter:drop-shadow(0 6px 16px rgba(37,99,235,.35));transform:scale(1.05)}.brand-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.2rem;font-weight:800;margin:0}.brand-tagline{color:#64748b;font-size:1rem;font-weight:500;margin-top:.25rem}.welcome-text h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .75rem}.welcome-text p{color:#64748b;font-size:1.1rem;line-height:1.6;margin:0}.login-form{display:flex;flex-direction:column;gap:2rem}.error-message{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:1.25rem 1.5rem}.error-icon{font-size:1.2rem}.form-group{display:flex;flex-direction:column;gap:.875rem}.form-group label{color:#1e293b;font-size:1rem;font-weight:600}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{font-size:1.2rem;left:1.25rem}.input-wrapper input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:1.1rem;padding:1.25rem 1.25rem 1.25rem 3.5rem;transition:all .3s ease;width:100%}.input-wrapper input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;outline:none}.input-wrapper input:disabled{background:#f8fafc;cursor:not-allowed;opacity:.7}.input-wrapper input::placeholder{color:#94a3b8}.password-toggle{background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:1.3rem;padding:.5rem;position:absolute;right:1.25rem;transition:all .3s ease;z-index:2}.password-toggle:hover:not(:disabled){background:#2563eb0d;color:#2563eb}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.login-button{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:12px;box-shadow:0 10px 25px #2563eb4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:1rem;justify-content:center;margin-top:1rem;padding:1.5rem 2.5rem;transition:all .3s ease}.login-button:hover:not(:disabled){box-shadow:0 15px 35px #2563eb66;transform:translateY(-2px)}.login-button:disabled{box-shadow:0 10px 25px #2563eb33;cursor:not-allowed;opacity:.7;transform:none}.button-arrow{font-size:1.3rem;transition:transform .3s ease}.login-button:hover:not(:disabled) .button-arrow{transform:translateX(4px)}.loading-content{align-items:center;display:flex;gap:.875rem;justify-content:center}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.login-footer{display:flex;flex-direction:column;gap:1.5rem;margin-top:2.5rem;text-align:center}.link-button{background:none;border:none;border-radius:8px;color:#2563eb;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem;text-decoration:none;transition:all .3s ease}.link-button:hover:not(:disabled){background:#2563eb0d;color:#1d4ed8;transform:translateY(-1px)}.link-button:disabled{cursor:not-allowed;opacity:.5}.register-prompt{color:#64748b;font-size:1rem}.register-link{color:#2563eb;font-weight:600}.login-features{background:#fff;border:1px solid #e2e8f099;border-radius:20px;box-shadow:0 20px 40px #00000014;padding:3rem}.features-header{margin-bottom:2.5rem;text-align:center}.features-header h3{color:#1e293b;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.features-header p{color:#64748b;font-size:1.1rem;line-height:1.6;margin:0}.features-grid{grid-gap:2rem;display:grid;gap:2rem}.feature-item{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:1.25rem;padding:1.75rem;transition:all .3s ease}.feature-item:hover{border-color:#2563eb33;box-shadow:0 10px 30px #2563eb1a;transform:translateY(-4px)}.feature-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:14px;box-shadow:0 8px 20px #2563eb40;display:flex;flex-shrink:0;font-size:1.6rem;height:52px;justify-content:center;width:52px}.feature-content h4{color:#1e293b;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.feature-content p{color:#64748b;font-size:1rem;line-height:1.5;margin:0}@media (max-width:1200px){.login-container{gap:4rem;grid-template-columns:1fr;max-width:700px}.login-card{min-width:auto}.login-features{order:-1}}@media (max-width:768px){.login-background{padding:1rem}.login-card,.login-features{padding:2.5rem}.brand-logo{flex-direction:column;gap:1rem;text-align:center}.logo-icon{font-size:1.8rem}.login-logo-image,.logo-icon{height:60px;width:60px}.brand-text h1{font-size:1.8rem}.welcome-text h2{font-size:1.6rem}.features-grid{gap:1.5rem}.feature-item{padding:1.5rem}.feature-icon{font-size:1.4rem;height:44px;width:44px}}@media (max-width:480px){.login-card,.login-features{padding:2rem}.brand-text h1{font-size:1.5rem}.welcome-text h2{font-size:1.4rem}.login-button{padding:1.25rem 2rem}.feature-item{flex-direction:column;gap:1rem;text-align:center}}.market-research-page{color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;min-height:100vh}.market-research-page,.research-header{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.research-header{border-bottom:1px solid #0000001a;padding:2rem 0}.header-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 20px}.header-logo-section{align-items:center;display:flex;gap:2rem}.header-logo{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(37,99,235,.2));height:80px;object-fit:contain;width:80px}.header-title-group{flex:1 1}.header-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.header-text p{color:#64748b;font-size:1.25rem;line-height:1.6}.floating-metrics{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.metric-card{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:1.5rem;text-align:center;transition:all .3s ease}.metric-card:nth-child(2){animation-delay:2s}.metric-card:nth-child(3){animation-delay:4s}.metric-card:hover{box-shadow:0 12px 40px #2563eb26;transform:translateY(-5px)}.metric-icon{font-size:2rem;margin-bottom:.5rem}.metric-text{color:#2563eb;font-size:.9rem;font-weight:600}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.error-banner{animation:slideInDown .3s ease-out;background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef444433;border-radius:12px;margin:1rem auto;max-width:1200px}.error-banner-content{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem}.error-item{align-items:center;display:flex;flex:1 1;gap:.5rem}.error-label{color:#dc2626;font-size:.9rem;font-weight:600}.error-text{color:#374151;font-size:.9rem;word-break:break-word}.error-close{background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;flex-shrink:0;font-size:1.2rem;padding:.25rem;transition:all .2s ease}.error-close:hover{background:#ef44441a;transform:scale(1.1)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.research-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-tabs{display:flex;gap:0;margin:0 auto;max-width:1200px}.nav-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.nav-tab.active,.nav-tab:hover:not(:disabled){background:#2563eb0d;color:#2563eb}.nav-tab.active{border-bottom-color:#2563eb}.nav-tab:disabled{cursor:not-allowed;opacity:.5}.research-content{margin:0 auto;max-width:1200px;padding:2rem 20px}.analyze-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;justify-content:center;min-height:80vh;overflow:hidden;padding:4rem 0;position:relative}.analyze-section:before{background:radial-gradient(circle at 20% 80%,#2563eb0d 0,#0000 50%),radial-gradient(circle at 80% 20%,#3b82f60d 0,#0000 50%),radial-gradient(circle at 40% 40%,#2563eb08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.analyze-hero{margin:0 auto;max-width:1000px;padding:0 2rem;position:relative;z-index:1}.analyze-hero-content{align-items:center;display:flex;flex-direction:column;gap:3rem;text-align:center}.analyze-icon-wrapper{margin-bottom:1rem;position:relative}.analyze-icon{align-items:center;animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:30px;box-shadow:0 20px 40px #2563eb4d;display:flex;font-size:3rem;height:120px;justify-content:center;position:relative;width:120px}.icon-search{position:relative;z-index:2}.icon-pulse{animation:pulse 2s ease-in-out infinite;border:3px solid #2563eb4d;border-radius:35px;bottom:-10px;left:-10px;position:absolute;right:-10px;top:-10px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.analyze-text-section{max-width:700px}.analyze-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem}.analyze-subtitle{color:#64748b;font-size:1.4rem;line-height:1.6;margin:0}.analyze-form-wrapper{max-width:800px;width:100%}.url-input-container{background:#fff;border:2px solid #e2e8f0cc;border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;margin-bottom:2rem;overflow:hidden;position:relative;transition:all .3s ease}.url-input-container:focus-within{border-color:#2563eb;box-shadow:0 20px 40px #2563eb26;transform:translateY(-2px)}.input-icon{color:#64748b;font-size:1.5rem;left:2rem;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.url-input-hero{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:1.3rem;outline:none;padding:2rem 2rem 2rem 4.5rem}.url-input-hero::placeholder{color:#94a3b8}.analyze-btn-hero{background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;overflow:hidden;padding:2rem 3rem;position:relative;transition:all .3s ease}.analyze-btn-hero:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.analyze-btn-hero:hover:not(:disabled):before{left:100%}.analyze-btn-hero:hover:not(:disabled){box-shadow:0 15px 30px #2563eb66;transform:translateY(-2px)}.analyze-btn-hero:disabled{cursor:not-allowed;opacity:.7;transform:none}.button-content,.loading-content{align-items:center;display:flex;gap:.75rem;position:relative;z-index:2}.btn-icon{font-size:1.3rem}.spinner-hero{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.analyze-features{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.feature-badge{align-items:center;background:#fff;border:1px solid #e2e8f0cc;border-radius:15px;box-shadow:0 5px 15px #00000014;color:#1e293b;display:flex;font-weight:600;gap:.75rem;padding:1rem 1.5rem;transition:all .3s ease}.feature-badge:hover{border-color:#2563eb33;box-shadow:0 10px 25px #2563eb1a;transform:translateY(-3px)}.badge-icon{font-size:1.2rem}.quick-examples-hero{max-width:800px;width:100%}.examples-label{color:#475569;font-size:1.2rem;font-weight:600;margin-bottom:2rem}.example-buttons-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.example-btn-hero{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 5px 15px #0000000d;cursor:pointer;padding:1.5rem;text-align:left;transition:all .3s ease}.example-btn-hero:hover:not(:disabled){border-color:#2563eb;box-shadow:0 15px 30px #2563eb26;transform:translateY(-5px)}.example-btn-hero:disabled{cursor:not-allowed;opacity:.5;transform:none}.example-content{display:flex;flex-direction:column;gap:.5rem}.example-name{color:#1e293b;font-size:1.1rem;font-weight:700}.example-category{color:#64748b;font-size:.9rem;font-weight:500}@media (max-width:768px){.analyze-section{min-height:70vh;padding:2rem 0}.analyze-hero{padding:0 1rem}.analyze-hero-content{gap:2rem}.analyze-icon{border-radius:20px;font-size:2rem;height:80px;width:80px}.analyze-title{font-size:2.5rem}.analyze-subtitle{font-size:1.2rem}.url-input-container{border-radius:16px;flex-direction:column}.input-icon{left:1.5rem}.url-input-hero{font-size:1.1rem;padding:1.5rem 1.5rem 1.5rem 3.5rem}.analyze-btn-hero{border-radius:0 0 16px 16px;font-size:1.1rem;padding:1.5rem 2rem}.analyze-features{gap:1rem}.feature-badge{font-size:.9rem;padding:.75rem 1rem}.example-buttons-grid{gap:1rem;grid-template-columns:1fr 1fr}.example-btn-hero{padding:1rem}}@media (max-width:480px){.analyze-title{font-size:2rem}.analyze-subtitle{font-size:1.1rem}.example-buttons-grid{grid-template-columns:1fr}.analyze-features{align-items:center;flex-direction:column}}.results-section{animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.summary-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.summary-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.summary-card:hover{box-shadow:0 12px 40px #2563eb26;transform:translateY(-5px)}.card-icon{font-size:2.5rem;opacity:.8}.card-content h4{color:#64748b;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.commercial-score,.industry,.keywords-count,.score{color:#2563eb;font-size:1.8rem;font-weight:800}.detailed-analysis{grid-gap:2rem;display:grid;gap:2rem}.analysis-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:1.5rem}.table-title{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.table-wrapper{overflow-x:auto}.analysis-table{border-collapse:collapse;font-size:.9rem;width:100%}.analysis-table th{background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;color:#fff;font-weight:600;padding:1rem;text-align:left}.analysis-table th:first-child{border-radius:8px 0 0 0}.analysis-table th:last-child{border-radius:0 8px 0 0}.analysis-table td{border-bottom:1px solid #e2e8f0;color:#475569;padding:1rem}.analysis-table tbody tr:hover{background:#2563eb0d}.analysis-table tbody tr:last-child td{border-bottom:none}.quick-insights{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-top:2rem;padding:2rem}.quick-insights h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.insights-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.insight-item{align-items:center;border-radius:8px;justify-content:space-between}.insight-label{color:#64748b;font-weight:500}.insight-value{color:#1e293b;font-weight:700}.recommendations{background:#10b9810d;border:1px solid #10b98133;border-radius:12px;padding:1.5rem}.recommendations h4{align-items:center;color:#059669;display:flex;font-weight:700;gap:.5rem;margin-bottom:1rem}.recommendations h4:before{content:"💡"}.recommendations ul{list-style:none;padding:0}.recommendations li{border-bottom:1px solid #10b9811a;color:#064e3b;padding:.5rem 0 .5rem 1.5rem;position:relative}.recommendations li:before{color:#059669;content:"✓";font-weight:700;left:0;position:absolute}.recommendations li:last-child{border-bottom:none}.chat-section{height:70vh}.chat-container,.chat-section{display:flex;flex-direction:column}.chat-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;height:100%}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.chat-message{align-items:flex-start;display:flex;gap:1rem}.chat-message.user{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.chat-message.user .message-avatar{background:linear-gradient(135deg,#2563eb,#3b82f6)}.chat-message.bot .message-avatar{background:linear-gradient(135deg,#10b981,#059669)}.message-content{background:#fffc;border-radius:16px;box-shadow:0 4px 16px #0000001a;max-width:70%;padding:1rem}.chat-message.user .message-content{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.message-text{line-height:1.5;white-space:pre-wrap}.message-recommendations{border-top:1px solid #fff3;margin-top:1rem;padding-top:1rem}.message-recommendations h5{font-weight:600;margin-bottom:.5rem}.message-recommendations ul{list-style:none;padding:0}.message-recommendations li{padding:.25rem 0 .25rem 1rem;position:relative}.message-recommendations li:before{color:#2563eb;content:"→";font-weight:700;left:0;position:absolute}.message-time{font-size:.75rem;margin-top:.5rem;opacity:.7}.typing-indicator{align-items:center;display:flex;gap:.25rem}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#64748b;border-radius:50%;height:8px;width:8px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.chat-input-form{border-top:1px solid #0000001a;display:flex;gap:1rem;padding:1.5rem}.chat-input{border:2px solid #e2e8f0;border-radius:12px;flex:1 1;font-size:1rem;padding:1rem;resize:none;transition:all .3s ease}.chat-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:50px;justify-content:center;padding:1rem;transition:all .3s ease;width:50px}.chat-send-btn:hover:not(:disabled){box-shadow:0 8px 20px #2563eb4d;transform:translateY(-2px)}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.chat-placeholder{align-items:center;color:#64748b;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.chat-placeholder h3{color:#1e293b;margin-bottom:.5rem}.history-section{animation:fadeIn .5s ease}.history-section h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.history-list{display:flex;flex-direction:column;gap:1rem}.history-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.history-item:hover{box-shadow:0 12px 40px #2563eb26;transform:translateY(-2px)}.history-info{flex:1 1}.history-domain{color:#1e293b;font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.history-url{color:#64748b;font-size:.9rem;margin-bottom:.25rem}.history-date{color:#94a3b8;font-size:.8rem}.history-score,.score-circle{align-items:center;display:flex}.score-circle{background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;color:#fff;font-size:1.1rem;font-weight:700;height:60px;justify-content:center;width:60px}.reanalyze-btn{align-items:center;background:#2563eb1a;border:1px solid #2563eb33;border-radius:8px;color:#2563eb;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.reanalyze-btn:hover:not(:disabled){background:#2563eb;color:#fff;transform:translateY(-1px)}.reanalyze-btn:disabled{cursor:not-allowed;opacity:.5}.empty-history{color:#64748b;padding:3rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-history h4{color:#1e293b;margin-bottom:.5rem}.error-message,.no-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:3rem;text-align:center}.error-icon,.no-results-icon{font-size:4rem;margin-bottom:1rem}.error-message h3,.no-results h3{color:#1e293b;margin-bottom:1rem}.error-message p,.no-results p{color:#64748b;margin-bottom:2rem}.retry-btn,.start-btn{background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.retry-btn:hover,.start-btn:hover{box-shadow:0 10px 25px #2563eb4d;transform:translateY(-2px)}@media (max-width:768px){.header-content{gap:2rem;grid-template-columns:1fr;text-align:center}.header-logo-section{flex-direction:column;gap:1.5rem;text-align:center}.header-logo{height:60px;width:60px}.header-text h1{font-size:2.5rem}.floating-metrics,.nav-tabs{justify-content:center}.nav-tabs{flex-wrap:wrap}.nav-tab{font-size:.9rem;padding:.75rem 1rem}.summary-cards{grid-template-columns:1fr}.url-input-container{flex-direction:column}.example-buttons-grid{gap:.75rem;grid-template-columns:1fr 1fr}.insights-grid{grid-template-columns:1fr}.message-content{max-width:85%}.history-item{align-items:flex-start;flex-direction:column;gap:1rem}.score-circle{font-size:1rem;height:50px;width:50px}}@media (max-width:480px){.research-content{padding:1rem 10px}.header-text h1{font-size:2rem}.analyze-form{padding:1.5rem}.analysis-table-container,.chat-input-form,.chat-messages,.summary-card{padding:1rem}}.insights-section{animation:fadeIn .5s ease-in}.insights-container{margin:0 auto;max-width:1000px}.insights-header{align-items:center;background:linear-gradient(135deg,#2563eb1a,#3b82f60d);border:1px solid #2563eb1a;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.insights-title h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:800;margin:0 0 .5rem}.insights-title p{color:#64748b;font-size:1.1rem;margin:0}.insights-loading{align-items:center;color:#2563eb;display:flex;font-weight:600;gap:.5rem}.insights-loading .spinner{height:20px;width:20px}.insight-card{animation:slideInUp .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem;padding:2rem;transition:all .3s ease}.insight-card:hover{box-shadow:0 8px 30px #2563eb26;transform:translateY(-2px)}.insight-card h3{align-items:center;color:#1e293b;display:flex;font-size:1.4rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.insight-content{color:#475569;font-size:1rem;line-height:1.7}.insight-content p{white-space:pre-line}.recommendations-card{background:linear-gradient(135deg,#22c55e0d,#16a34a05);border-color:#22c55e33}.recommendations-card h3{color:#166534}.actions-card{background:linear-gradient(135deg,#a855f70d,#9333ea05);border-color:#a855f733}.actions-card h3{color:#7c2d12}.actions-list{display:flex;flex-direction:column;gap:1rem}.action-item{align-items:flex-start;background:#ffffffb3;border:1px solid #a855f71a;border-radius:12px;display:flex;gap:.75rem;padding:1rem;transition:all .3s ease}.action-item:hover{background:#ffffffe6;transform:translateX(5px)}.action-icon{font-size:1.2rem;margin-top:.1rem}.action-text{font-weight:500;line-height:1.5}.score-breakdown{background:linear-gradient(135deg,#3b82f60d,#2563eb05);border-color:#3b82f633}.score-breakdown h3{color:#1d4ed8}.next-steps-card{background:linear-gradient(135deg,#f59e0b0d,#d9770605);border-color:#f59e0b33}.next-steps-card h3{color:#92400e}.insights-loading-state{align-items:center;display:flex;justify-content:center;min-height:400px}.loading-animation{padding:3rem;text-align:center}.spinner.large{border-width:4px;height:60px;margin:0 auto 2rem;width:60px}.loading-animation h3{color:#2563eb;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.loading-animation p{color:#64748b;font-size:1.1rem}.insights-placeholder{align-items:center;background:#ffffff80;border:2px dashed #e2e8f0;border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.insights-placeholder .placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.insights-placeholder h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.insights-placeholder p{color:#64748b;font-size:1.1rem;max-width:400px}.raw-data{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:2rem;padding:1rem}.raw-data summary{color:#64748b;cursor:pointer;font-weight:600;padding:.5rem}.raw-data summary:hover{color:#2563eb}.raw-data pre{background:#1e293b;border-radius:8px;color:#e2e8f0;font-size:.875rem;margin-top:1rem;overflow-x:auto;padding:1rem}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.insights-header{flex-direction:column;gap:1rem;text-align:center}.insights-title h2{font-size:1.5rem}.insight-card{padding:1.5rem}.insight-card h3{font-size:1.2rem}.action-item{flex-direction:column;gap:.5rem;text-align:center}}@media (max-width:480px){.insight-card{margin-bottom:1rem;padding:1rem}.insights-placeholder{padding:2rem 1rem}.insights-placeholder .placeholder-icon{font-size:3rem}}.html-preview-section{animation:fadeIn .5s ease}.html-preview-container{background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;padding:2rem}.preview-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.preview-header h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.preview-controls{align-items:center;display:flex;gap:1rem}.copy-btn,.download-btn,.open-external-btn,.open-modal-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease}.copy-btn:hover,.download-btn:hover,.open-external-btn:hover,.open-modal-btn:hover{box-shadow:0 8px 20px #2563eb4d;transform:translateY(-2px)}.current-url{color:#64748b;font-size:.9rem;font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.html-content-display{background:#1e293b;border-radius:12px;margin-bottom:2rem;overflow:hidden;padding:1.5rem}.html-code{word-wrap:break-word;color:#e2e8f0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.6;margin:0;max-height:500px;overflow-y:auto;scrollbar-color:#475569 #1e293b;scrollbar-width:thin;white-space:pre-wrap}.html-code::-webkit-scrollbar{width:8px}.html-code::-webkit-scrollbar-track{background:#1e293b}.html-code::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.html-code::-webkit-scrollbar-thumb:hover{background:#64748b}.enhanced-data-section{margin-top:2rem}.enhanced-data-section h4{color:#1e293b;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.data-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.data-card h5{align-items:center;color:#2563eb;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.data-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.data-item{display:flex;flex-direction:column;gap:.25rem}.data-label{color:#64748b;font-size:.9rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.data-value{color:#1e293b;font-weight:600;word-break:break-word}.html-preview-placeholder{align-items:center;background:#ffffff80;border:2px dashed #e2e8f0;border-radius:16px;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.html-preview-placeholder .placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.html-preview-placeholder h3{color:#1e293b;margin-bottom:.5rem}.page-preview-section{animation:fadeIn .5s ease}.page-preview-container{background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;height:80vh;padding:2rem}.iframe-container{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;flex:1 1;padding:1rem}.page-preview-iframe{background:#fff;border:none;border-radius:8px;height:100%;width:100%}.page-preview-placeholder{align-items:center;background:#ffffff80;border:2px dashed #e2e8f0;border-radius:16px;color:#64748b;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:3rem;text-align:center}.page-preview-placeholder .placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.page-preview-placeholder h3{color:#1e293b;margin-bottom:.5rem}.page-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.page-modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;width:95vw}.modal-header{align-items:center;background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.modal-header h3{color:#1e293b;font-size:1.3rem;font-weight:700;margin:0;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal-close-btn{align-items:center;background:#ef44441a;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close-btn:hover{background:#ef444433;transform:scale(1.1)}.modal-iframe-container{background:#f8fafc;flex:1 1;padding:1rem}.modal-iframe{background:#fff;border:none;border-radius:8px;height:100%;width:100%}@media (max-width:768px){.preview-header{align-items:flex-start;flex-direction:column;gap:1rem}.preview-controls{flex-wrap:wrap;width:100%}.current-url{max-width:100%;order:-1}.html-code{font-size:.75rem}.data-grid{grid-template-columns:1fr}.page-modal-overlay{padding:1rem}.page-modal-content{height:85vh;width:100%}.modal-header{padding:1rem 1.5rem}.modal-header h3{font-size:1.1rem;max-width:60%}}@media (max-width:480px){.html-preview-container,.page-preview-container{padding:1rem}.preview-controls{flex-direction:column;gap:.5rem}.copy-btn,.download-btn,.open-external-btn,.open-modal-btn{font-size:.8rem;justify-content:center;padding:.5rem .75rem;width:100%}.data-card,.html-code{padding:1rem}.html-code{font-size:.7rem}.modal-header{padding:.75rem 1rem}.modal-iframe-container{padding:.5rem}}.ai-insights-formatted{animation:slideInUp .6s ease-out;display:flex;flex-direction:column;gap:2rem}.insight-section{background:#fffffff2;border:1px solid #2563eb1a;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem;transition:all .3s ease}.insight-section:hover{box-shadow:0 8px 32px #2563eb1f;transform:translateY(-2px)}.insight-section h3{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem}.insight-content p{color:#475569;font-size:1.1rem;line-height:1.7;margin:0}.insight-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.insight-item{background:#2563eb0d;border-left:4px solid #2563eb;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.insight-item strong{color:#2563eb;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.insight-item span{color:#374151;font-size:1rem;line-height:1.5}.seo-insights{grid-gap:1.5rem;display:grid;gap:1.5rem}.seo-category{border-left:4px solid;border-radius:12px;padding:1.5rem}.seo-category.strengths{background:#22c55e0d;border-left-color:#22c55e}.seo-category.weaknesses{background:#fb923c0d;border-left-color:#fb923c}.seo-category.critical-gaps{background:#ef44440d;border-left-color:#ef4444}.seo-category h4{align-items:center;display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.seo-category.strengths h4{color:#16a34a}.seo-category.weaknesses h4{color:#ea580c}.seo-category.critical-gaps h4{color:#dc2626}.seo-category ul{list-style:none;margin:0;padding:0}.seo-category li{color:#374151;line-height:1.6;padding:.5rem 0 .5rem 1.5rem;position:relative}.seo-category.strengths li:before{color:#22c55e;content:"✓";font-weight:700;left:0;position:absolute}.seo-category.weaknesses li:before{color:#fb923c;content:"⚠";left:0;position:absolute}.seo-category.critical-gaps li:before{color:#ef4444;content:"✗";font-weight:700;left:0;position:absolute}.keyword-insights{gap:1.5rem}.keyword-focus,.keyword-insights{display:flex;flex-direction:column}.keyword-focus{background:#6366f10d;border-left:4px solid #6366f1;border-radius:12px;gap:.5rem;padding:1rem}.keyword-focus strong{color:#6366f1;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.keyword-gaps,.keyword-opportunities{background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:12px;padding:1.5rem}.keyword-gaps h4,.keyword-opportunities h4{color:#1e293b;font-weight:600;margin-bottom:1rem}.recommendations-section{background:linear-gradient(135deg,#2563eb0d,#6366f10d)}.recommendations-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.recommendation-category{background:#fffc;border:1px solid #2563eb1a;border-radius:12px;padding:1.5rem}.recommendation-category h4{align-items:center;color:#2563eb;display:flex;font-weight:600;gap:.5rem;margin-bottom:1rem}.recommendation-category ul{list-style:none;margin:0;padding:0}.recommendation-category li{border-bottom:1px solid #e2e8f080;color:#374151;line-height:1.6;padding:.75rem 0 .75rem 1.5rem;position:relative}.recommendation-category li:last-child{border-bottom:none}.recommendation-category li:before{color:#2563eb;content:"→";font-weight:700;left:0;position:absolute}.quick-actions-section{background:linear-gradient(135deg,#22c55e0d,#10b9810d)}.quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem}.quick-action-item{align-items:center;background:#ffffffe6;border-left:4px solid #22c55e;border-radius:12px;display:flex;gap:1rem;padding:1rem 1.5rem;transition:all .3s ease}.quick-action-item:hover{box-shadow:0 4px 16px #22c55e1a;transform:translateX(5px)}.action-number{align-items:center;background:#22c55e;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:2rem;justify-content:center;width:2rem}.action-text{color:#374151;flex:1 1;line-height:1.6}.timeline-section{background:linear-gradient(135deg,#a855f70d,#8b5cf60d)}.timeline{display:flex;flex-direction:column;gap:2rem;position:relative}.timeline:before{background:linear-gradient(180deg,#a855f7,#8b5cf6);border-radius:2px;bottom:0;content:"";left:2rem;position:absolute;top:0;width:2px}.timeline-item{display:flex;gap:1.5rem;position:relative}.timeline-marker{align-items:center;background:linear-gradient(135deg,#a855f7,#8b5cf6);border-radius:50%;box-shadow:0 4px 16px #a855f74d;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:4rem;justify-content:center;position:relative;width:4rem;z-index:1}.timeline-content{background:#ffffffe6;border:1px solid #a855f71a;border-radius:12px;flex:1 1;padding:1rem 1.5rem}.timeline-content h4{color:#7c3aed;font-weight:600;margin-bottom:1rem}.timeline-content ul{list-style:none;margin:0;padding:0}.timeline-content li{color:#374151;line-height:1.6;padding:.5rem 0 .5rem 1.5rem;position:relative}.timeline-content li:before{color:#a855f7;content:"◆";font-size:.8rem;left:0;position:absolute}.opportunity-section{background:linear-gradient(135deg,#f59e0b0d,#d977060d)}.opportunity-content{display:flex;flex-direction:column;gap:1.5rem}.opportunity-score p{background:#fffc;border-left:4px solid #f59e0b;border-radius:12px;color:#374151;font-size:1.1rem;line-height:1.7;margin:0;padding:1.5rem}.key-factors h4{color:#d97706;font-weight:600;margin-bottom:1rem}.factors-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.factor-item{background:#fffc;border-left:4px solid #f59e0b;border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.factor-item strong{color:#d97706;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.factor-item span{color:#374151;line-height:1.5}@media (max-width:768px){.ai-insights-formatted{gap:1.5rem}.insight-section{padding:1.5rem}.insight-grid,.recommendations-grid{grid-template-columns:1fr}.timeline:before{left:1.5rem}.timeline-marker{font-size:.8rem;height:3rem;width:3rem}.factors-grid{grid-template-columns:1fr}}@media (max-width:480px){.insight-section{padding:1rem}.insight-section h3{font-size:1.3rem}.quick-action-item{padding:.75rem 1rem}.timeline-item{gap:1rem}.timeline-content{padding:1rem}}.ai-insights-readable{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 30px #2563eb1a;margin:20px 0;padding:32px}.insights-content{max-width:none}.insight-section-readable{background:#fff;border-left:4px solid #3b82f6;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:32px;padding:24px;transition:all .3s ease}.insight-section-readable:hover{box-shadow:0 8px 25px #2563eb26;transform:translateY(-2px)}.insight-section-readable:last-child{margin-bottom:0}.insight-section-readable h3{align-items:center;color:#1e40af;display:flex;font-size:1.3rem;font-weight:700;gap:8px;margin:0 0 20px}.section-content{color:#374151;line-height:1.6}.bullet-point{align-items:flex-start;display:flex;margin:8px 0;padding:8px 0;transition:all .2s ease}.bullet-point:hover{background:#3b82f60d;border-radius:6px;padding:8px 12px}.bullet{color:#3b82f6;font-size:1.1rem;font-weight:700;margin-right:12px;margin-top:2px}.bullet-text{color:#374151;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.01em;line-height:1.6}.numbered-point{align-items:flex-start;background:#f1f5f9;border-left:3px solid #3b82f6;border-radius:8px;display:flex;margin:12px 0;padding:12px;transition:all .3s ease}.numbered-point:hover{background:#e0f2fe;transform:translateX(4px)}.number{color:#1e40af;font-size:1rem;font-weight:700;margin-right:12px;min-width:24px}.numbered-text{color:#374151;flex:1 1;font-size:1rem;font-weight:400;letter-spacing:.01em;line-height:1.6}.numbered-text,.sub-header{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif}.sub-header{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.1rem;font-weight:600;margin:20px 0 12px;padding-bottom:6px}.insight-paragraph{color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.01em;line-height:1.7;margin:16px 0}.insight-text{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin:16px 0;padding:20px}.insight-text p{color:#374151;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;font-size:1rem;font-weight:400;letter-spacing:.01em;line-height:1.7;margin:0}@media (max-width:768px){.ai-insights-readable{padding:20px}.insight-section-readable{margin-bottom:20px;padding:16px}.insight-section-readable h3{font-size:1.2rem}.numbered-point{padding:10px}}@media (max-width:480px){.ai-insights-readable{margin:10px 0;padding:16px}.insight-section-readable{padding:12px}.bullet-point:hover{padding:8px}}
/*# sourceMappingURL=main.1c520c2e.css.map*/