@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";.feature-bar{position:relative;z-index:10;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-base);border-bottom:1px solid var(--border-subtle);scrollbar-width:none;-ms-overflow-style:none}body:has(.chatbot-modal-overlay) .feature-bar,body:has(.chatbot-modal-overlay) .feature-bar-container,body:has(.chatbot-modal-overlay) .feature-tab,body:has(.chatbot-modal-overlay) .option-actions,body:has(.chatbot-modal-overlay) .option-play-btn,body:has(.chatbot-modal-overlay) .option-info-btn,body:has(.chatbot-modal-overlay) button[class*=voir],body:has(.chatbot-modal-overlay) button[class*=view],body:has(.chatbot-modal-overlay) .feature-viz-modal-overlay,body:has(.chatbot-modal-overlay) .feature-details-overlay{z-index:1!important;pointer-events:none!important;opacity:.3!important}body:not(:has(.chatbot-modal-overlay)) .feature-bar,body:not(:has(.chatbot-modal-overlay)) .feature-bar-container,body:not(:has(.chatbot-modal-overlay)) .feature-tab{pointer-events:auto!important;opacity:1!important;visibility:visible!important;z-index:10!important}[data-theme=dark] .feature-bar{background:var(--bg-base)}.feature-bar::-webkit-scrollbar{display:none}.feature-tab{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;font-size:.875rem;font-weight:500;color:var(--text-secondary);min-width:fit-content;font-family:var(--font-sans);letter-spacing:-.01em}.feature-tab:hover{border-color:var(--border-default);background:var(--bg-subtle);color:var(--text-primary)}.feature-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:500}.feature-tab:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;box-shadow:0 0 0 4px #6366f133}.feature-icon{display:flex;align-items:center;justify-content:center;line-height:1}.feature-icon-svg{width:18px;height:18px}.feature-label{font-weight:inherit}@media(max-width:768px){.feature-bar-container{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:99!important;background:var(--bg-base)!important;border-top:1px solid var(--border-subtle)!important;border-bottom:none!important;padding:var(--spacing-sm, 12px) var(--spacing-md, 16px)!important;padding-bottom:max(var(--spacing-sm, 12px),env(safe-area-inset-bottom))!important;box-shadow:0 -2px 8px #0000001a!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;display:block!important;visibility:visible!important;opacity:1!important}.feature-bar-container::-webkit-scrollbar{display:none}.feature-bar{display:flex!important;visibility:visible!important;opacity:1!important;position:relative!important;gap:var(--spacing-xs, 8px)!important;padding:0!important;margin:0!important;background:transparent!important;border:none!important;overflow-x:auto!important;overflow-y:hidden!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important}.feature-tab{min-width:auto!important;padding:10px 16px!important;min-height:44px!important;font-size:.875rem!important;border-radius:var(--radius-md, 8px)!important;white-space:nowrap;-webkit-tap-highlight-color:rgba(99,102,241,.1);touch-action:manipulation;flex-shrink:0}.feature-tab.active{padding:10px 16px!important}.feature-tab+.feature-tab{margin-left:var(--spacing-xs, 8px)}}@media(max-width:480px){.feature-bar-container{padding:var(--spacing-xs, 8px) var(--spacing-sm, 12px)!important;padding-bottom:max(var(--spacing-xs, 8px),env(safe-area-inset-bottom))!important}.feature-tab{padding:8px 14px!important;font-size:.8125rem!important;min-height:44px!important}}.feature-visualization,.preview-visualization{position:relative;z-index:1!important}.feature-visualization{width:100%;min-height:200px;max-height:500px;display:flex;flex-direction:column;margin-bottom:var(--spacing-lg);background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-base) 100%);background-attachment:local;background-size:100% 100%;background-repeat:no-repeat;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);overflow:visible;position:relative;padding:var(--spacing-md);box-sizing:border-box;max-width:100%;isolation:isolate}.preview-panel .preview-visualization.feature-visualization,.preview-panel .feature-visualization{width:100%!important;max-width:100%!important;margin-bottom:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;position:relative!important;overflow:visible!important;background-clip:padding-box!important;background-attachment:local!important;background-size:100% 100%!important;background-repeat:no-repeat!important;isolation:isolate!important;left:0!important;right:auto!important}.preview-panel .preview-visualization.feature-visualization:before,.preview-panel .preview-visualization.feature-visualization:after{box-sizing:border-box!important;max-width:100%!important}.preview-panel .feature-visualization{background-size:100% 100%!important;background-repeat:no-repeat!important}.visualization-header{text-align:center;margin-bottom:var(--spacing-sm)}.visualization-title{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;letter-spacing:-.02em}.visualization-description{font-size:.75rem;color:var(--text-secondary);margin:0;line-height:1.4}.visualization-3d{width:100%;flex:0 1 auto;min-height:200px;max-height:350px;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}.auth-3d{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xl);transform-style:preserve-3d;animation:float 3s ease-in-out infinite}.auth-lock{position:relative;width:60px;height:60px;transform:rotateY(-15deg) rotateX(10deg);animation:lockRotate 4s ease-in-out infinite}.lock-body{width:40px;height:50px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);border-radius:4px 4px 8px 8px;position:relative;box-shadow:0 4px 12px #6366f14d}.lock-shackle{width:30px;height:30px;border:4px solid var(--primary-600);border-bottom:none;border-radius:30px 30px 0 0;position:absolute;top:-15px;left:5px;box-shadow:0 2px 8px #6366f133}.lock-keyhole{width:8px;height:12px;background:var(--bg-base);border-radius:0 0 4px 4px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.auth-shield{position:relative;width:50px;height:60px;transform:rotateY(15deg) rotateX(-10deg);animation:shieldPulse 2s ease-in-out infinite}.shield-body{width:100%;height:100%;background:linear-gradient(135deg,var(--success-500) 0%,var(--success-600) 100%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);box-shadow:0 4px 12px #10b9814d}.shield-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;border:3px solid white;border-top:none;border-left:none;transform:translate(-50%,-60%) rotate(45deg)}.database-3d{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);transform-style:preserve-3d}.db-cylinder{position:relative;width:80px;height:100px;transform:rotateY(-20deg) rotateX(5deg);animation:dbRotate 5s ease-in-out infinite}.cylinder-top{width:80px;height:20px;background:linear-gradient(135deg,var(--primary-400) 0%,var(--primary-600) 100%);border-radius:40px 40px 0 0;box-shadow:0 4px 12px #6366f14d}.cylinder-body{width:80px;height:60px;background:linear-gradient(180deg,var(--primary-500) 0%,var(--primary-700) 100%);position:relative;overflow:hidden}.cylinder-ring{width:100%;height:2px;background:#fff3;margin:8px 0}.cylinder-bottom{width:80px;height:20px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);border-radius:0 0 40px 40px;box-shadow:0 -4px 12px #6366f14d}.db-data{display:flex;flex-direction:column;gap:var(--spacing-xs);transform:rotateY(20deg)}.data-row{width:60px;height:8px;background:linear-gradient(90deg,var(--primary-300) 0%,var(--primary-500) 100%);border-radius:4px;animation:dataFlow 2s ease-in-out infinite}.data-row:nth-child(2){animation-delay:.3s}.data-row:nth-child(3){animation-delay:.6s}.ui-3d{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);transform-style:preserve-3d}.ui-screen{transform:rotateY(-15deg) rotateX(5deg);animation:screenTilt 4s ease-in-out infinite}.screen-frame{width:100px;height:70px;background:var(--bg-base);border:3px solid var(--border-default);border-radius:var(--radius-md);padding:8px;box-shadow:0 8px 24px #00000026;position:relative}.screen-content{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%);border-radius:4px;display:flex;flex-direction:column;gap:6px;padding:8px}.ui-element{height:8px;background:var(--primary-500);border-radius:4px;animation:elementPulse 2s ease-in-out infinite}.ui-element:nth-child(1){width:80%}.ui-element:nth-child(2){width:60%;animation-delay:.2s}.ui-element:nth-child(3){width:70%;animation-delay:.4s}.ui-palette{display:flex;flex-direction:column;gap:var(--spacing-xs);transform:rotateY(15deg)}.palette-color{width:30px;height:30px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #0000001a;animation:colorShift 3s ease-in-out infinite}.palette-color:nth-child(1){background:var(--primary-500);animation-delay:0s}.palette-color:nth-child(2){background:var(--accent-500);animation-delay:1s}.palette-color:nth-child(3){background:var(--success-500);animation-delay:2s}.payments-3d{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);transform-style:preserve-3d}.payment-card{width:80px;height:50px;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);border-radius:var(--radius-md);padding:8px;transform:rotateY(-20deg) rotateX(5deg);box-shadow:0 8px 24px #6366f14d;position:relative;animation:cardFlip 3s ease-in-out infinite}.card-chip{width:20px;height:16px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:3px;margin-bottom:6px;box-shadow:inset 0 1px 2px #0003}.card-lines{display:flex;flex-direction:column;gap:3px}.card-line{height:3px;background:#ffffff4d;border-radius:2px}.payment-arrow{width:0;height:0;border-left:15px solid var(--success-500);border-top:10px solid transparent;border-bottom:10px solid transparent;animation:arrowMove 2s ease-in-out infinite}.payment-checkmark{width:30px;height:30px;border:3px solid var(--success-500);border-radius:50%;position:relative;animation:checkPulse 2s ease-in-out infinite}.payment-checkmark:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:12px;border:3px solid var(--success-500);border-top:none;border-left:none;transform:translate(-50%,-60%) rotate(45deg)}.files-3d{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);transform-style:preserve-3d}.file-stack{position:relative;transform:rotateY(-15deg)}.file-item{width:60px;height:80px;background:var(--bg-elevated);border:2px solid var(--border-default);border-radius:2px;position:absolute;box-shadow:0 2px 8px #0000001a}.file-item:nth-child(1){transform:translate(0) rotate(-2deg);z-index:3}.file-item:nth-child(2){transform:translate(4px,4px) rotate(1deg);z-index:2}.file-item:nth-child(3){transform:translate(8px,8px) rotate(3deg);z-index:1}.file-folder{position:relative;width:70px;height:50px;transform:rotateY(15deg) rotateX(-5deg);animation:folderOpen 3s ease-in-out infinite}.folder-tab{width:20px;height:8px;background:var(--accent-500);border-radius:2px 2px 0 0;position:absolute;top:-8px;left:8px;box-shadow:0 -2px 4px #0000001a}.folder-body{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-400) 0%,var(--accent-600) 100%);border-radius:2px;box-shadow:0 4px 12px #f59e0b4d}.notifications-3d{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);transform-style:preserve-3d;position:relative}.notification-bell{position:relative;width:50px;height:50px;transform:rotateY(-10deg);animation:bellRing 2s ease-in-out infinite}.bell-body{width:100%;height:80%;background:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-700) 100%);border-radius:50%/60% 60% 40% 40%;box-shadow:0 4px 12px #f59e0b4d;position:relative}.bell-clapper{width:8px;height:12px;background:var(--bg-base);border-radius:4px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%);animation:clapperSwing .5s ease-in-out infinite}.notification-badge{width:24px;height:24px;background:var(--error-500);border-radius:50%;position:absolute;top:-8px;right:-8px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444466;animation:badgePulse 1.5s ease-in-out infinite;z-index:10}.badge-number{color:#fff;font-size:.75rem;font-weight:700}.notification-waves{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.wave{position:absolute;width:60px;height:60px;border:2px solid var(--accent-500);border-radius:50%;opacity:.3;animation:waveExpand 2s ease-out infinite}.wave:nth-child(2){animation-delay:.5s}.wave:nth-child(3){animation-delay:1s}.security-3d{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);transform-style:preserve-3d}.security-shield{position:relative;width:70px;height:80px;transform:rotateY(-15deg);animation:shieldRotate 4s ease-in-out infinite}.shield-outline{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);box-shadow:0 4px 12px #6366f14d;position:relative}.shield-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;background:linear-gradient(135deg,var(--primary-300) 0%,var(--primary-500) 100%);clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.shield-lock{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid var(--bg-base);border-radius:4px}.security-layers{display:flex;flex-direction:column;gap:var(--spacing-xs);transform:rotateY(15deg)}.layer{width:50px;height:8px;background:linear-gradient(90deg,var(--primary-400) 0%,var(--primary-600) 100%);border-radius:4px;box-shadow:0 2px 4px #6366f133;animation:layerGlow 2s ease-in-out infinite}.layer:nth-child(2){animation-delay:.3s}.layer:nth-child(3){animation-delay:.6s}.deployment-3d{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);transform-style:preserve-3d;position:relative}.deploy-server{transform:rotateY(-20deg) rotateX(5deg);animation:serverPulse 3s ease-in-out infinite}.server-body{width:60px;height:80px;background:linear-gradient(135deg,var(--neutral-700) 0%,var(--neutral-900) 100%);border-radius:var(--radius-sm);padding:8px;box-shadow:0 8px 24px #0000004d;position:relative}.server-light{width:8px;height:8px;border-radius:50%;margin-bottom:6px;animation:lightBlink 1.5s ease-in-out infinite}.server-light:nth-child(1){background:var(--success-500);animation-delay:0s}.server-light:nth-child(2){background:var(--warning-500);animation-delay:.5s}.server-light:nth-child(3){background:var(--error-500);animation-delay:1s}.deploy-cloud{position:relative;width:80px;height:50px;transform:rotateY(20deg);animation:cloudFloat 4s ease-in-out infinite}.cloud-shape{position:absolute;background:linear-gradient(135deg,var(--primary-300) 0%,var(--primary-500) 100%);border-radius:50%;opacity:.8}.cloud-shape:nth-child(1){width:40px;height:40px;top:0;left:0}.cloud-shape:nth-child(2){width:50px;height:50px;top:-10px;left:20px}.cloud-shape:nth-child(3){width:35px;height:35px;top:10px;left:45px}.deploy-arrow-up{position:absolute;bottom:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:20px solid var(--success-500);animation:arrowBounce 1.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes lockRotate{0%,to{transform:rotateY(-15deg) rotateX(10deg)}50%{transform:rotateY(15deg) rotateX(-10deg)}}@keyframes shieldPulse{0%,to{transform:rotateY(15deg) rotateX(-10deg) scale(1)}50%{transform:rotateY(15deg) rotateX(-10deg) scale(1.1)}}@keyframes dbRotate{0%,to{transform:rotateY(-20deg) rotateX(5deg)}50%{transform:rotateY(20deg) rotateX(-5deg)}}@keyframes dataFlow{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(10px)}}@keyframes screenTilt{0%,to{transform:rotateY(-15deg) rotateX(5deg)}50%{transform:rotateY(15deg) rotateX(-5deg)}}@keyframes elementPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes colorShift{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes cardFlip{0%,to{transform:rotateY(-20deg) rotateX(5deg)}50%{transform:rotateY(20deg) rotateX(-5deg)}}@keyframes checkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes folderOpen{0%,to{transform:rotateY(15deg) rotateX(-5deg)}50%{transform:rotateY(15deg) rotateX(5deg)}}@keyframes bellRing{0%,to{transform:rotateY(-10deg) rotate(0)}25%{transform:rotateY(-10deg) rotate(-10deg)}75%{transform:rotateY(-10deg) rotate(10deg)}}@keyframes clapperSwing{0%,to{transform:translate(-50%) rotate(0)}50%{transform:translate(-50%) rotate(15deg)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes waveExpand{0%{transform:scale(.5);opacity:.8}to{transform:scale(2);opacity:0}}@keyframes shieldRotate{0%,to{transform:rotateY(-15deg) rotate(0)}50%{transform:rotateY(15deg) rotate(5deg)}}@keyframes layerGlow{0%,to{opacity:.6;box-shadow:0 2px 4px #6366f133}50%{opacity:1;box-shadow:0 2px 8px #6366f166}}@keyframes serverPulse{0%,to{transform:rotateY(-20deg) rotateX(5deg) scale(1)}50%{transform:rotateY(-20deg) rotateX(5deg) scale(1.05)}}@keyframes lightBlink{0%,to{opacity:1}50%{opacity:.3}}@keyframes cloudFloat{0%,to{transform:rotateY(20deg) translateY(0)}50%{transform:rotateY(20deg) translateY(-8px)}}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.api-3d{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);transform-style:preserve-3d}.api-endpoint{transform:rotateY(-15deg);animation:endpointPulse 2s ease-in-out infinite}.endpoint-method{padding:4px 8px;background:var(--success-500);color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;margin-bottom:4px}.endpoint-path{font-size:.875rem;color:var(--text-primary);font-family:var(--font-mono)}.api-arrow{width:0;height:0;border-left:15px solid var(--primary-500);border-top:10px solid transparent;border-bottom:10px solid transparent;animation:arrowMove 2s ease-in-out infinite}.api-response{display:flex;flex-direction:column;gap:4px;transform:rotateY(15deg)}.response-line{width:60px;height:4px;background:var(--primary-400);border-radius:2px;animation:dataFlow 2s ease-in-out infinite}.analytics-3d{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);transform-style:preserve-3d}.analytics-chart{display:flex;align-items:flex-end;gap:8px;height:80px;transform:rotateY(-10deg)}.chart-bar{width:20px;background:linear-gradient(180deg,var(--primary-500) 0%,var(--primary-700) 100%);border-radius:4px 4px 0 0;animation:barGrow 2s ease-in-out infinite}.chart-bar:nth-child(2){animation-delay:.2s}.chart-bar:nth-child(3){animation-delay:.4s}.chart-bar:nth-child(4){animation-delay:.6s}.chart-bar:nth-child(5){animation-delay:.8s}.analytics-metrics{display:flex;flex-direction:column;gap:var(--spacing-sm);transform:rotateY(10deg)}.metric-item{width:50px;height:8px;background:var(--accent-500);border-radius:4px;animation:metricPulse 1.5s ease-in-out infinite}.metric-item:nth-child(2){animation-delay:.5s}.search-3d{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);transform-style:preserve-3d}.search-box{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-elevated);border:2px solid var(--primary-500);border-radius:var(--radius-full);transform:rotateY(-10deg);animation:searchPulse 2s ease-in-out infinite}.search-icon{width:16px;height:16px;border:2px solid var(--primary-500);border-radius:50%;position:relative}.search-icon:after{content:"";position:absolute;bottom:-4px;right:-4px;width:6px;height:2px;background:var(--primary-500);transform:rotate(45deg)}.search-input{width:100px;height:8px;background:var(--bg-base);border-radius:4px}.search-results{display:flex;flex-direction:column;gap:4px;transform:rotateY(10deg)}.result-item{width:80px;height:6px;background:var(--primary-300);border-radius:3px;animation:resultAppear 1.5s ease-in-out infinite}.result-item:nth-child(2){animation-delay:.3s}.result-item:nth-child(3){animation-delay:.6s}.caching-3d{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);transform-style:preserve-3d}.cache-layer{display:flex;flex-direction:column;gap:4px;transform:rotateY(-15deg)}.cache-item{width:40px;height:30px;background:linear-gradient(135deg,var(--accent-400) 0%,var(--accent-600) 100%);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);animation:cacheGlow 2s ease-in-out infinite}.cache-item:nth-child(2){animation-delay:.3s}.cache-item:nth-child(3){animation-delay:.6s}.cache-arrow{width:0;height:0;border-left:12px solid var(--primary-500);border-top:8px solid transparent;border-bottom:8px solid transparent;animation:arrowMove 2s ease-in-out infinite}.cache-database{width:50px;height:60px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-700) 100%);border-radius:var(--radius-md);transform:rotateY(15deg);animation:dbRotate 4s ease-in-out infinite}.testing-3d{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);transform-style:preserve-3d}.test-checkmark{width:50px;height:50px;background:var(--success-500);border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotateY(-15deg);animation:checkPulse 2s ease-in-out infinite}.check-icon{width:20px;height:20px;border:3px solid white;border-top:none;border-left:none;transform:rotate(45deg) translate(-2px,-4px)}.test-results{display:flex;flex-direction:column;gap:var(--spacing-xs);transform:rotateY(15deg)}.test-pass{width:60px;height:8px;background:var(--success-500);border-radius:4px;position:relative;animation:testPass 1.5s ease-in-out infinite}.test-pass:after{content:"✓";position:absolute;right:-20px;top:50%;transform:translateY(-50%);color:var(--success-500);font-weight:700}.test-pass:nth-child(2){animation-delay:.3s}.test-pass:nth-child(3){animation-delay:.6s}@keyframes endpointPulse{0%,to{transform:rotateY(-15deg) scale(1)}50%{transform:rotateY(-15deg) scale(1.05)}}@keyframes barGrow{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.1)}}@keyframes metricPulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes searchPulse{0%,to{transform:rotateY(-10deg) scale(1)}50%{transform:rotateY(-10deg) scale(1.05)}}@keyframes resultAppear{0%,to{opacity:.5;transform:translate(0)}50%{opacity:1;transform:translate(5px)}}@keyframes cacheGlow{0%,to{box-shadow:0 2px 4px #f59e0b33}50%{box-shadow:0 4px 12px #f59e0b66}}@keyframes testPass{0%,to{width:60px}50%{width:70px}}.auth-visual-container{display:flex;gap:var(--spacing-lg);align-items:center;width:100%;max-width:600px}.auth-form-preview{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:0 4px 12px #0000001a;min-width:200px}.form-preview-header{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);text-align:center}.form-preview-field{margin-bottom:var(--spacing-sm)}.field-label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.field-input{width:100%;height:32px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.form-preview-button{width:100%;height:36px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:500;margin:var(--spacing-md) 0;box-shadow:0 2px 4px #6366f133}.form-preview-social{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.social-btn{flex:1;height:28px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-secondary)}.auth-icons{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-icon-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.icon-lock,.icon-shield{width:40px;height:40px;background:linear-gradient(135deg,var(--success-500) 0%,var(--success-600) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;box-shadow:0 2px 8px #10b9814d}.icon-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.db-visual-container{display:flex;gap:var(--spacing-lg);align-items:center;width:100%;max-width:600px}.db-table-preview{background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 12px #0000001a;min-width:250px}.table-header{display:flex;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;font-weight:600;font-size:.75rem}.table-header-cell{flex:1;padding:var(--spacing-sm);text-align:center}.table-row{display:flex;border-bottom:1px solid var(--border-subtle)}.table-cell{flex:1;padding:var(--spacing-sm);text-align:center;font-size:.75rem;color:var(--text-primary)}.db-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.db-info-item{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;min-width:100px}.info-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}.info-value{font-size:1.25rem;font-weight:700;color:var(--primary-600)}.ui-visual-container{display:flex;gap:var(--spacing-lg);align-items:center;width:100%;max-width:700px}.ui-app-preview{background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 12px #0000001a;min-width:300px}.app-header-preview{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;padding:var(--spacing-sm) var(--spacing-md);display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.header-logo{font-weight:700}.header-nav{display:flex;gap:var(--spacing-md);font-size:.75rem}.app-body-preview{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.preview-card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--spacing-sm)}.card-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.card-content{font-size:.75rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.card-button{display:inline-block;padding:4px 12px;background:var(--primary-500);color:#fff;border-radius:var(--radius-sm);font-size:.75rem;width:fit-content}.app-footer-preview{background:var(--bg-base);padding:var(--spacing-sm) var(--spacing-md);text-align:center;font-size:.75rem;color:var(--text-secondary);border-top:1px solid var(--border-subtle)}.ui-palette-preview{display:flex;flex-direction:column;gap:var(--spacing-sm)}.palette-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a}.palette-swatch{width:32px;height:32px;border-radius:var(--radius-sm);border:2px solid var(--border-subtle)}.palette-name{font-size:.875rem;color:var(--text-primary);font-weight:500}.payments-visual-container{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center;width:100%;max-width:500px;perspective:1000px}.payment-card-3d{width:100%;max-width:320px;height:200px;perspective:1000px;position:relative;transform-style:preserve-3d;animation:cardFloat 6s ease-in-out infinite}@keyframes cardFloat{0%,to{transform:rotateY(-5deg) rotateX(2deg)}50%{transform:rotateY(5deg) rotateX(-2deg)}}.card-3d-inner{width:100%;height:100%;background:linear-gradient(135deg,#1a1f71,#1e40af,#3b82f6);border-radius:12px;padding:20px;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a inset,0 10px 40px #3b82f666;transform-style:preserve-3d;overflow:hidden;color:#fff;position:relative}.card-chip-real{position:absolute;top:20px;left:20px;width:48px;height:38px;background:linear-gradient(135deg,#c9a961,#e8d5a3,#d4af37);border-radius:6px;box-shadow:inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003,0 2px 8px #0000004d;position:relative;overflow:hidden}.chip-base{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);border-radius:6px}.chip-lines{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:70%;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:4px}.chip-line{background:#0000004d;border-radius:1px;height:100%}.chip-line:nth-child(odd){background:#fff3}.card-logo{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:6px}.logo-circle{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ffffff4d,#ffffff1a);border:2px solid rgba(255,255,255,.5);box-shadow:0 2px 8px #0003}.logo-text{font-size:.75rem;font-weight:700;letter-spacing:2px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.card-number-real{position:absolute;bottom:60px;left:20px;right:20px;display:flex;justify-content:space-between;font-family:Courier New,monospace;font-size:1.125rem;font-weight:600;letter-spacing:3px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.card-digit{background:#ffffff1a;padding:4px 8px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-holder-info{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:flex-end;font-size:.875rem;text-transform:uppercase}.card-holder-name{font-weight:600;letter-spacing:1px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.card-expiry-real{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.expiry-label{font-size:.625rem;opacity:.8;letter-spacing:1px}.expiry-date{font-weight:700;font-size:.875rem;letter-spacing:1px}.card-network-logo{position:absolute;bottom:20px;right:20px;width:60px;height:40px;opacity:.9}.visa-logo{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.card-hologram{position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(255,255,255,.05) 100%);border-radius:0 12px 0 100%;pointer-events:none;animation:hologramShine 3s ease-in-out infinite}@keyframes hologramShine{0%,to{opacity:.3;transform:translate(0) translateY(0)}50%{opacity:.6;transform:translate(-10px) translateY(10px)}}.payment-flow{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.flow-step{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.step-icon{width:36px;height:36px;background:var(--primary-500);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem}.step-icon.success{background:var(--success-500)}.step-label{font-size:.75rem;color:var(--text-secondary);text-align:center}.flow-arrow{font-size:1.25rem;color:var(--text-secondary)}@media(max-width:768px){.payment-card-3d{max-width:280px;height:175px}.card-3d-inner{padding:16px;border-radius:10px}.card-chip-real{width:40px;height:32px;top:16px;left:16px;border-radius:5px}.card-logo{top:16px;right:16px}.logo-circle{width:28px;height:28px}.logo-text{font-size:.625rem}.card-number-real{bottom:50px;left:16px;right:16px;font-size:.9375rem;letter-spacing:2px}.card-digit{padding:3px 6px}.card-holder-info{bottom:16px;left:16px;right:16px;font-size:.75rem}.card-network-logo{bottom:16px;right:16px;width:50px;height:33px}.card-hologram{width:60px;height:60px}}[data-theme=dark] .card-3d-inner{background:linear-gradient(135deg,#0f172a,#1e293b,#334155);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff26 inset,0 10px 40px #3b82f64d}@media(hover:hover){.payment-card-3d:hover{animation:none;transform:rotateY(-8deg) rotateX(5deg) scale(1.02);transition:transform .3s ease}}.files-visual-container{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:400px}.file-manager-preview{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-sm);box-shadow:0 4px 12px #0000001a}.file-item-preview{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--border-subtle)}.file-item-preview:last-child{border-bottom:none}.file-icon{font-size:1.25rem;width:24px;text-align:center}.file-name{flex:1;font-size:.875rem;color:var(--text-primary)}.file-size{font-size:.75rem;color:var(--text-secondary)}.file-actions{display:flex;gap:var(--spacing-xs);justify-content:center}.action-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.75rem;color:var(--text-primary);cursor:pointer}.notifications-visual-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;max-width:350px;position:relative}.notification-bell-icon{font-size:2rem;position:relative}.notification-badge-number{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--error-500);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid white}.notifications-list{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-sm);box-shadow:0 4px 12px #0000001a;width:100%}.notification-item{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs);border-bottom:1px solid var(--border-subtle)}.notification-item:last-child{border-bottom:none}.notif-icon{width:24px;height:24px;background:var(--success-500);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0}.notif-content{flex:1}.notif-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.notif-time{font-size:.75rem;color:var(--text-secondary)}.security-visual-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;max-width:400px}.security-shield-icon{font-size:3rem}.security-features{display:flex;gap:var(--spacing-md);width:100%;justify-content:center}.security-feature-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;min-width:80px}.feature-icon{font-size:1.5rem}.feature-text{font-size:.75rem;color:var(--text-primary);font-weight:500}.security-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--success-50);border-radius:var(--radius-md);border:1px solid var(--success-200)}.status-indicator{width:12px;height:12px;border-radius:50%;background:var(--success-500)}.status-indicator.active{animation:pulse 2s ease-in-out infinite}.status-text{font-size:.875rem;color:var(--success-700);font-weight:600}.deployment-visual-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;max-width:400px}.deploy-local,.deploy-cloud{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;min-width:120px}.local-icon,.cloud-icon{font-size:2rem}.local-label,.cloud-label{font-size:.875rem;color:var(--text-primary);font-weight:600}.deploy-flow{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.deploy-arrow{font-size:1.5rem;color:var(--text-secondary)}.deploy-status{display:flex;gap:var(--spacing-md);width:100%;justify-content:center}.status-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--success-500)}.api-visual-container{display:flex;align-items:center;gap:var(--spacing-md);width:100%;max-width:600px}.api-request,.api-response{flex:1;background:#fff;border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:0 4px 12px #0000001a}.request-method{display:inline-block;padding:4px 8px;background:var(--success-500);color:#fff;border-radius:var(--radius-sm);font-size:.75rem;font-weight:700;margin-bottom:var(--spacing-xs)}.request-url{font-size:.875rem;color:var(--text-primary);font-family:monospace;margin-bottom:var(--spacing-xs)}.request-label,.response-label{font-size:.75rem;color:var(--text-secondary);margin-top:var(--spacing-xs);text-align:center}.response-code{font-size:.875rem;color:var(--success-600);font-weight:600;margin-bottom:var(--spacing-xs)}.response-data{background:var(--bg-base);border-radius:var(--radius-sm);padding:var(--spacing-sm);font-family:monospace;font-size:.75rem;color:var(--text-primary)}.data-line{margin:2px 0}.api-arrow{font-size:1.5rem;color:var(--text-secondary)}.analytics-visual-container{display:flex;gap:var(--spacing-lg);align-items:center;width:100%;max-width:600px}.analytics-chart-preview{flex:1;background:#fff;border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:0 4px 12px #0000001a}.chart-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);text-align:center}.chart-bars{display:flex;align-items:flex-end;gap:var(--spacing-xs);height:120px;justify-content:center}.chart-bar-item{flex:1;background:linear-gradient(180deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0;position:relative;min-width:30px;display:flex;align-items:flex-start;justify-content:center;padding-top:4px}.bar-value{font-size:.625rem;color:#fff;font-weight:600}.analytics-metrics-preview{display:flex;flex-direction:column;gap:var(--spacing-sm)}.metric-card{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:0 2px 8px #0000001a;min-width:120px;text-align:center}.metric-label{font-size:.75rem;color:var(--text-secondary);margin-bottom:4px}.metric-value{font-size:1.5rem;font-weight:700;color:var(--primary-600)}.search-visual-container{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:400px}.search-box-preview{display:flex;align-items:center;gap:var(--spacing-sm);background:#fff;border:2px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 2px 8px #0000001a}.search-icon{font-size:1.25rem}.search-input-field{flex:1;font-size:.875rem;color:var(--text-secondary)}.search-results-preview{background:#fff;border-radius:var(--radius-md);padding:var(--spacing-sm);box-shadow:0 4px 12px #0000001a}.result-item-preview{padding:var(--spacing-sm);border-bottom:1px solid var(--border-subtle)}.result-item-preview:last-child{border-bottom:none}.result-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.result-snippet{font-size:.75rem;color:var(--text-secondary)}.caching-visual-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);width:100%;max-width:500px}.cache-speed{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.speed-icon{font-size:2rem}.speed-label{font-size:.875rem;color:var(--text-primary);font-weight:600}.cache-flow{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;justify-content:center}.cache-source,.cache-storage,.cache-user{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;min-width:80px}.source-icon,.storage-icon,.user-icon{font-size:1.5rem}.source-label,.storage-label,.user-label{font-size:.75rem;color:var(--text-primary);font-weight:500;text-align:center}.cache-arrow{font-size:1.25rem;color:var(--text-secondary)}.cache-stats{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-50);border-radius:var(--radius-md);border:1px solid var(--primary-200)}.stat-item{display:flex;gap:var(--spacing-xs);font-size:.875rem}.stat-label{color:var(--text-secondary)}.stat-value{color:var(--primary-700);font-weight:700}.testing-visual-container{display:flex;gap:var(--spacing-lg);align-items:center;width:100%;max-width:500px}.test-results-preview{flex:1;background:#fff;border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:0 4px 12px #0000001a}.test-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--border-subtle)}.test-title{font-size:1rem;font-weight:700;color:var(--text-primary)}.test-status{padding:4px 12px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.test-status.success{background:var(--success-100);color:var(--success-700)}.test-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.test-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs)}.test-item.pass{color:var(--success-700)}.test-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700}.test-name{font-size:.875rem;color:var(--text-primary)}.test-coverage{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;min-width:100px}.coverage-label{font-size:.75rem;color:var(--text-secondary)}.coverage-value{font-size:1.5rem;font-weight:700;color:var(--primary-600)}@media(min-width:769px){.preview-panel .feature-visualization{min-height:180px!important;max-height:450px!important;padding:var(--spacing-sm) var(--spacing-md)!important}.preview-panel .visualization-title{font-size:.9375rem!important;margin-bottom:var(--spacing-xs)!important}.preview-panel .visualization-description{font-size:.6875rem!important;margin-bottom:var(--spacing-xs)!important}.preview-panel .visualization-3d{min-height:180px!important;max-height:300px!important}.preview-panel .auth-lock,.preview-panel .auth-shield,.preview-panel .db-cylinder,.preview-panel .ui-screen,.preview-panel .payment-card{transform:scale(.75)!important}}@media(max-width:768px){.feature-visualization{min-height:140px;max-height:180px;padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);overflow:visible;box-shadow:0 1px 3px #00000014}.visualization-title{font-size:.8125rem;margin-bottom:var(--spacing-xs);line-height:1.3;font-weight:600;letter-spacing:-.01em}.visualization-description{font-size:.6875rem;line-height:1.4;opacity:.85}.visualization-3d{min-height:100px;max-height:140px;overflow:visible;padding:4px}.visualization-header{margin-bottom:var(--spacing-xs)}}.monitoring-3d,.logging-3d,.rate-limiting-3d,.queue-3d,.message-broker-3d,.realtime-3d,.webhooks-3d,.api-gateway-3d,.service-mesh-3d,.orchestration-3d,.cicd-3d,.iac-3d,.backup-3d,.disaster-recovery-3d,.compliance-3d,.audit-3d,.multitenancy-3d,.feature-flags-3d,.ab-testing-3d,.cms-3d,.document-management-3d,.workflow-3d,.business-intelligence-3d,.reporting-3d,.data-warehouse-3d,.machine-learning-3d{display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;animation:float3D 4s ease-in-out infinite;perspective:1000px}@keyframes float3D{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-10px) rotateY(5deg)}}.monitoring-visual-container,.logging-visual-container,.rate-limiting-visual-container,.queue-visual-container,.message-broker-visual-container,.realtime-visual-container,.webhooks-visual-container,.api-gateway-visual-container,.service-mesh-visual-container,.orchestration-visual-container,.cicd-visual-container,.iac-visual-container,.backup-visual-container,.disaster-recovery-visual-container,.compliance-visual-container,.audit-visual-container,.multitenancy-visual-container,.feature-flags-visual-container,.ab-testing-visual-container,.cms-visual-container,.document-management-visual-container,.workflow-visual-container,.business-intelligence-visual-container,.reporting-visual-container,.data-warehouse-visual-container,.machine-learning-visual-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);transform-style:preserve-3d;animation:rotate3D 8s linear infinite}@keyframes rotate3D{0%{transform:rotateY(0) rotateX(0)}25%{transform:rotateY(5deg) rotateX(2deg)}50%{transform:rotateY(0) rotateX(0)}75%{transform:rotateY(-5deg) rotateX(-2deg)}to{transform:rotateY(0) rotateX(0)}}.monitoring-dashboard{display:flex;gap:var(--spacing-sm)}.metric-card-small{padding:var(--spacing-sm);background:var(--bg-elevated);border-radius:var(--radius-md);text-align:center;min-width:60px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.metric-icon{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.metric-value-small{font-size:.875rem;font-weight:700;color:var(--primary-600)}.metric-label-small{font-size:.75rem;color:var(--text-secondary)}.monitoring-graph{display:flex;gap:4px;height:40px;align-items:flex-end}.graph-line{width:8px;background:linear-gradient(180deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:4px 4px 0 0;animation:growBar 2s ease-in-out infinite}@keyframes growBar{0%,to{height:60%}50%{height:100%}}.log-entries{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.log-entry{display:flex;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:.75rem;animation:slideInLeft .5s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.log-time{color:var(--text-secondary);font-family:monospace}.log-level{padding:2px 6px;border-radius:var(--radius-sm);font-size:.625rem;font-weight:600}.log-level.info{background:#3b82f633;color:#3b82f6}.log-level.warn{background:#fbbf2433;color:#fbbf24}.log-level.error{background:#ef444433;color:#ef4444}.log-message{flex:1;color:var(--text-primary)}.log-stats{margin-top:var(--spacing-sm)}.log-stat-item{display:flex;justify-content:space-between;padding:var(--spacing-xs);background:var(--bg-elevated);border-radius:var(--radius-sm)}.rate-limit-meter{width:200px;height:20px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;position:relative;border:2px solid var(--border-subtle)}.meter-fill{height:100%;background:linear-gradient(90deg,var(--primary-500) 0%,var(--primary-600) 100%);animation:fillMeter 2s ease-in-out infinite}@keyframes fillMeter{0%,to{width:65%}50%{width:85%}}.meter-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.75rem;font-weight:600;color:var(--text-primary);z-index:1}.rate-limit-info{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.limit-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.75rem}.limit-icon{font-size:1rem}.queue-items{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.queue-item{padding:var(--spacing-sm);background:var(--bg-elevated);border-radius:var(--radius-md);text-align:center;font-size:.875rem;animation:queueMove 3s ease-in-out infinite}.queue-item.processing{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;animation:processPulse 1s ease-in-out infinite}@keyframes queueMove{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@keyframes processPulse{0%,to{opacity:1}50%{opacity:.7}}.queue-stats{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.queue-stat{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xs);background:var(--bg-elevated);border-radius:var(--radius-sm)}.broker-center{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-elevated);border-radius:var(--radius-lg);animation:brokerPulse 2s ease-in-out infinite}@keyframes brokerPulse{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 10px #6366f100}}.broker-icon{font-size:2rem}.broker-services{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.service-item{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-elevated);border-radius:var(--radius-md);font-size:.75rem}.broker-messages{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.message-item{font-size:1.5rem;animation:messageFloat 2s ease-in-out infinite}.message-item:nth-child(2){animation-delay:.3s}.message-item:nth-child(3){animation-delay:.6s}@keyframes messageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.realtime-indicator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-elevated);border-radius:var(--radius-lg)}.pulse-dot{width:12px;height:12px;background:var(--primary-500);border-radius:50%;animation:pulseDot 1.5s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.realtime-updates{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.update-item{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-elevated);border-radius:var(--radius-sm);font-size:.75rem;animation:updateSlide 2s ease-in-out infinite}@keyframes updateSlide{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.realtime-connections{display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.connection-dot{width:8px;height:8px;background:var(--primary-500);border-radius:50%;animation:connectionPulse 2s ease-in-out infinite}.connection-dot:nth-child(2){animation-delay:.3s}.connection-dot:nth-child(3){animation-delay:.6s}@keyframes connectionPulse{0%,to{opacity:.5}50%{opacity:1}}.webhook-trigger,.webhook-endpoint{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-elevated);border-radius:var(--radius-lg)}.trigger-icon,.endpoint-icon{font-size:2rem;animation:webhookPulse 2s ease-in-out infinite}@keyframes webhookPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.webhook-arrow{font-size:1.5rem;color:var(--primary-500);animation:arrowMove 2s ease-in-out infinite}@keyframes arrowMove{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.webhook-status{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.status-dot{width:8px;height:8px;background:var(--success-500);border-radius:50%;animation:statusBlink 2s ease-in-out infinite}.status-dot.active{background:var(--success-500)}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.5}}.api-gateway-visual-container,.service-mesh-visual-container,.orchestration-visual-container,.cicd-visual-container,.iac-visual-container,.backup-visual-container,.disaster-recovery-visual-container,.compliance-visual-container,.audit-visual-container,.multitenancy-visual-container,.feature-flags-visual-container,.ab-testing-visual-container,.cms-visual-container,.document-management-visual-container,.workflow-visual-container,.business-intelligence-visual-container,.reporting-visual-container,.data-warehouse-visual-container,.machine-learning-visual-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md)}.gateway-icon,.orchestrator-icon,.deploy-icon,.backup-icon,.scenario-icon,.activation-icon,.status-icon,.control-icon,.flag-control,.results-icon,.editor-header,.preview-icon,.action-icon,.workflow-status,.bi-chart,.report-header,.export-icon,.storage-icon,.model-icon,.training-icon,.prediction-icon{font-size:1.5rem;margin-bottom:var(--spacing-xs);animation:iconFloat 3s ease-in-out infinite;display:flex;align-items:center;justify-content:center;color:var(--primary-500)}.model-icon svg,.training-icon svg,.prediction-icon svg{width:2rem;height:2rem;stroke:currentColor}@keyframes iconFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(5deg)}}.gateway-routes,.route-item,.mesh-network,.mesh-node,.pipeline-step,.code-line,.tenant-box,.flag-item,.variant-a,.variant-b,.doc-item,.workflow-step,.metric-item,.report-section,.data-item,.ml-accuracy{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-elevated);border-radius:var(--radius-md);font-size:.75rem;margin:var(--spacing-xs);animation:elementPulse 2s ease-in-out infinite}@keyframes elementPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.auth-3d,.database-3d,.ui-3d,.payments-3d,.files-3d,.notifications-3d,.security-3d,.deployment-3d,.api-3d,.analytics-3d,.search-3d,.caching-3d,.testing-3d{animation:float3D 4s ease-in-out infinite}.theme-toggle{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-full);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;padding:0}.theme-icon{flex-shrink:0}.theme-toggle:before{content:"";position:absolute;inset:0;background:var(--color-primary);opacity:0;transition:opacity var(--transition-base)}.theme-toggle:hover{transform:scale(1.05) rotate(5deg);box-shadow:var(--shadow-md);border-color:var(--border-default)}.theme-toggle:hover:before{opacity:.1}.theme-toggle:active{transform:scale(.95)}.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.theme-toggle>*{position:relative;z-index:1}.success-toast-container{position:fixed;bottom:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-end;pointer-events:none;max-width:calc(100vw - 48px)}@media(max-width:768px){.success-toast-container{bottom:20px;right:16px;left:16px;align-items:stretch;max-width:none}}.success-toast{position:relative;background:var(--bg-elevated);color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 8px 24px #00000026,0 0 0 1px var(--border-subtle),0 0 40px #6366f11a;border:1px solid var(--border-subtle);min-width:300px;max-width:400px;opacity:0;transform:translate(20px) scale(.95);transition:all .3s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);pointer-events:auto;overflow:hidden}@media(max-width:768px){.success-toast{min-width:auto;max-width:100%;transform:translateY(10px) scale(.95)}.success-toast.show{transform:translateY(0) scale(1)}}.success-toast.show{opacity:1;transform:translate(0) scale(1)}.success-toast.success{border-left:2px solid var(--success-500);background:var(--bg-elevated)}.success-toast.celebration{border-left:2px solid var(--color-primary);background:var(--bg-elevated)}.success-toast.encouragement{border-left:2px solid var(--accent-500);background:var(--bg-elevated)}.success-toast-content{display:flex;align-items:center;gap:var(--spacing-md);position:relative;z-index:2}.success-toast-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--success-500);color:#fff;flex-shrink:0;transition:all .2s ease;box-shadow:0 2px 4px #10b9814d}.success-toast.celebration .success-toast-icon{background:var(--color-primary)}.success-toast.encouragement .success-toast-icon{background:var(--accent-500)}.success-toast-message{flex:1;font-size:.875rem;font-weight:500;line-height:1.5;color:var(--text-primary);letter-spacing:-.01em;word-break:break-word}.success-toast-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:transparent;overflow:hidden}.success-toast-progress-bar{height:100%;background:linear-gradient(90deg,var(--success-500) 0%,var(--success-400) 100%);animation:progressShrink linear forwards;transform-origin:left;box-shadow:0 0 8px #10b98166}.success-toast.celebration .success-toast-progress-bar{background:linear-gradient(90deg,var(--color-primary) 0%,var(--primary-500) 100%);box-shadow:0 0 8px #6366f166}.success-toast.encouragement .success-toast-progress-bar{background:linear-gradient(90deg,var(--accent-500) 0%,var(--accent-400) 100%);box-shadow:0 0 8px #f59e0b66}@keyframes progressShrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:768px){.success-toast{min-width:auto;max-width:calc(100vw - 32px);padding:var(--spacing-sm) var(--spacing-md)}.success-toast-message{font-size:.8125rem}.success-toast-icon{width:18px;height:18px}}.success-toast:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#6366f105,#8b5cf605);pointer-events:none;z-index:1;border-radius:var(--radius-lg)}[data-theme=dark] .success-toast{box-shadow:0 8px 24px #0000004d,0 0 0 1px #ffffff0d,0 0 40px #6366f126;border-color:#ffffff1a}.prompt-modal-overlay{position:fixed;inset:0;background:#000!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:100!important;padding:var(--spacing-xl);animation:fadeIn .3s ease-out;isolation:isolate}.prompt-modal-overlay.closing{animation:fadeOut .3s ease-in}.prompt-modal{background:var(--bg-elevated);border-radius:var(--radius-2xl);box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a;width:100%;max-width:900px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out;isolation:isolate;pointer-events:auto!important}.prompt-modal.closing{animation:slideDown .3s ease-in}.prompt-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#6366f10d,#8b5cf60d);flex-shrink:0;z-index:100!important}.prompt-modal-header-left{display:flex;align-items:center;gap:var(--spacing-lg);flex:1}.prompt-modal-header-left h2{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.prompt-modal-view-controls{display:flex;gap:var(--spacing-xs);background:var(--bg-base);padding:var(--spacing-xs);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.prompt-modal-view-toggle{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border:none;background:transparent;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500}.prompt-modal-view-toggle:hover{background:var(--bg-elevated);color:var(--text-primary)}.prompt-modal-view-toggle.active{background:var(--primary-500);color:#fff;box-shadow:0 2px 4px #6366f133}.prompt-modal-header-right{display:flex;align-items:center;gap:var(--spacing-sm)}.prompt-modal-copy-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500}.prompt-modal-copy-btn:hover{background:transparent;border:none;color:var(--primary-500)}.prompt-modal-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--bg-base);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.prompt-modal-close-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.prompt-modal-icon{flex-shrink:0}.prompt-modal-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-xl)}.prompt-modal-textarea{width:100%;height:100%;min-height:400px;padding:var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-base);color:var(--text-primary);font-family:JetBrains Mono,Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6;resize:none;outline:none;box-sizing:border-box}.prompt-modal-textarea:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px #6366f11a}.prompt-modal-formatted{color:var(--text-primary);font-size:.9375rem;line-height:1.8;font-family:var(--font-sans)}.prompt-modal-formatted h1{font-size:2rem;font-weight:700;margin:var(--spacing-xl) 0 var(--spacing-md) 0;color:var(--text-primary);letter-spacing:-.02em}.prompt-modal-formatted h2{font-size:1.5rem;font-weight:600;margin:var(--spacing-lg) 0 var(--spacing-md) 0;color:var(--text-primary);letter-spacing:-.01em}.prompt-modal-formatted h3{font-size:1.25rem;font-weight:600;margin:var(--spacing-md) 0 var(--spacing-sm) 0;color:var(--primary-500);letter-spacing:-.01em}.prompt-modal-formatted p{margin:var(--spacing-sm) 0;color:var(--text-primary)}.prompt-modal-formatted li{margin:var(--spacing-xs) 0;padding-left:var(--spacing-sm);color:var(--text-primary);list-style-position:outside;margin-left:var(--spacing-md)}.prompt-modal-formatted ul{margin:var(--spacing-md) 0;padding-left:0}.prompt-modal-formatted pre{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);overflow-x:auto;margin:var(--spacing-md) 0;font-family:JetBrains Mono,Monaco,Courier New,monospace;font-size:.8125rem;line-height:1.6}.prompt-modal-formatted code{font-family:JetBrains Mono,Monaco,Courier New,monospace;font-size:.875em;background:var(--bg-base);padding:2px 6px;border-radius:var(--radius-sm);color:var(--primary-500)}.prompt-modal-formatted pre code{background:transparent;padding:0;color:var(--text-primary)}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}@media(max-width:768px){.prompt-modal-overlay{padding:var(--spacing-md)}.prompt-modal{max-width:100%;max-height:calc(100vh - 40px);border-radius:var(--radius-xl)}.prompt-modal-header{padding:var(--spacing-md);flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.prompt-modal-header-left{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);width:100%}.prompt-modal-header-right{width:100%;justify-content:space-between}.prompt-modal-content{padding:var(--spacing-md)}.prompt-modal-textarea{min-height:300px;font-size:.8125rem}.prompt-modal-formatted{font-size:.875rem}}.toolbar{position:relative;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-base);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:var(--spacing-md);isolation:isolate}body:has(.chatbot-modal-overlay) .toolbar{z-index:1!important}body:has(.chatbot-modal-overlay) .toolbar-menu,body:has(.chatbot-modal-overlay) .templates-dropdown{z-index:1!important;pointer-events:none!important;opacity:.5!important}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.toolbar-view-controls{display:flex!important;gap:var(--spacing-xs);background:var(--bg-base);padding:var(--spacing-xs);border-radius:var(--radius-md);border:1px solid var(--border-subtle);margin-right:var(--spacing-sm);visibility:visible!important;opacity:1!important}.toolbar-view-toggle{padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);display:inline-flex!important;align-items:center;gap:var(--spacing-xs);visibility:visible!important;opacity:1!important;pointer-events:auto!important;min-height:32px;min-width:auto}@media(max-width:768px){.toolbar-copy-prompt{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}}.toolbar-view-toggle:hover{color:var(--text-primary);background:var(--bg-elevated)}.toolbar-view-toggle.active{background:var(--color-primary);color:var(--text-inverse);font-weight:500}.toolbar-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-primary);transition:all var(--transition-base);white-space:nowrap;font-family:var(--font-sans);letter-spacing:-.01em;display:inline-flex;align-items:center;gap:var(--spacing-xs)}.toolbar-icon{flex-shrink:0}.toolbar-btn:hover{background:var(--bg-subtle);border-color:var(--border-default);box-shadow:var(--shadow-xs)}.toolbar-menu{position:absolute;top:calc(100% + var(--spacing-xs));right:var(--spacing-xl);background:var(--bg-elevated);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;padding:var(--spacing-md);min-width:240px;z-index:1000!important;animation:slideDown var(--transition-base);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);isolation:isolate}.toolbar-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);text-align:left;cursor:pointer;font-size:.875rem;color:var(--text-primary);transition:background var(--transition-fast);font-family:var(--font-sans)}.toolbar-menu-icon{flex-shrink:0}.toolbar-menu-item:hover{background:var(--bg-base)}.toolbar-menu-divider{height:1px;background:var(--border-subtle);margin:var(--spacing-sm) 0}.toolbar-menu-item kbd{background:var(--bg-base);padding:.2rem .4rem;border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-mono);margin-right:var(--spacing-sm);border:1px solid var(--border-subtle)}.templates-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));left:var(--spacing-xl);background:var(--bg-elevated);border:2px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;padding:var(--spacing-md);min-width:340px;max-width:420px;max-height:520px;overflow-y:auto;z-index:1000!important;animation:slideDown var(--transition-base);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);scrollbar-width:thin;isolation:isolate}.templates-header{padding:var(--spacing-md) var(--spacing-lg);font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--spacing-sm);font-size:.875rem;letter-spacing:-.01em;text-transform:uppercase;letter-spacing:.05em}.template-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.template-item:hover{background:var(--bg-base);border-color:var(--border-subtle);transform:translate(2px)}.template-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.template-icon-svg{flex-shrink:0}.template-info{flex:1}.template-name{font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:.9375rem;letter-spacing:-.01em}.template-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.toolbar-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%) translateY(20px);background:var(--bg-elevated);color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle);z-index:10000;opacity:0;transition:all var(--transition-base);font-weight:500;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:.9rem}.toolbar-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(min-width:769px){.toolbar-view-controls{display:flex!important;visibility:visible!important;opacity:1!important}.toolbar-view-toggle{display:inline-flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}}@media(max-width:768px){.toolbar{padding-left:max(var(--spacing-md, 16px),env(safe-area-inset-left));padding-right:max(var(--spacing-md, 16px),env(safe-area-inset-right));padding-top:var(--spacing-sm, 12px)!important;padding-bottom:var(--spacing-sm, 12px)!important;gap:var(--spacing-sm, 12px)!important;display:none}.toolbar-btn{min-height:44px!important;min-width:44px!important;padding:10px 14px!important;font-size:.875rem!important;border-radius:var(--radius-md, 8px)!important;-webkit-tap-highlight-color:rgba(99,102,241,.1)}.toolbar-btn .toolbar-icon+span{display:none}.toolbar-menu{min-width:200px;max-width:calc(100vw - 40px)}.toolbar-menu-item{padding:12px 16px!important;min-height:44px!important;font-size:.875rem!important}.toolbar .spec-download-btn,.toolbar .toolbar-view-controls{display:none!important}}.feature-badges{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-base);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap;border:1px solid var(--border-subtle)}.feature-badges-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.feature-badges-list{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.feature-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);letter-spacing:-.01em}.feature-badge:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.feature-badge:active{transform:translateY(0)}.feature-badge-icon{display:flex;align-items:center;justify-content:center;line-height:1}.feature-badge-icon-svg{width:14px;height:14px}.feature-badge-name{text-transform:capitalize}@media(max-width:768px){.feature-badges{display:none!important}.feature-badges-mobile-trigger,.feature-badges-mobile-overlay,.feature-badges-mobile-drawer{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.feature-badges-mobile-trigger-old{position:fixed;bottom:60px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;z-index:997;box-shadow:0 4px 12px #00000026;cursor:pointer;transition:all var(--transition-base);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.feature-badges-mobile-trigger:active{transform:translate(-50%) scale(.95)}.feature-badges-mobile-trigger-text{white-space:nowrap}.feature-badges-mobile-trigger-count{background:#fff3;padding:2px 8px;border-radius:var(--radius-full);font-size:.6875rem}.feature-badges-mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:9998;animation:fadeIn .2s ease}.feature-badges-mobile-drawer{position:fixed;bottom:60px;left:0;right:0;max-height:60vh;background:var(--bg-elevated);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);border-top:1px solid var(--border-subtle);box-shadow:0 -4px 20px #00000026;z-index:9999;display:flex;flex-direction:column;animation:slideUp .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.feature-badges-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.feature-badges-mobile-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.feature-badges-mobile-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation}.feature-badges-mobile-close:active{background:var(--bg-base);transform:scale(.9)}.feature-badges-mobile-list{padding:var(--spacing-md);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--spacing-xs)}.feature-badge-mobile-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation;text-align:left;width:100%}.feature-badge-mobile-item:active{background:var(--color-primary);color:#fff;transform:scale(.98)}.feature-badge-mobile-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-badge-mobile-name{text-transform:capitalize;flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}}.feature-details-overlay{position:fixed!important;inset:0!important;background:#000!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex!important;align-items:center;justify-content:center;z-index:100!important;padding:var(--spacing-xl);animation:fadeIn .3s ease-out;isolation:isolate;pointer-events:auto!important}.feature-details-overlay.closing{animation:fadeOut .3s ease-in forwards}.feature-details-modal{background:var(--bg-elevated)!important;border-radius:var(--radius-2xl);max-width:560px;width:90%;max-height:85vh;overflow-y:auto;overflow-x:hidden;box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff1a!important;animation:slideUp .3s ease-out;border:1px solid var(--border-subtle);transform-origin:center;position:relative!important;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased;z-index:100!important;isolation:isolate;display:flex!important;flex-direction:column;pointer-events:auto!important}.feature-details-modal.closing{animation:slideDown .3s ease-in forwards}.feature-details-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-base) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.feature-details-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-primary) 0%,var(--primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-details-close{background:transparent;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);color:var(--text-secondary);transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.feature-details-close:hover{background:var(--bg-base);color:var(--text-primary);transform:none}.feature-details-close:active{transform:scale(.95)}.feature-details-content{padding:var(--spacing-lg) var(--spacing-xl);flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.feature-details-section{margin-bottom:var(--spacing-lg)}.feature-details-section:last-child{margin-bottom:0}.feature-details-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;display:flex;align-items:center;gap:var(--spacing-sm);letter-spacing:-.01em}.feature-details-section p{color:var(--text-secondary);line-height:1.7;margin:0}.feature-details-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.feature-details-list li{color:var(--text-secondary);line-height:1.7;padding-left:var(--spacing-lg);position:relative}.feature-details-list li:before{content:"→";position:absolute;left:0;color:var(--color-primary);font-weight:600;transition:transform .2s ease}.feature-details-list li:hover:before{transform:translate(2px)}.feature-details-code{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-lg);overflow-x:auto;margin:0}.feature-details-code code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:var(--text-primary);line-height:1.6}.feature-details-sdk{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-lg)}.feature-details-sdk h3{color:var(--color-primary);margin-bottom:var(--spacing-lg)}.sdk-icon{color:var(--color-primary)}.sdk-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.sdk-item{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sdk-label{font-weight:600;color:var(--text-primary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.sdk-value{color:var(--text-secondary);font-size:.9375rem}.sdk-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.sdk-badge{background:var(--color-primary-light);color:var(--color-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500}.sdk-code{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:var(--text-primary);display:inline-block}.sdk-code-block{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--spacing-md);overflow-x:auto;margin:0}.sdk-code-block code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:var(--text-primary);line-height:1.6}.sdk-link{color:var(--color-primary);text-decoration:none;font-size:.875rem;word-break:break-all;transition:color var(--transition-fast)}.sdk-link:hover{color:var(--color-primary-dark);text-decoration:underline}.related-features{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.related-feature-badge{background:var(--bg-base);border:1px solid var(--border-subtle);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;text-transform:capitalize}@media(max-width:768px){.feature-details-modal{max-width:100%;max-height:95vh;border-radius:var(--radius-lg)}.feature-details-header,.feature-details-content{padding:var(--spacing-lg)}.feature-details-section{margin-bottom:var(--spacing-lg)}}.feature-panel{background:var(--bg-base);border-radius:var(--radius-lg);padding:var(--spacing-md);border:1px solid var(--border-subtle);height:100%;overflow:visible;width:100%;max-width:100%;box-sizing:border-box;position:relative;z-index:1000;display:flex!important;flex-direction:column;visibility:visible!important;opacity:1!important;pointer-events:auto!important}@media(min-width:769px){.feature-panel{padding:var(--spacing-xs) var(--spacing-sm)!important}.feature-panel-title{flex-wrap:nowrap}.feature-panel-title:before{font-size:.625rem;margin-right:var(--spacing-xs)}.feature-panel-title:after{font-size:.6875rem;padding:3px 8px;margin-left:var(--spacing-xs);min-width:44px}}.feature-panel h2,.feature-panel-title{margin:0 0 var(--spacing-md) 0;font-size:1.125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;position:relative;width:100%;pointer-events:auto!important;z-index:1000;touch-action:manipulation;-webkit-tap-highlight-color:transparent;line-height:1.4}.feature-panel-title:hover{color:var(--color-primary);border-bottom-color:var(--border-default)}.feature-panel-title:active{opacity:.8}.feature-panel-title:before{display:none}.feature-panel-title:after{content:"Voir";display:inline-block;padding:2px 6px;background:transparent;color:var(--text-secondary);font-size:.75rem;font-weight:400;border-radius:3px;margin-left:var(--spacing-xs);white-space:nowrap;border:none;transition:color .15s ease;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px}.feature-panel-title:hover:after{color:var(--primary-600);text-decoration-color:var(--primary-500)}.feature-panel-title:active:after{color:var(--primary-700)}.sections-list{display:flex!important;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:0;align-items:flex-start;visibility:visible!important;opacity:1!important;pointer-events:auto!important;width:100%;max-width:100%}@media(min-width:769px){.sections-list{flex-direction:row;flex-wrap:wrap;align-items:flex-start;max-width:100%;width:100%;gap:var(--spacing-md)}}.section{margin-bottom:0;flex:0 1 auto;min-width:0;align-self:flex-start}.section:last-child{margin-bottom:0}.section-title{font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);letter-spacing:.03em;text-transform:uppercase;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-subtle);padding-bottom:var(--spacing-sm)}.section-title:before{content:"";width:2px;height:14px;background:var(--color-primary);border-radius:var(--radius-sm);flex-shrink:0}.controls-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.radio-group,.checkbox-group{display:flex!important;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;width:100%;max-width:100%;box-sizing:border-box;overflow:visible;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.radio-option,.checkbox-option{display:flex!important;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);background:var(--bg-base);position:relative;width:100%;max-width:100%;box-sizing:border-box;min-width:0;visibility:visible!important;opacity:1!important;pointer-events:auto!important}@media(min-width:769px){.radio-option,.checkbox-option{max-width:100%;padding:var(--spacing-xs) var(--spacing-sm);overflow:hidden}.radio-option label,.checkbox-option label{padding-right:var(--spacing-xs);font-size:.8125rem;flex:1 1 auto;min-width:0;max-width:none}.option-actions{margin-left:var(--spacing-xs);flex-shrink:0;opacity:1;gap:4px;min-width:fit-content}.option-info-btn,.option-play-btn{padding:4px var(--spacing-xs);font-size:.6875rem;flex-shrink:0;white-space:nowrap}}.radio-option:hover,.checkbox-option:hover{border-color:var(--border-default);background:var(--bg-subtle)}.radio-option:active,.checkbox-option:active{opacity:.8}.radio-option input[type=radio],.checkbox-option input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-500);flex-shrink:0;transition:all .2s ease}.radio-option input[type=radio]:checked,.checkbox-option input[type=checkbox]:checked{accent-color:var(--color-primary)}.radio-option input[type=radio]:checked+label,.checkbox-option input[type=checkbox]:checked+label{font-weight:500;color:var(--text-primary)}.radio-option:has(input[type=radio]:checked),.checkbox-option:has(input[type=checkbox]:checked){border-color:var(--color-primary);background:var(--color-primary-light)}.radio-option label,.checkbox-option label{flex:1;cursor:pointer;font-size:.875rem;color:var(--text-primary);-webkit-user-select:none;user-select:none;transition:all .2s ease;line-height:1.5;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;overflow-wrap:break-word;padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);flex-shrink:1}.radio-option:hover label,.checkbox-option:hover label{color:var(--primary-600)}.option-actions{display:flex;align-items:center;gap:var(--spacing-xs);margin-left:var(--spacing-sm);flex-shrink:0;opacity:.6;transition:opacity .2s ease;min-width:fit-content}.radio-option:hover .option-actions,.checkbox-option:hover .option-actions,.radio-option:has(input:checked) .option-actions,.checkbox-option:has(input:checked) .option-actions{opacity:1}.option-info-btn,.option-play-btn{background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;color:var(--text-secondary);font-size:.75rem;font-weight:500;display:flex;align-items:center;gap:4px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.option-info-btn:hover,.option-play-btn:hover{background:var(--bg-subtle);border-color:var(--border-default);color:var(--text-primary)}.option-info-btn:active,.option-play-btn:active{transform:translateY(0)}.option-info-btn{color:var(--color-primary);border-color:var(--color-primary-light)}.option-info-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.option-play-btn{color:var(--text-secondary)}.option-play-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.radio-option:has(input:checked),.checkbox-option:has(input:checked){border-color:var(--primary-500);background:linear-gradient(135deg,#6366f11f,#8b5cf61f);box-shadow:0 0 0 3px #6366f126,0 2px 8px #6366f133}.radio-option:has(input:checked):before,.checkbox-option:has(input:checked):before{width:4px;background:linear-gradient(180deg,var(--primary-500) 0%,var(--primary-600) 100%)}@media(max-width:768px){.feature-panel{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sections-list{flex-direction:row!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:var(--spacing-sm, 12px)!important;margin-top:0!important}.section-card{padding:var(--spacing-md, 16px)!important;border-radius:var(--radius-md, 8px)!important}.section-title{font-size:1rem!important}.options-list{gap:var(--spacing-xs, 8px)!important}.option-item{padding:12px 16px!important;min-height:48px!important;border-radius:var(--radius-md, 8px)!important;-webkit-tap-highlight-color:rgba(99,102,241,.1)}button{min-height:44px!important;min-width:44px!important;padding:10px 16px!important}.feature-panel{padding:var(--spacing-md);border-radius:var(--radius-lg)}.feature-panel-title:before{display:none}.feature-panel-title:after{content:"👁️";padding:6px 8px;font-size:.875rem;min-width:32px;justify-content:center}.feature-panel h2{font-size:1.25rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.section{margin-bottom:0;margin-right:var(--spacing-sm)}.radio-option,.checkbox-option{padding:var(--spacing-xs) var(--spacing-sm);min-height:44px;touch-action:manipulation}.radio-option input,.checkbox-option input{width:18px;height:18px;min-width:18px;min-height:18px}.option-actions{gap:var(--spacing-xs)}.option-info-btn,.option-play-btn{min-width:32px;min-height:32px;padding:var(--spacing-xs);touch-action:manipulation}.option-info-btn:active,.option-play-btn:active{transform:scale(.95)}.feature-panel{padding:var(--spacing-xs) var(--spacing-sm)}.feature-panel h2{font-size:1.125rem;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.section{margin-bottom:var(--spacing-sm)}}.accordion{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-base);margin-bottom:var(--spacing-sm);overflow:hidden;transition:all var(--transition-base);width:100%;max-width:100%;box-sizing:border-box}@media(min-width:769px){.accordion{max-width:33.33vw;width:33.33vw}}.accordion:hover{border-color:var(--border-default)}.accordion-open{border-color:var(--border-default);background:var(--bg-base)}.accordion-open .accordion-header{background:var(--bg-subtle);border-bottom:1px solid var(--border-subtle)}.accordion-header{width:100%;padding:var(--spacing-md);background:var(--bg-base);border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);transition:all var(--transition-base);text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;font-weight:500}.accordion-header:hover{background:var(--bg-subtle)}.accordion-header:active{opacity:.8}@media(max-width:768px){.accordion-header{padding:var(--spacing-sm) var(--spacing-md);min-height:44px}.accordion-title{font-size:.875rem}.accordion-content{padding:var(--spacing-sm) var(--spacing-md)}}.accordion-header-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.accordion-icon{color:var(--color-primary);flex-shrink:0}.accordion-title{font-weight:500;font-size:.875rem;color:var(--text-primary);letter-spacing:-.01em;transition:color var(--transition-base)}.accordion-header:hover .accordion-title{color:var(--text-primary)}.accordion-chevron{color:var(--text-secondary);transition:transform var(--transition-base);flex-shrink:0}.accordion-chevron-open{transform:rotate(180deg)}.accordion-content{padding:var(--spacing-md);padding-top:var(--spacing-md);animation:slideDown var(--transition-base);border-top:1px solid var(--border-subtle);background:var(--bg-base)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.accordion-open .accordion-header{background:var(--color-primary-light);border-bottom:1px solid var(--border-subtle)}.accordion-open .accordion-title{color:var(--color-primary)}.feature-viz-modal-overlay{position:fixed;inset:0;background:#000!important;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);display:flex;align-items:center;justify-content:center;z-index:100!important;isolation:isolate;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);padding:var(--spacing-lg)}.feature-viz-modal-overlay.closing{animation:fadeOut .3s cubic-bezier(.4,0,.2,1)}.feature-viz-modal{position:relative;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-base) 100%);border-radius:var(--radius-2xl);box-shadow:0 25px 80px #0009,0 0 0 1px #ffffff0d inset,0 1px #ffffff1a inset;max-width:480px;width:100%;max-height:80vh;overflow:hidden;animation:slideUp .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;pointer-events:auto!important;border:1px solid var(--border-subtle)}.feature-viz-modal.closing{animation:slideDown .3s cubic-bezier(.4,0,.2,1)}.feature-viz-modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:36px;height:36px;border-radius:var(--radius-full);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;color:var(--text-secondary);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0003}.feature-viz-modal-close:hover{background:#ffffff1a;border-color:#fff3;color:var(--text-primary);transform:scale(1.1) rotate(90deg);box-shadow:0 4px 12px #0000004d}.feature-viz-modal-close:active{transform:scale(.95) rotate(90deg)}.feature-viz-modal-content{padding:var(--spacing-xl) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);overflow-y:auto;overflow-x:hidden;flex:1}.feature-viz-modal-header{text-align:center;margin-bottom:var(--spacing-md);position:relative}.feature-viz-modal-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);height:64px}.feature-viz-modal-icon-bg{width:64px;height:64px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);opacity:.1;position:absolute;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.1);opacity:.15}}.feature-viz-modal-header h3{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-500) 50%,var(--primary-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.03em;line-height:1.3}.feature-viz-modal-invitation{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;max-width:360px;margin:0 auto}.feature-viz-modal-visualization{width:100%;min-height:240px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-base) 0%,var(--bg-elevated) 100%);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);padding:var(--spacing-lg);box-shadow:0 4px 16px #0000001a inset,0 0 0 1px #ffffff0d inset;position:relative;overflow:hidden}.feature-viz-modal-visualization:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.05) 0%,transparent 70%);pointer-events:none}.feature-viz-modal-visualization .feature-visualization{margin-bottom:0;min-height:240px;padding:var(--spacing-md);width:100%;position:relative;z-index:1}.feature-viz-modal-visualization .visualization-header{display:none}.feature-viz-modal-visualization .visualization-3d{transform-style:preserve-3d;perspective:1000px}.feature-viz-modal-footer{margin-top:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.feature-viz-modal-hint{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:#6366f10d;border-radius:var(--radius-md);border:1px solid rgba(99,102,241,.1)}.hint-icon{font-size:1rem;line-height:1}.hint-text{font-size:.8125rem;color:var(--text-secondary);font-weight:500}@media(max-width:768px){.feature-viz-modal-overlay{padding:var(--spacing-md)}.feature-viz-modal{max-width:100%;max-height:90vh;border-radius:var(--radius-xl)}.feature-viz-modal-content{padding:var(--spacing-lg);gap:var(--spacing-md)}.feature-viz-modal-header h3{font-size:1.25rem}.feature-viz-modal-invitation{font-size:.875rem}.feature-viz-modal-visualization{min-height:200px;padding:var(--spacing-md)}.feature-viz-modal-icon-wrapper{height:56px;margin-bottom:var(--spacing-sm)}.feature-viz-modal-icon-bg{width:56px;height:56px}}.custom-option{position:relative;border-color:var(--border-default)}.custom-option.checked{border-color:var(--color-primary);background:var(--bg-elevated)}.custom-option:hover{border-color:var(--border-default)}.custom-option.checked:hover{border-color:var(--color-primary)}[data-theme=dark] .custom-option.checked{background:var(--bg-elevated);border-color:var(--color-primary)}.custom-option-input-wrapper{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-sm);width:100%;padding-left:28px}.custom-option-input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--border-default);border-radius:var(--radius-sm);background:var(--bg-base);color:var(--text-primary);font-size:.875rem;font-family:var(--font-sans);transition:all var(--transition-base);min-width:0;line-height:1.5}.custom-option-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a;background:var(--bg-elevated)}.custom-option-input::placeholder{color:var(--text-tertiary)}.custom-option-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.custom-option-remove:hover{background:var(--bg-subtle);color:var(--text-primary)}.custom-option-remove:active{transform:scale(.95)}@media(min-width:769px){.custom-option-input-wrapper{padding-left:28px}}@media(max-width:768px){.custom-option-input{font-size:.8125rem}.custom-option-input-wrapper{padding-left:24px}}.color-picker-wrapper{margin-bottom:var(--spacing-md)}.color-picker-label{font-size:.8125rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.05em}.color-picker-container{position:relative}.color-picker-trigger{width:48px;height:48px;border-radius:var(--radius-md);border:2px solid var(--border-subtle);cursor:pointer;padding:0;position:relative;overflow:hidden;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.color-picker-trigger:hover{transform:scale(1.05);box-shadow:var(--shadow-md);border-color:var(--border-default)}.color-picker-preview{display:block;width:100%;height:100%;border-radius:calc(var(--radius-md) - 2px)}.color-picker-hex{margin-top:var(--spacing-xs);display:flex;gap:var(--spacing-sm);align-items:center}.color-picker-hex code{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-primary);background:var(--bg-base);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.color-picker-rgb{font-size:.75rem;color:var(--text-secondary)}.color-picker-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));left:0;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--spacing-md);min-width:320px;z-index:200;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:slideDown var(--transition-base)}.color-picker-presets{margin-bottom:var(--spacing-lg)}.color-picker-presets-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.color-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-xs)}.color-picker-preset{width:32px;height:32px;border-radius:var(--radius-sm);border:2px solid var(--border-subtle);cursor:pointer;padding:0;position:relative;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.color-picker-preset:hover{transform:scale(1.1);border-color:var(--border-default);box-shadow:var(--shadow-sm);z-index:1}.color-picker-check{color:#fff;font-size:.875rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.color-picker-custom{padding-top:var(--spacing-md);border-top:1px solid var(--border-subtle)}.color-picker-custom-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.color-picker-input-group{display:flex;gap:var(--spacing-sm);align-items:center}.color-picker-input-color{width:48px;height:48px;border:2px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;padding:0;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.color-picker-input-color::-webkit-color-swatch-wrapper{padding:0}.color-picker-input-color::-webkit-color-swatch{border:none;border-radius:calc(var(--radius-md) - 2px)}.color-picker-input-text{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-base);color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;transition:all var(--transition-fast)}.color-picker-input-text:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ui-panel{max-height:none}.color-palette-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}@media(max-width:768px){.color-palette-section{grid-template-columns:1fr}}.ui-component-preview{margin-bottom:var(--spacing-md);display:flex;justify-content:center;align-items:center;min-height:120px;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-base) 100%);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:var(--spacing-md)}.component-3d-preview{position:relative;transform-style:preserve-3d;perspective:600px}.header-3d-preview{width:200px;height:60px;transform:rotateX(-5deg) rotateY(5deg)}.header-3d-bar{width:100%;height:100%;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:var(--radius-md);box-shadow:0 4px 12px #6366f14d;position:relative;overflow:hidden}.header-3d-logo{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:#fff;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a}.header-3d-nav{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;gap:8px}.nav-item-3d{width:8px;height:8px;background:#fff;border-radius:50%;opacity:.8}.footer-3d-preview{width:200px;height:100px;transform:rotateX(5deg) rotateY(-5deg)}.footer-3d-top{width:100%;height:4px;background:linear-gradient(90deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.footer-3d-columns{display:flex;gap:8px;padding:12px;background:linear-gradient(135deg,#1f2937,#111827);height:calc(100% - 4px);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.footer-column-3d{flex:1;background:#ffffff1a;border-radius:var(--radius-xs);position:relative}.footer-column-3d:before{content:"";position:absolute;top:8px;left:8px;width:calc(100% - 16px);height:4px;background:#fff3;border-radius:2px}.footer-3d-bottom{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff1a}.body-3d-preview{width:180px;height:120px;transform:rotateX(-3deg)}.body-3d-container{width:100%;height:100%;display:flex;gap:8px;background:var(--bg-base);border-radius:var(--radius-md);padding:8px;box-shadow:0 2px 8px #0000001a}.body-3d-content{flex:2;background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-base) 100%);border-radius:var(--radius-sm);position:relative;overflow:hidden}.body-3d-content:before{content:"";position:absolute;top:12px;left:12px;width:60%;height:8px;background:var(--primary-200);border-radius:4px}.body-3d-content:after{content:"";position:absolute;top:28px;left:12px;width:80%;height:6px;background:var(--text-secondary);opacity:.3;border-radius:3px}.body-3d-sidebar{flex:1;background:linear-gradient(135deg,var(--primary-100) 0%,var(--primary-50) 100%);border-radius:var(--radius-sm)}.widget-card-3d{width:120px;height:100px;transform:rotateY(-10deg) rotateX(5deg)}.card-3d-body{width:100%;height:100%;background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;position:relative;overflow:hidden}.card-3d-header{position:absolute;top:0;left:0;right:0;height:30%;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%)}.card-3d-footer{position:absolute;bottom:0;left:0;right:0;height:20%;background:var(--bg-base);border-top:1px solid var(--border-subtle)}.widget-button-3d{display:flex;gap:12px;transform:rotateX(-5deg)}.button-3d-primary{width:80px;height:36px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:var(--radius-md);box-shadow:0 4px 8px #6366f14d;position:relative}.button-3d-primary:after{content:"";position:absolute;top:2px;left:2px;right:2px;height:50%;background:#fff3;border-radius:var(--radius-md) var(--radius-md) 0 0}.button-3d-secondary{width:80px;height:36px;background:#fff;border:2px solid var(--primary-500);border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a}.widget-form-3d{width:140px;height:100px;transform:rotateX(-3deg);display:flex;flex-direction:column;gap:8px}.form-3d-field{width:100%;height:32px;background:#fff;border:2px solid var(--border-subtle);border-radius:var(--radius-sm);position:relative}.form-3d-field:before{content:"";position:absolute;top:50%;left:8px;transform:translateY(-50%);width:60%;height:2px;background:var(--text-secondary);opacity:.3}.form-3d-button{width:100%;height:32px;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);border-radius:var(--radius-sm);box-shadow:0 2px 4px #6366f133}.widget-modal-3d{width:150px;height:100px;position:relative;transform:rotateY(-8deg) rotateX(3deg)}.modal-3d-backdrop{position:absolute;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md)}.modal-3d-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:70%;background:#fff;border-radius:var(--radius-md);box-shadow:0 8px 24px #0000004d;overflow:hidden}.modal-3d-header{width:100%;height:30%;background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%)}.modal-3d-body{width:100%;height:70%;background:#fff;padding:8px}.modal-3d-body:before{content:"";display:block;width:80%;height:4px;background:var(--text-secondary);opacity:.2;border-radius:2px;margin-bottom:4px}.widget-section{padding:var(--spacing-md);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.widget-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.shortcuts-toggle{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 12px #00000026,0 0 0 1px #ffffff1a;z-index:100;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;display:flex;align-items:center;justify-content:center;will-change:transform;backface-visibility:hidden}.shortcuts-toggle-icon{flex-shrink:0}.shortcuts-toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px #0003,0 0 0 1px #ffffff26;background:var(--color-primary-dark)}.shortcuts-toggle:active{transform:scale(.98)}.shortcuts-overlay{position:fixed!important;inset:0!important;background:#000!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex!important;align-items:center;justify-content:center;z-index:100!important;padding:var(--spacing-xl);animation:fadeIn .3s ease-out;isolation:isolate;pointer-events:auto!important}.shortcuts-overlay.closing{animation:fadeOut .3s ease-in forwards}.shortcuts-modal{background:var(--bg-elevated)!important;border-radius:var(--radius-2xl);padding:0;max-width:480px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff1a!important;border:1px solid var(--border-subtle);animation:slideUp .3s ease-out;display:flex!important;flex-direction:column;transform-origin:center;will-change:transform;backface-visibility:hidden;z-index:100!important;isolation:isolate;pointer-events:auto!important}.shortcuts-modal.closing{animation:slideDown .3s ease-in forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.95)}}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-base) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:1000}.shortcuts-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--spacing-sm);letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-primary) 0%,var(--primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shortcuts-header-icon,.shortcuts-close-icon{flex-shrink:0}.shortcuts-close{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.shortcuts-close:hover{background:var(--bg-base);color:var(--text-primary);transform:none}.shortcuts-close:active{transform:scale(.95)}.shortcuts-list{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);overflow-x:hidden;min-height:0;overflow-y:auto;flex:1}.shortcut-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-base);border-radius:var(--radius-md);border:1px solid var(--border-subtle);transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease;gap:var(--spacing-md)}.shortcut-item:hover{background:var(--bg-elevated);border-color:var(--color-primary);box-shadow:0 2px 8px #0000001a;transform:none}.shortcut-keys{display:flex;align-items:center;gap:.5rem}.shortcut-keys kbd{background:var(--bg-elevated);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8125rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-weight:600;color:var(--text-primary);border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0000001a;min-width:36px;text-align:center;display:inline-flex;align-items:center;justify-content:center;line-height:1}.shortcut-keys span{color:var(--text-secondary);font-weight:600}.shortcut-description{color:var(--text-secondary);font-size:.9375rem;line-height:1.5;flex:1;text-align:right}.shortcuts-footer{padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--border-subtle);text-align:center;color:var(--text-secondary);font-size:.8125rem;background:var(--bg-base)}.shortcuts-footer kbd{background:var(--bg-elevated);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;font-weight:600;border:1px solid var(--border-subtle);box-shadow:0 1px 2px #0000001a;margin:0 2px}@media(max-width:768px){.shortcuts-modal{max-width:100%;max-height:95vh;border-radius:var(--radius-lg)}.shortcuts-header,.shortcuts-list{padding:var(--spacing-lg)}.shortcut-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.shortcut-description{text-align:left}.shortcuts-footer{padding:var(--spacing-md) var(--spacing-lg)}}.spec-download-btn{display:flex!important;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);visibility:visible!important;opacity:1!important;pointer-events:auto!important;min-height:44px;min-width:44px}.spec-download-btn .btn-label{display:inline-block;white-space:nowrap}.spec-download-btn:hover{background:var(--primary-600);box-shadow:var(--shadow-md);transform:none}.spec-download-btn:active{transform:scale(.98)}.spec-download-icon{flex-shrink:0}.spec-modal-overlay{position:fixed!important;inset:0!important;background:#000!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex!important;align-items:center;justify-content:center;z-index:100!important;padding:var(--spacing-xl);animation:fadeIn .3s ease-out;isolation:isolate;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:auto!important}body.modal-open .preview-panel{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}.spec-modal-overlay.closing{animation:fadeOut .3s ease-in forwards}.spec-modal{background:var(--bg-base)!important;border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl)!important;width:90%;max-width:600px;max-height:calc(100vh - 80px);min-height:350px;overflow-y:auto;overflow-x:hidden;animation:slideUp .3s ease-out;border:1px solid var(--border-subtle);position:relative!important;transform-origin:center;will-change:transform;backface-visibility:hidden;z-index:100!important;isolation:isolate;margin:auto;display:flex!important;flex-direction:column;pointer-events:auto!important}.spec-modal.closing{animation:slideDown .3s ease-in forwards}.spec-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-subtle);background:var(--bg-base);position:sticky;top:0;z-index:100}.spec-modal-header h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary);letter-spacing:-.02em}.spec-modal-close{background:transparent;border:none;font-size:2rem;color:var(--text-secondary);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background-color .2s ease,color .2s ease;flex-shrink:0}.spec-modal-close:hover{background:var(--bg-base);color:var(--text-primary);transform:none}.spec-modal-close:active{transform:scale(.95)}.spec-modal-content{padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-base);display:flex;flex-direction:column;gap:var(--spacing-xl);flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.spec-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.spec-section-header{display:flex;flex-direction:column;gap:var(--spacing-xs)}.spec-section-header h4{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.spec-section-description{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.spec-options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.spec-option-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-base);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:left}.spec-option-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--primary-400) 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.spec-option-card:hover{border-color:var(--border-default);background:var(--bg-elevated);box-shadow:0 4px 12px -2px #0000001a;transform:translateY(-2px)}.spec-option-card:hover:before{transform:scaleX(1)}.spec-option-card.active{border-color:var(--color-primary);background:linear-gradient(135deg,var(--primary-50) 0%,var(--color-primary-light) 100%);box-shadow:0 8px 24px -4px #6366f133,0 0 0 1px #6366f11a}.spec-option-card.active:before{transform:scaleX(1)}.spec-option-checkbox{position:absolute;opacity:0;width:0;height:0}.spec-option-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--bg-elevated);color:var(--text-secondary);flex-shrink:0;transition:all var(--transition-fast)}.spec-option-card.active .spec-option-icon-wrapper{background:var(--color-primary);color:#fff}.spec-option-content{flex:1;display:flex;flex-direction:column;gap:4px}.spec-option-title{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.4;letter-spacing:-.01em}.spec-option-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.spec-option-check{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;animation:checkBounce .3s ease-out}@keyframes checkBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.spec-format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.spec-format-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--bg-base);border:2px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:left}.spec-format-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--primary-400) 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.spec-format-card:hover:not(:disabled){border-color:var(--color-primary);background:var(--bg-elevated);box-shadow:0 8px 24px -4px #6366f133,0 0 0 1px #6366f11a;transform:translateY(-2px)}.spec-format-card:hover:not(:disabled):before{transform:scaleX(1)}.spec-format-card:active:not(:disabled){transform:translateY(0)}.spec-format-card:disabled{opacity:.5;cursor:not-allowed}.spec-format-card-header{display:flex;align-items:center;gap:var(--spacing-md)}.spec-format-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);background:var(--primary-50);color:var(--color-primary);flex-shrink:0}.spec-format-icon-wrapper.spec-format-icon-pdf{background:#fee2e2;color:#dc2626}.spec-format-icon-wrapper.spec-format-icon-word{background:#dbeafe;color:#2563eb}.spec-format-info{display:flex;flex-direction:column;gap:2px}.spec-format-name{font-weight:700;color:var(--text-primary);font-size:1rem;letter-spacing:-.01em}.spec-format-ext{font-size:.75rem;color:var(--text-secondary);font-family:var(--font-mono);font-weight:500}.spec-format-description{margin:0;font-size:.8125rem;color:var(--text-secondary);line-height:1.5}.spec-generating{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);margin-top:var(--spacing-lg);background:var(--primary-50);border-radius:var(--radius-md);color:var(--color-primary);font-weight:500}.spec-spinner{width:20px;height:20px;border:3px solid var(--primary-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spec-share-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-xl);border-top:2px solid var(--border-subtle)}.spec-share-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,var(--accent-500) 0%,var(--accent-600) 100%);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;font-size:.9375rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 12px -2px #f59e0b4d;position:relative;overflow:hidden}.spec-share-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.spec-share-btn:hover{background:linear-gradient(135deg,var(--accent-600) 0%,var(--accent-500) 100%);box-shadow:0 6px 20px -4px #f59e0b66;transform:translateY(-1px)}.spec-share-btn:hover:before{left:100%}.spec-share-btn:active{transform:translateY(0)}.spec-share-icon{flex-shrink:0}.spec-share-modal{background:var(--bg-elevated)!important;border-radius:var(--radius-2xl);box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff1a!important;width:90%;max-width:440px;max-height:calc(100vh - 80px);min-height:280px;overflow-y:auto;overflow-x:hidden;animation:slideUp .3s ease-out;border:1px solid var(--border-subtle);transform-origin:center;will-change:transform;backface-visibility:hidden;z-index:100;isolation:isolate;margin:auto;display:flex;flex-direction:column}.spec-share-modal.closing{animation:slideDown .3s ease-in forwards}.spec-share-content{padding:var(--spacing-lg);flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.spec-share-link{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.spec-link-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.875rem;color:var(--text-primary)}.spec-link-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.spec-copy-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:background-color .2s ease;white-space:nowrap}.spec-copy-btn:hover{background:var(--primary-600);transform:none}.spec-copy-btn:active{transform:scale(.98)}.spec-qr-code{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:#fff;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.spec-qr-label{margin:0;font-size:.875rem;color:var(--text-secondary);font-weight:500}.spec-share-options h4{margin:0 0 var(--spacing-md) 0;font-size:1rem;font-weight:600;color:var(--text-primary)}.spec-share-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.spec-share-option{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);font-weight:500;transition:all var(--transition-fast);cursor:pointer}.spec-share-option:hover{background:var(--bg-subtle);border-color:var(--color-primary);transform:none}@media(max-width:768px){.spec-download-btn{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;min-height:44px!important;min-width:44px!important;padding:10px 14px!important;font-size:.875rem!important}.spec-download-btn .btn-label{display:none}.spec-modal-overlay{padding:var(--spacing-md);align-items:flex-start;padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.spec-modal,.spec-share-modal{width:100%;max-width:100%;max-height:calc(100vh - 40px);min-height:auto;border-radius:var(--radius-lg);margin:0}.spec-modal-header{padding:var(--spacing-lg)}.spec-modal-header h3{font-size:1.25rem}.spec-modal-content{padding:var(--spacing-lg);gap:var(--spacing-xl)}.spec-section-header h4{font-size:1rem}.spec-section-description{font-size:.8125rem}.spec-options-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.spec-option-card{padding:var(--spacing-md)}.spec-option-icon-wrapper{width:40px;height:40px}.spec-format-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.spec-format-card{padding:var(--spacing-md)}.spec-format-icon-wrapper{width:40px;height:40px}.spec-format-icon{width:24px;height:24px}.spec-share-buttons{grid-template-columns:1fr}}.policy-modal-overlay{position:fixed;inset:0;background:#000!important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:100!important;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn .2s ease}.policy-modal{background:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:1px solid var(--border-subtle);max-width:800px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.policy-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.policy-modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.policy-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.policy-modal-close:hover{background:var(--bg-base);color:var(--text-primary)}.policy-modal-close:active{transform:scale(.95)}.policy-modal-content{padding:var(--spacing-lg);overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1}.policy-last-updated{font-size:.875rem;color:var(--text-tertiary);margin-bottom:var(--spacing-xl);font-style:italic}.policy-section{margin-bottom:var(--spacing-xl)}.policy-section:last-child{margin-bottom:0}.policy-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-md) 0;letter-spacing:-.01em}.policy-section p{font-size:.9375rem;line-height:1.7;color:var(--text-secondary);margin:0}@media(max-width:768px){.policy-modal-overlay{padding:var(--spacing-sm)}.policy-modal{max-height:95vh;border-radius:var(--radius-lg)}.policy-modal-header{padding:var(--spacing-md)}.policy-modal-header h2{font-size:1.25rem}.policy-modal-content{padding:var(--spacing-md)}.policy-section h3{font-size:1rem}.policy-section p{font-size:.875rem;line-height:1.6}}.header-menu-wrapper{position:relative;display:inline-block;z-index:1000;isolation:isolate}.header-menu-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;padding:0;flex-shrink:0}.header-menu-trigger:hover{background:var(--bg-elevated);border-color:var(--color-primary);color:var(--color-primary);transform:none}.header-menu-trigger:active{transform:scale(.95)}.header-menu-trigger[aria-expanded=true]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.header-menu-overlay{position:fixed!important;inset:0!important;background:transparent!important;z-index:1001!important;pointer-events:auto!important}.header-menu-dropdown{position:fixed!important;background:var(--bg-elevated)!important;border:2px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a!important;min-width:280px;max-width:320px;max-height:80vh;overflow-y:auto;overflow-x:hidden;z-index:1002!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:menuSlideDown .2s ease-out;isolation:isolate;pointer-events:auto!important}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.header-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-elevated);z-index:1003}.header-menu-title{font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.header-menu-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background-color .2s ease,color .2s ease;padding:0}.header-menu-close:hover{background:var(--bg-base);color:var(--text-primary)}.header-menu-content{padding:var(--spacing-sm)}.header-menu-section{margin-bottom:var(--spacing-md)}.header-menu-section:last-child{margin-bottom:0}.header-menu-section-title{font-size:.75rem;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs)}.header-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;text-decoration:none;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease;text-align:left;position:relative}.header-menu-item:hover{background:var(--bg-base);color:var(--text-primary);transform:none}.header-menu-item:active{transform:scale(.98)}.header-menu-item kbd{margin-left:auto;padding:2px 6px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:var(--text-secondary);font-weight:500}.header-menu-theme-item{justify-content:space-between}.header-menu-templates{margin-top:var(--spacing-xs);margin-left:var(--spacing-md);border-left:2px solid var(--border-subtle);padding-left:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.header-menu-template-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:background-color .2s ease,color .2s ease;text-align:left}.header-menu-template-item:hover{background:var(--bg-base);color:var(--text-primary)}.header-menu-template-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary)}.header-menu-template-info{flex:1;display:flex;flex-direction:column;gap:2px}.header-menu-template-name{font-weight:600;color:var(--text-primary);font-size:.8125rem}.header-menu-template-desc{font-size:.75rem;color:var(--text-tertiary);line-height:1.3}@media(min-width:769px){.header-menu-dropdown{z-index:1002!important}.header-menu-wrapper{z-index:1000!important}}@media(max-width:768px){.header-menu-dropdown{right:0;left:auto;min-width:280px;max-width:calc(100vw - 32px);max-height:calc(100vh - 120px);top:calc(100% + 8px);z-index:1002!important;margin-right:max(0px,env(safe-area-inset-right));border-radius:var(--radius-lg, 12px)!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.header-menu-trigger{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:var(--radius-md, 8px);-webkit-tap-highlight-color:rgba(99,102,241,.1)}.header-menu-wrapper{flex-shrink:0;z-index:1000!important}.header-menu-item{min-height:48px!important;padding:12px 16px!important;font-size:.875rem!important;-webkit-tap-highlight-color:rgba(99,102,241,.1)}.header-menu-item kbd{display:none}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-elevated);border-top:1px solid var(--border-subtle);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);z-index:100;padding:env(safe-area-inset-bottom,0) 0 0 0;box-shadow:0 -2px 10px #0000000d;display:none}[data-theme=dark] .mobile-bottom-nav{background:#141414fa}.mobile-nav-items{display:flex;align-items:center;justify-content:space-around;padding:var(--spacing-xs) var(--spacing-sm);gap:var(--spacing-xs);max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mobile-nav-items::-webkit-scrollbar{display:none}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;min-width:60px;flex:1;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:var(--color-primary);background:var(--primary-50)}[data-theme=dark] .mobile-nav-item.active{background:#6366f126}.mobile-nav-item.mobile-nav-more.active{background:var(--primary-50)}.mobile-nav-label{font-size:.625rem;font-weight:500;line-height:1;text-transform:uppercase;letter-spacing:.02em}.mobile-nav-item.active .mobile-nav-label{font-weight:600}.mobile-drawer-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999996;animation:fadeIn .2s ease-out;display:none}.mobile-drawer{position:fixed;bottom:0;left:50%;transform:translate(-50%);background:var(--bg-elevated);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);max-height:80vh;display:flex;flex-direction:column;box-shadow:0 -4px 20px #00000026;animation:slideUp .3s cubic-bezier(.16,1,.3,1);z-index:999996;padding-bottom:env(safe-area-inset-bottom,0);width:auto;max-width:calc(100vw - var(--spacing-md) * 2);min-width:fit-content}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--border-subtle);position:sticky;top:0;background:var(--bg-elevated);z-index:10;width:100%}.mobile-drawer-header h3{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.mobile-drawer-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-drawer-close:active{transform:scale(.95);background:var(--bg-elevated)}.mobile-drawer-content{flex:1;overflow-y:auto;padding:var(--spacing-sm);-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:auto;min-width:fit-content;display:flex;flex-direction:column}.mobile-drawer-item{display:flex;align-items:center;gap:var(--spacing-md);width:auto;min-width:fit-content;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;margin-bottom:var(--spacing-xs);align-self:flex-start}.mobile-drawer-item:active{transform:scale(.98);background:var(--bg-base)}.mobile-drawer-item.active{background:var(--primary-50);color:var(--color-primary);font-weight:600}[data-theme=dark] .mobile-drawer-item.active{background:#6366f126}.mobile-drawer-icon{flex-shrink:0}.mobile-drawer-label{flex:1}.mobile-drawer-indicator{width:4px;height:24px;background:var(--color-primary);border-radius:var(--radius-full);flex-shrink:0}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@media(max-width:768px){.mobile-bottom-nav,.mobile-drawer-overlay{display:none!important}}@supports (padding: max(0px)){.mobile-bottom-nav{padding-bottom:max(env(safe-area-inset-bottom),8px)}.mobile-drawer{padding-bottom:max(env(safe-area-inset-bottom),0)}}.app-preview-overlay{position:fixed!important;inset:0!important;background:#000!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex!important;align-items:center;justify-content:center;z-index:100!important;padding:var(--spacing-xl);animation:fadeIn .3s ease-out;isolation:isolate;pointer-events:auto!important;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-preview-overlay.closing{animation:fadeOut .3s ease-in forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.app-preview-modal{background:var(--bg-elevated)!important;border-radius:var(--radius-2xl);box-shadow:0 25px 80px #00000080,0 0 0 1px #ffffff1a!important;width:95%;max-width:1200px;max-height:calc(100vh - 80px);overflow-y:auto;overflow-x:hidden;animation:slideUp .3s ease-out;border:1px solid var(--border-subtle);position:relative!important;transform-origin:center;will-change:transform;backface-visibility:hidden;z-index:100!important;isolation:isolate;margin:auto;display:flex!important;flex-direction:column;pointer-events:auto!important}.app-preview-modal.closing{animation:slideDown .3s ease-in forwards}@keyframes slideUp{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes slideDown{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(20px) scale(.95);opacity:0}}.app-preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,var(--bg-elevated) 0%,var(--bg-base) 100%);position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-preview-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,var(--color-primary) 0%,var(--primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-preview-close{background:transparent;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-md);color:var(--text-secondary);transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.app-preview-close:hover{background:var(--bg-base);color:var(--text-primary)}.app-preview-close:active{transform:scale(.95)}.app-preview-content{padding:var(--spacing-xl);flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.app-preview-mockup{border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 10px 40px #0003;border:1px solid var(--border-subtle);min-height:600px;display:flex;flex-direction:column}.mockup-header{padding:var(--spacing-lg) var(--spacing-xl);color:#fff}.mockup-header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);max-width:1200px;margin:0 auto}.mockup-logo{font-weight:700;font-size:1.25rem;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);color:#fff}.mockup-nav{display:flex;gap:var(--spacing-lg);flex:1;justify-content:center}.mockup-nav span{color:#ffffffe6;cursor:pointer;transition:opacity .2s;font-size:.9375rem}.mockup-nav span:hover{opacity:.7}.mockup-auth-badge{background:#fff3;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:.875rem;color:#fff}.mockup-body{flex:1;padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.mockup-hero{text-align:center;padding:var(--spacing-2xl) 0}.mockup-hero h1{font-size:2.5rem;font-weight:800;margin:0 0 var(--spacing-md) 0;letter-spacing:-.02em}.mockup-hero p{font-size:1.125rem;margin:0 0 var(--spacing-xl) 0}.mockup-cta{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-lg);font-weight:600;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.mockup-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.mockup-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.mockup-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid;transition:transform .2s,box-shadow .2s}.mockup-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.mockup-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--spacing-md)}.mockup-card h3{margin:0 0 var(--spacing-sm) 0;font-size:1.125rem;font-weight:600}.mockup-card p{margin:0;font-size:.9375rem;line-height:1.5}.mockup-features-summary{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:#00000005;border-radius:var(--radius-lg)}.mockup-features-summary h3{margin:0 0 var(--spacing-md) 0;font-size:1.125rem;font-weight:600}.mockup-features{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:flex-start}.mockup-feature-badge{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;transition:transform .2s}.mockup-feature-badge:hover{transform:translateY(-2px)}.app-preview-mockup.material-design .mockup-card{box-shadow:0 2px 4px #0000001a,0 4px 8px #0000000d}.app-preview-mockup.glassmorphic .mockup-header,.app-preview-mockup.glassmorphic .mockup-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)}.app-preview-mockup.neomorphic .mockup-card{border:none;box-shadow:6px 6px 12px #00000026,-6px -6px 12px #ffffffb3}.app-preview-mockup.brutalist .mockup-header,.app-preview-mockup.brutalist .mockup-card,.app-preview-mockup.brutalist .mockup-footer{border:3px solid currentColor}.app-preview-mockup.flat-design .mockup-card,.app-preview-mockup.flat-design .mockup-cta{box-shadow:none;border:2px solid currentColor}.mockup-footer{padding:var(--spacing-xl);border-top:1px solid}.mockup-footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-xl);max-width:1200px;margin:0 auto var(--spacing-lg) auto}.mockup-footer-section h4{margin:0 0 var(--spacing-md) 0;font-size:1rem;font-weight:600}.mockup-footer-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.mockup-footer-section ul li a{text-decoration:none;transition:opacity .2s}.mockup-footer-section ul li a:hover{opacity:1}.mockup-footer-section p{margin:0;font-size:.9375rem}.mockup-footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid;opacity:.5}.mockup-footer-bottom p{margin:0;font-size:.875rem}@media(max-width:768px){.app-preview-modal{width:100%;max-width:100%;max-height:calc(100vh - 40px);border-radius:var(--radius-lg)}.app-preview-content{padding:var(--spacing-md)}.mockup-header-content{flex-direction:column;gap:var(--spacing-md)}.mockup-nav{flex-wrap:wrap;justify-content:center}.mockup-body{padding:var(--spacing-lg)}.mockup-hero h1{font-size:1.75rem}.mockup-cards{grid-template-columns:1fr}}.language-selector-trigger{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(135deg,#fffffff2,#f9f5ffe6);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md);cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-size:.875rem;font-weight:500;color:var(--text-primary);min-width:70px;justify-content:center;position:relative;overflow:hidden}.language-selector-trigger:hover{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-color:var(--primary-400);transform:translateY(-2px) scale(1.02);box-shadow:0 4px 12px #6366f140}.language-selector-trigger:active{transform:translateY(0) scale(.98)}.language-selector-flag{font-weight:600;font-size:.9375rem;line-height:1}.language-selector-chevron{transition:transform .3s ease;opacity:.7}.language-selector-chevron.open{transform:rotate(180deg)}.language-selector-overlay{position:fixed;inset:0;z-index:1000;background:transparent;pointer-events:auto}.language-selector-dropdown{position:fixed;background:var(--bg-elevated);border:2px solid rgba(99,102,241,.2);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff1a;min-width:200px;z-index:1001;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:slideDown .2s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-selector-header{padding:var(--spacing-md);font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);font-size:.875rem;letter-spacing:-.01em;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#6366f10d,#8b5cf60d)}.language-selector-options{padding:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-xs)}.language-selector-option{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left;width:100%;font-size:.875rem;color:var(--text-primary);position:relative}.language-selector-option:hover{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-color:var(--primary-400);transform:translate(4px)}.language-selector-option.active{background:linear-gradient(135deg,#6366f126,#8b5cf626);border-color:var(--primary-500);font-weight:600;box-shadow:0 2px 8px #6366f133}.language-option-flag{font-weight:600;font-size:1rem;min-width:24px;text-align:center}.language-option-label{flex:1;font-weight:inherit}.language-option-check{color:var(--primary-600);font-weight:700;font-size:1rem}[data-theme=dark] .language-selector-trigger{background:linear-gradient(135deg,#141414f2,#0f0f19e6);border-color:#6366f14d}[data-theme=dark] .language-selector-trigger:hover{background:linear-gradient(135deg,#6366f126,#8b5cf626);box-shadow:0 4px 16px #6366f14d}@media(max-width:768px){.language-selector-trigger{padding:var(--spacing-xs);min-width:50px;gap:2px}.language-selector-flag{font-size:.875rem}.language-selector-chevron{display:none}.language-selector-dropdown{min-width:180px;max-width:90vw}}[dir=rtl] .language-selector-option{text-align:right}[dir=rtl] .language-selector-option:hover{transform:translate(-4px)}.quick-search-trigger{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);position:relative;box-shadow:0 1px 3px #0000000d}.quick-search-trigger:hover{border-color:var(--color-primary);background:var(--bg-base);color:var(--color-primary);box-shadow:0 2px 8px #6366f126;transform:translateY(-1px)}.quick-search-trigger:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.quick-search-trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f126,0 2px 8px #6366f133}.quick-search-trigger-icon{transition:transform var(--transition-fast)}.quick-search-trigger:hover .quick-search-trigger-icon{transform:scale(1.1)}.quick-search-trigger:after{content:"Ctrl+K";position:absolute;bottom:-28px;left:50%;transform:translate(-50%) translateY(-4px);font-size:.625rem;font-family:var(--font-mono);color:var(--text-tertiary);opacity:0;pointer-events:none;transition:all var(--transition-base);white-space:nowrap;padding:4px 8px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);box-shadow:0 2px 8px #00000026;font-weight:500;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.quick-search-trigger:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.quick-search-overlay{position:fixed!important;inset:0!important;background:#000!important;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);z-index:100!important;opacity:0;pointer-events:none;transition:opacity .2s cubic-bezier(.4,0,.2,1);animation:fadeIn .2s ease-out;isolation:isolate}.quick-search-overlay.open{opacity:1;pointer-events:auto}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.quick-search{position:fixed;top:10%;left:50%;transform:translate(-50%) translateY(-20px) scale(.95);width:90%;max-width:800px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-2xl);box-shadow:0 25px 80px #0006,0 0 0 1px #ffffff0d inset,0 0 100px #6366f126;z-index:100!important;opacity:0;pointer-events:none;transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden;animation:slideUpSearch .25s cubic-bezier(.4,0,.2,1);isolation:isolate;pointer-events:auto!important}.quick-search.open{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0) scale(1)}@keyframes slideUpSearch{0%{opacity:0;transform:translate(-50%) translateY(-20px) scale(.95)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.quick-search-header{border-bottom:1px solid var(--border-subtle);background:linear-gradient(135deg,#6366f108,#8b5cf608);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative}.quick-search-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.2) 50%,transparent 100%)}.quick-search-input-wrapper{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-xl);position:relative}.quick-search-icon{flex-shrink:0;color:var(--color-primary);opacity:.8;transition:all var(--transition-fast)}.quick-search-input{flex:1;border:none;background:transparent;font-size:1.25rem;color:var(--text-primary);outline:none;font-family:var(--font-sans);font-weight:500;letter-spacing:-.01em;line-height:1.5}.quick-search-input::placeholder{color:var(--text-tertiary);font-weight:400;opacity:.6}.quick-search-clear{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:var(--bg-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;opacity:.7}.quick-search-clear:hover{background:var(--color-primary);color:#fff;transform:scale(1.05);opacity:1;box-shadow:0 2px 8px #6366f14d}.quick-search-clear:active{transform:scale(.95)}.quick-search-filter-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border-subtle);background:var(--bg-subtle);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;opacity:.8}.quick-search-filter-toggle:hover{background:var(--bg-base);border-color:var(--border-default);color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a;opacity:1}.quick-search-filter-toggle.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--primary-600) 100%);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #6366f14d;opacity:1}.quick-search-filters{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--border-subtle);background:var(--bg-base);flex-wrap:wrap}.quick-search-filter{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--border-subtle);background:var(--bg-subtle);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.quick-search-filter:hover{border-color:var(--border-default);background:var(--bg-elevated);color:var(--text-primary);transform:translateY(-1px);box-shadow:0 2px 4px #00000014}.quick-search-filter.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--primary-600) 100%);border-color:var(--color-primary);color:#fff;box-shadow:0 2px 8px #6366f140;font-weight:600}.quick-search-stats{padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-md);font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.8px;font-weight:600;opacity:.7;border-bottom:1px solid var(--border-subtle);background:var(--bg-base)}.search-results-group{margin-bottom:var(--spacing-lg)}.search-results-group:last-child{margin-bottom:0}.search-results-group-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-secondary);background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);border:1px solid var(--border-subtle)}.search-results-group-count{font-weight:600;color:var(--text-tertiary)}.quick-search-results{max-height:550px;overflow-y:auto;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-base)}.quick-search-results::-webkit-scrollbar{width:8px}.quick-search-results::-webkit-scrollbar-track{background:transparent}.quick-search-results::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-full)}.quick-search-results::-webkit-scrollbar-thumb:hover{background:var(--border-default)}.quick-search-result-item{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid transparent;background:transparent;border-radius:var(--radius-lg);text-align:left;cursor:pointer;transition:all .15s cubic-bezier(.4,0,.2,1);position:relative;margin-bottom:var(--spacing-xs)}.quick-search-result-item:hover{background:var(--bg-elevated);border-color:var(--border-subtle);transform:translate(4px);box-shadow:0 2px 8px #0000000f}.quick-search-result-item.selected{background:linear-gradient(135deg,#6366f11f,#8b5cf614);border-color:#6366f14d;box-shadow:0 4px 12px #6366f126,0 0 0 1px #6366f11a inset;transform:translate(6px)}.quick-search-result-item.active{position:relative}.quick-search-result-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-primary);border-radius:0 var(--radius-full) var(--radius-full) 0}.search-result-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:var(--bg-subtle);color:var(--color-primary);border:1px solid var(--border-subtle);transition:all var(--transition-fast)}.quick-search-result-item:hover .search-result-icon{transform:scale(1.05);box-shadow:0 2px 8px #6366f133}.quick-search-result-item.type-feature .search-result-icon{background:linear-gradient(135deg,#6366f11f,#8b5cf61f);border-color:#6366f133}.quick-search-result-item.type-section .search-result-icon{background:linear-gradient(135deg,#8b5cf61a,#8b5cf614);color:var(--accent-500);border-color:#8b5cf633}.quick-search-result-item.type-option .search-result-icon{background:linear-gradient(135deg,#ec48991a,#ec489914);color:var(--accent-600);border-color:#ec489933}.search-result-option-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.search-result-content{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.search-result-header{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.search-result-label{font-weight:600;color:var(--text-primary);font-size:.9375rem;line-height:1.5;letter-spacing:-.01em}.search-highlight{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);color:var(--text-primary);font-weight:700;padding:0 2px;border-radius:2px}.search-result-type{font-size:.6875rem;padding:3px 10px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-family:var(--font-mono);opacity:.8}.search-result-path{font-size:.8rem;color:var(--text-secondary);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-result-description{font-size:.8rem;color:var(--text-secondary);line-height:1.4;margin-top:var(--spacing-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-action{flex-shrink:0}.search-result-action kbd{display:inline-flex;align-items:center;padding:4px 8px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.7rem;font-family:var(--font-mono);color:var(--text-secondary);box-shadow:0 1px 2px #0000001a}.quick-search-no-results,.quick-search-hint{padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center;background:var(--bg-base)}.no-results-icon,.hint-icon{font-size:3.5rem;margin-bottom:var(--spacing-lg);opacity:.4;filter:grayscale(.3)}.no-results-title,.hint-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm);letter-spacing:-.01em}.no-results-hint{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.6;opacity:.8}.hint-tips{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);align-items:center}.hint-tip{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;color:var(--text-secondary)}.hint-tip kbd{display:inline-flex;align-items:center;padding:4px 10px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-mono);color:var(--text-primary);font-weight:600;box-shadow:0 1px 2px #0000001a}@media(max-width:768px){.quick-search{top:5%;width:95%;max-height:85vh}.quick-search-trigger{width:36px;height:36px}.quick-search-trigger-icon{width:16px;height:16px}.quick-search-trigger:after{display:none}.quick-search-results{max-height:60vh}.quick-search-result-item{padding:var(--spacing-sm)}.search-result-icon{width:32px;height:32px}}[data-theme=dark] .quick-search{box-shadow:0 25px 80px #000000b3,0 0 0 1px #ffffff14 inset,0 0 120px #6366f133;border-color:#ffffff1a}[data-theme=dark] .quick-search-header{background:linear-gradient(135deg,#6366f10d,#8b5cf60d);border-bottom-color:#ffffff14}[data-theme=dark] .quick-search-result-item.selected{background:linear-gradient(135deg,#6366f126,#8b5cf61f);border-color:#6366f166;box-shadow:0 4px 12px #6366f140,0 0 0 1px #6366f126 inset}[data-theme=dark] .quick-search-overlay{background:#000c!important}.chatbot-toggle-button:not(.chatbot-header-button){position:fixed!important;bottom:32px!important;right:32px!important;width:64px!important;height:64px!important;border-radius:50%!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border:none!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 8px 24px #6366f166,0 0 #6366f180!important;z-index:2147483646!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;padding:0!important;transform:translateZ(0)!important;will-change:transform!important}.chatbot-toggle-button.chatbot-header-button{position:relative!important;bottom:auto!important;right:auto!important;width:auto!important;height:auto!important;min-width:auto!important;border-radius:10px!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border:none!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 18px!important;box-shadow:0 4px 12px #6366f14d,0 0 0 1px #ffffff1a inset!important;z-index:101!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;transform:translateZ(0)!important;will-change:transform!important;font-size:14px!important;font-weight:600!important;white-space:nowrap!important;margin:0!important;letter-spacing:.01em}.chatbot-toggle-button.chatbot-header-button:hover{background:linear-gradient(135deg,#5856eb,#7c3aed)!important;transform:translateY(-2px) translateZ(0)!important;box-shadow:0 8px 20px #6366f166,0 0 0 1px #ffffff26 inset!important}.chatbot-toggle-button.chatbot-header-button:active{transform:translateY(0) translateZ(0)!important}.chatbot-badge{position:absolute;top:-4px;right:-4px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:10px;font-weight:700;padding:3px 7px;border-radius:12px;border:2px solid white;box-shadow:0 2px 8px #ef444466}.chatbot-header-button .chatbot-badge{position:static;top:auto;right:auto;margin-left:-2px;margin-right:0;border:1.5px solid rgba(255,255,255,.4);font-size:9px;padding:2px 6px}.chatbot-button-label{display:inline-block}@media(max-width:768px){.chatbot-toggle-button.chatbot-header-button{min-width:44px!important;min-height:44px!important;padding:10px 14px!important;border-radius:12px!important;-webkit-tap-highlight-color:rgba(99,102,241,.1);touch-action:manipulation}.chatbot-toggle-button.chatbot-header-button .chatbot-button-label{display:none}.chatbot-toggle-button.chatbot-header-button svg{width:20px!important;height:20px!important}.chatbot-toggle-button.chatbot-header-button .chatbot-badge{font-size:8px!important;padding:2px 5px!important;border-width:1.5px!important}.chatbot-toggle-button:not(.chatbot-header-button){bottom:max(24px,calc(env(safe-area-inset-bottom) + 24px))!important;right:max(24px,env(safe-area-inset-right))!important;width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;box-shadow:0 8px 24px #6366f180!important;-webkit-tap-highlight-color:rgba(99,102,241,.2)}}.chatbot-modal-overlay{position:fixed!important;inset:0!important;background:#000!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:var(--spacing-lg, 24px)!important;animation:fadeInOverlay .4s cubic-bezier(.4,0,.2,1)!important;isolation:isolate!important;pointer-events:auto!important;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;z-index:2147483648!important}@keyframes fadeInOverlay{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}}.chatbot-modal-container{position:relative!important;width:100%!important;max-width:720px!important;height:85vh!important;max-height:800px!important;background:linear-gradient(135deg,#fffffffc,#fffffff7,#f8fafcfa)!important;border-radius:28px!important;box-shadow:0 40px 100px #00000080,0 20px 60px #6366f14d,0 0 0 1px #fff3 inset,0 1px #ffffff4d inset,0 -1px #6366f11a inset!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border:2px solid rgba(255,255,255,.3)!important;animation:slideUpModal .6s cubic-bezier(.34,1.56,.64,1)!important;transform:translateZ(0)!important;will-change:transform!important;z-index:2147483648!important;backdrop-filter:blur(40px) saturate(200%)!important;-webkit-backdrop-filter:blur(40px) saturate(200%)!important;pointer-events:auto!important}.chatbot-modal-container:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shine 8s infinite;pointer-events:none;z-index:0}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes slideUpModal{0%{opacity:0;transform:translateY(60px) scale(.9) translateZ(0);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1) translateZ(0);filter:blur(0px)}}.chatbot-modal-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.3) 50%,transparent 100%);z-index:1}@media(max-width:768px){.chatbot-modal-overlay{padding:0!important;align-items:stretch!important}.chatbot-modal-container{width:100%!important;max-width:100%!important;height:100vh!important;max-height:100vh!important;height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;border-radius:0!important;margin:0!important;padding-top:env(safe-area-inset-top)!important;padding-bottom:env(safe-area-inset-bottom)!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important;box-sizing:border-box!important}.chatbot-header{padding:16px 20px!important;padding-top:max(16px,calc(env(safe-area-inset-top) + 16px))!important}.chatbot-header h3{font-size:1.125rem!important}.chatbot-header p{font-size:.8125rem!important}.chatbot-messages{padding:var(--spacing-md, 16px)!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.chatbot-message{max-width:85%!important;padding:12px 16px!important;font-size:.9375rem!important;line-height:1.5!important}.chatbot-input-container{padding:12px 16px!important;padding-bottom:max(12px,calc(env(safe-area-inset-bottom) + 12px))!important}.chatbot-input{font-size:1rem!important;padding:12px 16px!important;border-radius:var(--radius-lg, 12px)!important}.chatbot-send-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important}.chatbot-response-suggestions{padding:12px 16px!important;gap:var(--spacing-sm, 12px)!important}.response-suggestions-grid{grid-template-columns:1fr!important;gap:var(--spacing-sm, 12px)!important}.response-suggestion-card{padding:14px 16px!important;min-height:48px!important;font-size:.9375rem!important}}@media(max-width:480px){.chatbot-modal-container{border-radius:0!important}.chatbot-header{padding:14px 16px!important;padding-top:max(14px,calc(env(safe-area-inset-top) + 14px))!important}.chatbot-header h3{font-size:1rem!important}.chatbot-messages{padding:var(--spacing-sm, 12px)!important}.chatbot-message{max-width:90%!important;padding:10px 14px!important;font-size:.875rem!important}.chatbot-input-container{padding:10px 12px!important;padding-bottom:max(10px,calc(env(safe-area-inset-bottom) + 10px))!important}.chatbot-input{font-size:16px!important;padding:10px 14px!important}.response-suggestion-card{padding:12px 14px!important;font-size:.875rem!important}}@media(max-width:768px)and (orientation:landscape){.chatbot-modal-container{height:100vh!important;max-height:100vh!important}.chatbot-header{padding:12px 20px!important}.chatbot-messages{max-height:calc(100vh - 200px)!important}}.chatbot-header{padding:22px 28px!important;border-bottom:2px solid rgba(99,102,241,.15)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:linear-gradient(135deg,#6366f114,#8b5cf60f,#ec48990a 60%,#6366f108)!important;flex-shrink:0!important;position:relative!important;backdrop-filter:blur(30px) saturate(180%)!important;-webkit-backdrop-filter:blur(30px) saturate(180%)!important;z-index:10!important;box-shadow:0 4px 20px #6366f11a,inset 0 1px #fff6!important}.chatbot-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.25) 50%,transparent 100%)}.chatbot-header-content{display:flex!important;align-items:center!important;gap:14px!important;flex:1!important}.chatbot-avatar{width:48px!important;height:48px!important;border-radius:50%!important;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899 60%,#f59e0b)!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;flex-shrink:0!important;box-shadow:0 8px 24px #6366f166,0 4px 12px #ec48994d,0 0 0 4px #fff3 inset,0 0 0 2px #6366f14d,0 0 30px #6366f133!important;position:relative!important;animation:avatarPulse 3s ease-in-out infinite!important;transition:all .4s cubic-bezier(.34,1.56,.64,1)!important}.chatbot-avatar:before{content:"";position:absolute;inset:-2px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899,#f59e0b);z-index:-1;opacity:.6;animation:avatarRotate 4s linear infinite;filter:blur(8px)}@keyframes avatarPulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #6366f166,0 4px 12px #ec48994d,0 0 0 4px #fff3 inset,0 0 0 2px #6366f14d,0 0 30px #6366f133}50%{transform:scale(1.05);box-shadow:0 12px 32px #6366f180,0 6px 16px #ec489966,0 0 0 4px #ffffff40 inset,0 0 0 2px #6366f166,0 0 40px #6366f14d}}@keyframes avatarRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chatbot-avatar:hover{transform:scale(1.1) rotate(5deg)!important;box-shadow:0 12px 32px #6366f180,0 6px 16px #ec489966,0 0 0 4px #ffffff4d inset,0 0 0 2px #6366f166,0 0 50px #6366f166!important}.chatbot-header-text h3{margin:0 0 4px!important;font-size:17px!important;font-weight:700!important;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;letter-spacing:-.03em!important;line-height:1.2!important}.chatbot-header-text p{margin:0!important;font-size:12px!important;color:var(--text-secondary, #6b7280)!important;font-weight:500!important;letter-spacing:.01em!important}.chatbot-header-stats{display:flex!important;gap:var(--spacing-md, 16px)!important;align-items:center!important}.chatbot-stat{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;padding:8px 12px!important;background:#6366f114!important;border-radius:10px!important;border:1px solid rgba(99,102,241,.15)!important}.stat-value{font-size:18px!important;font-weight:700!important;color:var(--color-primary, #6366f1)!important;line-height:1!important}.stat-label{font-size:10px!important;color:var(--text-secondary, #6b7280)!important;text-transform:uppercase!important;letter-spacing:.8px!important;font-weight:600!important}.chatbot-close-button{width:40px!important;height:40px!important;border-radius:12px!important;background:linear-gradient(135deg,#6366f11f,#8b5cf61a)!important;border:2px solid rgba(99,102,241,.25)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:var(--text-primary, #1a1a1a)!important;transition:all .3s cubic-bezier(.34,1.56,.64,1)!important;flex-shrink:0!important;box-shadow:0 2px 8px #6366f126,inset 0 1px #ffffff4d!important;position:relative!important;overflow:hidden!important}.chatbot-close-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#6366f133;transform:translate(-50%,-50%);transition:width .4s,height .4s}.chatbot-close-button:hover{background:linear-gradient(135deg,#ef444426,#dc26261f)!important;border-color:#ef444466!important;transform:scale(1.1) rotate(90deg)!important;box-shadow:0 4px 16px #ef44444d,inset 0 1px #fff6!important;color:#ef4444!important}.chatbot-close-button:hover:before{width:100px;height:100px}.chatbot-close-button:hover{background:#ef44441a!important;border-color:#ef444433!important;color:#ef4444!important;transform:scale(1.05)!important}.chatbot-close-button:active{transform:scale(.95)!important}.chatbot-messages{flex:1;overflow-y:auto;overflow-x:hidden;padding:24px 20px;display:flex;flex-direction:column;gap:20px;background:var(--bg-base, #ffffff);scroll-behavior:smooth;min-height:0;position:relative;justify-content:flex-start}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#6366f108;border-radius:3px;margin:8px 0}.chatbot-messages::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:3px;border:1px solid transparent;background-clip:padding-box}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5856eb,#7c3aed);background-clip:padding-box}.chatbot-message{display:flex;flex-direction:column;max-width:85%;animation:messageSlideIn .6s cubic-bezier(.34,1.56,.64,1);position:relative;transform-origin:center}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.92);filter:blur(6px)}50%{opacity:.7;transform:translateY(-2px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.chatbot-message-bot{animation:messageSlideIn .6s cubic-bezier(.34,1.56,.64,1),messagePulse .8s ease-out .3s}@keyframes messagePulse{0%,to{transform:scale(1)}50%{transform:scale(1.01)}}.chatbot-message-bot{max-width:92%;align-self:flex-start;align-items:flex-start}.chatbot-message-user{align-self:flex-end;align-items:flex-end}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.chatbot-message-content{padding:14px 18px;border-radius:18px;font-size:14.5px;line-height:1.65;word-wrap:break-word;font-weight:400;letter-spacing:.01em;white-space:pre-line}.chatbot-message-user .chatbot-message-content{background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);color:#fff;border-bottom-right-radius:8px;box-shadow:0 8px 28px #6366f166,0 4px 12px #8b5cf64d,0 0 0 2px #fff3 inset,0 0 20px #6366f14d;position:relative;overflow:hidden;font-weight:600;border:1px solid rgba(255,255,255,.2)}.chatbot-message-user .chatbot-message-content:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);animation:shimmer 3s infinite}.chatbot-message-bot .chatbot-message-content{background:linear-gradient(135deg,#6366f126,#8b5cf61f,#ec489914);color:#0f172a;border-bottom-left-radius:8px;border:3px solid rgba(99,102,241,.4);box-shadow:0 10px 30px #6366f14d,0 4px 12px #8b5cf633,0 0 0 3px #fffffff2 inset,0 2px 10px #00000014,inset 0 1px #fff9;font-weight:700;font-size:16px;line-height:1.9;letter-spacing:.02em;padding:20px 24px;text-shadow:0 1px 3px rgba(255,255,255,.9);position:relative;overflow:hidden}.chatbot-message-bot .chatbot-message-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:messageShine 3s infinite;pointer-events:none}@keyframes messageShine{0%{left:-100%}50%{left:100%}to{left:100%}}.chatbot-message-time{font-size:11px;color:var(--text-tertiary, #9ca3af);margin-top:6px;padding:0 6px;font-weight:500;letter-spacing:.02em}.chatbot-suggestions{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2)}.chatbot-message-bot .chatbot-suggestions{border-top-color:#6366f126}.chatbot-suggestion-item{font-size:12px;margin-top:6px;opacity:.9;font-style:italic;color:var(--text-secondary, #6b7280)}.chatbot-clarification{margin-top:12px;padding:10px 14px;background:#ffc1071f;border-left:3px solid #ffc107;border-radius:8px;font-size:12.5px;font-weight:500}.chatbot-message-bot .chatbot-clarification{background:#ffc10726}.chatbot-typing-indicator{display:flex;gap:8px;padding:16px 20px;background:linear-gradient(135deg,#6366f114,#8b5cf60f);border-radius:18px 18px 18px 6px;border:2px solid rgba(99,102,241,.2);box-shadow:0 4px 12px #6366f11a,inset 0 1px #ffffff80;position:relative;overflow:hidden}.chatbot-typing-indicator:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.1) 50%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.chatbot-typing-indicator span{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);animation:typing 1.4s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 3px 8px #6366f166,0 0 12px #6366f14d;position:relative}.chatbot-typing-indicator span:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,transparent 70%);transform:translate(-50%,-50%);animation:pulse 1.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.5);opacity:0}}.chatbot-typing-indicator span:nth-child(2){animation-delay:.2s}.chatbot-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0) scale(1);opacity:.6}30%{transform:translateY(-10px) scale(1.1);opacity:1}}.chatbot-response-suggestions{padding:12px 16px;background:linear-gradient(180deg,#6366f10d,#8b5cf608);border-top:1.5px solid rgba(99,102,241,.15);animation:slideUpSuggestions .5s cubic-bezier(.34,1.56,.64,1);flex-shrink:0;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chatbot-response-suggestions:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.5) 50%,transparent 100%);animation:shimmerLine 3s infinite}@keyframes shimmerLine{0%,to{opacity:.3}50%{opacity:1}}.suggestions-header{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-weight:700;font-size:10px;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.8px}.suggestions-icon{font-size:13px}.response-suggestions-grid{display:flex;flex-wrap:wrap;gap:6px;animation:gridAppear .6s cubic-bezier(.34,1.56,.64,1)}@keyframes gridAppear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.response-suggestion-card{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#fffffff2,#f8fafcfa);border:2px solid rgba(99,102,241,.25);border-radius:8px;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);text-align:left;box-shadow:0 4px 14px #6366f126,0 2px 6px #8b5cf61a,0 0 #6366f100,inset 0 1px #fffc;white-space:nowrap;font-size:12px;font-weight:600;color:var(--text-primary, #1a1a1a);position:relative;overflow:hidden;animation:suggestionAppear .5s cubic-bezier(.34,1.56,.64,1) backwards;transform-origin:center;line-height:1.3;height:fit-content;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.response-suggestion-card:nth-child(1){animation-delay:.05s}.response-suggestion-card:nth-child(2){animation-delay:.1s}.response-suggestion-card:nth-child(3){animation-delay:.15s}.response-suggestion-card:nth-child(4){animation-delay:.2s}.response-suggestion-card:nth-child(5){animation-delay:.25s}.response-suggestion-card:nth-child(6){animation-delay:.3s}.response-suggestion-card:nth-child(7){animation-delay:.35s}.response-suggestion-card:nth-child(8){animation-delay:.4s}@keyframes suggestionAppear{0%{opacity:0;transform:translateY(15px) scale(.9);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.response-suggestion-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);transition:left .5s}.response-suggestion-card:hover{border-color:#6366f1;background:linear-gradient(135deg,#6366f12e,#8b5cf626,#ec48991a);transform:translateY(-5px) scale(1.03) rotate(.5deg);box-shadow:0 12px 32px #6366f159,0 6px 16px #8b5cf640,0 0 0 4px #6366f133,0 0 30px #6366f140,inset 0 1px #fff6;color:#6366f1;border-width:3px;font-weight:800}.response-suggestion-card:hover:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.3) 0%,transparent 70%);transform:translate(-50%,-50%);animation:glowExpand .6s ease-out forwards;pointer-events:none}@keyframes glowExpand{0%{width:0;height:0;opacity:.8}to{width:200px;height:200px;opacity:0}}.response-suggestion-card:hover:before{left:100%}.response-suggestion-card:active{transform:translateY(-1px) scale(.98);box-shadow:0 4px 16px #6366f140,0 0 0 2px #6366f133;transition:all .1s cubic-bezier(.4,0,.2,1)}.response-suggestion-card.clicked{animation:successPulse .5s cubic-bezier(.34,1.56,.64,1)}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 6px 20px #6366f140}50%{transform:scale(1.05);box-shadow:0 8px 30px #22c55e66;border-color:#22c55e}to{transform:scale(1);box-shadow:0 6px 20px #6366f140}}.response-suggestion-card .suggestion-icon{font-size:12px;flex-shrink:0;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));display:inline-flex;align-items:center}.response-suggestion-card .suggestion-label{font-weight:600;font-size:11.5px;color:inherit;line-height:1.2;letter-spacing:.01em;margin:0;padding:0}.response-suggestion-card .suggestion-description{display:none}.response-suggestion-card.selected{background:linear-gradient(135deg,#6366f133,#8b5cf626);border-color:#6366f1;border-width:2px;box-shadow:0 4px 16px #6366f14d,0 0 0 2px #6366f126;color:#6366f1;font-weight:600}.response-suggestion-card.selected .check-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#6366f1;color:#fff;border-radius:50%;font-size:11px;font-weight:700;margin-right:4px;flex-shrink:0}.response-suggestion-card .check-icon{display:none}.submit-multiple-options{margin-left:auto;padding:10px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-weight:700;font-size:13px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 12px #6366f166,0 0 #6366f180;position:relative;overflow:hidden}.submit-multiple-options:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-multiple-options:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px #6366f180,0 0 0 4px #6366f133}.submit-multiple-options:hover:before{width:300px;height:300px}.submit-multiple-options:active{transform:translateY(-1px) scale(1.02);box-shadow:0 4px 16px #6366f166}@keyframes slideUpSuggestions{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.chatbot-quick-options{padding:10px 16px!important;gap:8px!important}.chatbot-quick-option{padding:12px 16px!important;min-height:44px!important;font-size:.875rem!important;border-radius:12px!important;-webkit-tap-highlight-color:rgba(99,102,241,.1)}.response-suggestions-grid{grid-template-columns:1fr!important;gap:10px!important}.response-suggestion-card{padding:14px 16px!important;min-height:52px!important;font-size:.9375rem!important;border-radius:12px!important;-webkit-tap-highlight-color:rgba(99,102,241,.1)}.response-suggestion-card .suggestion-icon{font-size:18px!important}.response-suggestion-card .suggestion-label{font-size:.9375rem!important}.chatbot-input-container{padding:12px 16px!important;padding-bottom:max(12px,calc(env(safe-area-inset-bottom) + 12px))!important}.chatbot-input-wrapper{padding:4px 4px 4px 14px!important;border-radius:14px!important}.chatbot-input{font-size:16px!important;padding:10px 12px!important}}@media(max-width:480px){.chatbot-quick-options{padding:8px 12px!important;gap:6px!important}.chatbot-quick-option{padding:10px 14px!important;font-size:.8125rem!important}.response-suggestion-card{padding:12px 14px!important;font-size:.875rem!important}}.chatbot-quick-options{padding:12px 20px;display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--border-subtle, #e5e7eb);background:#6366f105}.chatbot-quick-option{padding:10px 18px;background:var(--bg-elevated, #ffffff);border:1.5px solid rgba(99,102,241,.2);border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);font-size:13px;font-weight:600;color:var(--text-primary, #1a1a1a);box-shadow:0 2px 6px #6366f114}.chatbot-quick-option:hover{background:linear-gradient(135deg,#6366f11a,#8b5cf614);border-color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133;color:#6366f1}.chatbot-quick-option:active{transform:translateY(0)}.chatbot-input-container{padding:20px 24px;border-top:2px solid rgba(99,102,241,.15);background:linear-gradient(135deg,#fffffffc,#f8fafcfa,#fffffff7);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);flex-shrink:0;box-shadow:0 -4px 20px #6366f114,inset 0 1px #fff6;position:relative;z-index:10}.chatbot-input-wrapper{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fffffff2,#f8fafcfa);border:2.5px solid rgba(99,102,241,.25);border-radius:16px;padding:6px 6px 6px 18px;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 14px #6366f11f,0 2px 6px #8b5cf614,0 0 #6366f100,inset 0 1px #fffc;position:relative;overflow:hidden}.chatbot-input-wrapper:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.1) 50%,transparent 100%);transition:left .6s}.chatbot-input-wrapper:focus-within{border-color:#6366f1;box-shadow:0 8px 24px #6366f133,0 4px 12px #8b5cf626,0 0 0 4px #6366f126,inset 0 1px #ffffffe6;transform:translateY(-2px)}.chatbot-input-wrapper:focus-within:before{left:100%}.chatbot-input-wrapper input{flex:1;border:none;outline:none;background:transparent;font-size:14.5px;color:var(--text-primary, #1a1a1a);font-weight:500;padding:10px 0;line-height:1.5}.chatbot-input-wrapper input::placeholder{color:var(--text-tertiary, #9ca3af);font-weight:400}.chatbot-send-button{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6,#ec4899);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 14px #6366f159,0 2px 8px #8b5cf640,0 0 0 2px #fff3 inset;flex-shrink:0;position:relative;overflow:hidden;font-weight:700}.chatbot-send-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .5s,height .5s}.chatbot-send-button:hover:not(:disabled){background:linear-gradient(135deg,#5856eb,#7c3aed,#db2777);transform:scale(1.08) rotate(5deg);box-shadow:0 8px 24px #6366f173,0 4px 12px #8b5cf659,0 0 0 3px #ffffff4d inset,0 0 30px #6366f14d}.chatbot-send-button:hover:not(:disabled):before{width:200px;height:200px}.chatbot-send-button:active:not(:disabled){transform:scale(.96) rotate(-2deg);box-shadow:0 2px 8px #6366f14d,inset 0 2px 4px #0000001a}.chatbot-send-button:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#9ca3af,#6b7280);box-shadow:0 2px 8px #0000001a}body:has(.chatbot-modal-overlay) .option-actions,body:has(.chatbot-modal-overlay) .option-play-btn,body:has(.chatbot-modal-overlay) .option-info-btn,body:has(.chatbot-modal-overlay) button[class*=voir],body:has(.chatbot-modal-overlay) button[class*=view],body:has(.chatbot-modal-overlay) .feature-viz-modal-overlay,body:has(.chatbot-modal-overlay) .feature-details-overlay,body:has(.chatbot-modal-overlay) [class*=feature-viz],body:has(.chatbot-modal-overlay) [class*=feature-details]{z-index:1!important;pointer-events:none!important;opacity:.5!important}body:has(.chatbot-modal-overlay) .feature-panel,body:has(.chatbot-modal-overlay) .sections-list,body:has(.chatbot-modal-overlay) .prompt-preview,body:has(.chatbot-modal-overlay) .preview-panel,body:has(.chatbot-modal-overlay) [class*=prompt-preview],body:has(.chatbot-modal-overlay) [class*=feature-panel],body:has(.chatbot-modal-overlay) [class*=options-list],body:has(.chatbot-modal-overlay) [class*=config-panel]{z-index:1!important;position:relative!important}.chatbot-modal-overlay{z-index:2147483648!important;position:fixed!important}.chatbot-modal-container{z-index:2147483648!important;position:relative!important}.vibe-builder-header{background:var(--bg-elevated, #ffffff);border-bottom:1px solid var(--border-subtle, #e5e7eb);position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d}body:has(.chatbot-modal-overlay) .vibe-builder-header{z-index:1!important}body:has(.chatbot-modal-overlay) .feature-bar-container,body:has(.chatbot-modal-overlay) .feature-bar{z-index:1!important;pointer-events:none!important;opacity:.5!important}.vibe-builder-content{display:flex;flex-direction:row;gap:var(--spacing-lg, 24px);padding:var(--spacing-lg, 24px);max-width:100%;overflow:visible;align-items:flex-start;min-height:calc(100vh - 200px)}.config-panel{flex:0 0 40%;min-width:400px;max-width:500px;overflow:visible;padding:var(--spacing-md, 16px);background:var(--bg-base, #ffffff);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-subtle, #e5e7eb);display:flex;flex-direction:column;height:auto;max-height:none;position:relative;z-index:1}.preview-panel{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-md, 16px);background:var(--bg-elevated, #fafbfc);border-radius:var(--radius-lg, 12px);border:1px solid var(--border-subtle, #e5e7eb);position:relative;z-index:1000}.vibe-builder-content{position:relative;z-index:1}@media(max-width:1024px){.vibe-builder-content{flex-direction:column;height:auto;min-height:auto}.config-panel{flex:1;min-width:100%;max-width:100%;max-height:50vh}.preview-panel{flex:1;min-height:400px}}@media(max-width:768px){.vibe-builder-header{position:sticky;top:0;z-index:100;padding-top:max(0px,env(safe-area-inset-top));padding-left:max(0px,env(safe-area-inset-left));padding-right:max(0px,env(safe-area-inset-right))}.vibe-builder-content{flex-direction:column;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px);padding-bottom:max(100px,calc(env(safe-area-inset-bottom) + 80px))!important;min-height:auto}.config-panel{flex:0 1 auto;min-width:100%;max-width:100%;width:100%;max-height:none;min-height:auto;padding:var(--spacing-md, 16px);border-radius:var(--radius-lg, 12px);margin-bottom:var(--spacing-sm, 12px);display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.preview-panel{flex:1 1 auto;min-width:100%;max-width:100%;width:100%;min-height:300px;max-height:none;padding:var(--spacing-md, 16px);border-radius:var(--radius-lg, 12px)}}@media(max-width:480px){.vibe-builder-content{padding:var(--spacing-sm, 12px);gap:var(--spacing-sm, 12px)}.config-panel,.preview-panel{padding:var(--spacing-sm, 12px);border-radius:var(--radius-md, 8px)}}body:has(.chatbot-modal-overlay) .vibe-builder-content,body:has(.chatbot-modal-overlay) .config-panel,body:has(.chatbot-modal-overlay) .preview-panel,body:has(.chatbot-modal-overlay) .feature-panel,body:has(.chatbot-modal-overlay) .sections-list,body:has(.chatbot-modal-overlay) .prompt-preview,body:has(.chatbot-modal-overlay) [class*=feature-panel],body:has(.chatbot-modal-overlay) [class*=prompt-preview],body:has(.chatbot-modal-overlay) [class*=options-list]{z-index:1!important;pointer-events:none!important;position:relative!important;opacity:.3!important}body:not(:has(.chatbot-modal-overlay)) .vibe-builder-content,body:not(:has(.chatbot-modal-overlay)) .config-panel,body:not(:has(.chatbot-modal-overlay)) .preview-panel,body:not(:has(.chatbot-modal-overlay)) .feature-panel,body:not(:has(.chatbot-modal-overlay)) .sections-list,body:not(:has(.chatbot-modal-overlay)) .prompt-preview{pointer-events:auto!important;opacity:1!important;visibility:visible!important}.config-panel,.preview-panel,.feature-panel,.sections-list,.prompt-preview{z-index:1000!important;position:relative!important;display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.chatbot-modal-overlay,.chatbot-modal-container{z-index:2147483648!important;position:fixed!important}.header-content{max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl, 24px)}.header-top{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md, 16px) 0;gap:var(--spacing-lg, 24px)}.header-title-section h1{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary, #1a1a1a);background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-title-section .subtitle{margin:4px 0 0;font-size:.875rem;color:var(--text-secondary, #6b7280)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm, 12px);flex-shrink:0;position:relative;z-index:101}.header-mobile-download{display:inline-flex;align-items:center;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.header-mobile-download .spec-download-btn{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;min-height:44px;min-width:44px}.header-view-controls{display:flex;gap:var(--spacing-xs, 8px);background:var(--bg-base);padding:var(--spacing-xs, 8px);border-radius:var(--radius-md, 8px);border:1px solid var(--border-subtle);visibility:visible!important;opacity:1!important;pointer-events:auto!important}.header-view-toggle{display:inline-flex!important;align-items:center;gap:var(--spacing-xs, 8px);padding:var(--spacing-xs, 8px) var(--spacing-sm, 12px);background:transparent;border:none;border-radius:var(--radius-sm, 4px);font-size:.8125rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);visibility:visible!important;opacity:1!important;pointer-events:auto!important;min-height:44px;min-width:44px}.header-view-toggle:hover{color:var(--text-primary);background:var(--bg-elevated)}.header-view-toggle.active{background:var(--color-primary);color:#fff;font-weight:600}.header-view-label{display:inline-block;white-space:nowrap}@media(min-width:769px){.header-view-controls{display:none!important}}@media(max-width:768px){.header-view-controls{display:flex!important;visibility:visible!important;opacity:1!important;gap:var(--spacing-xs, 8px)!important}.header-view-toggle{padding:8px 12px!important;font-size:.875rem!important;min-height:44px!important;min-width:44px!important}.header-view-toggle .header-view-label{display:none}}.header-project-section{display:flex;align-items:flex-start;gap:var(--spacing-md, 16px);padding:var(--spacing-md, 16px) 0;border-top:1px solid var(--border-subtle, #e5e7eb)}.header-project-section>*:first-child{flex:1;min-width:0}@media(max-width:1024px){.header-top{flex-wrap:wrap}.header-title-section{flex:1;min-width:200px}.header-actions{flex-wrap:wrap}}@media(max-width:768px){.header-content{padding:0 var(--spacing-md, 16px)}.header-top{padding:var(--spacing-sm, 12px) 0}.header-title-section h1{font-size:1.25rem}.header-project-section{flex-direction:column;gap:var(--spacing-sm, 12px)}.header-mobile-download{display:inline-flex!important;visibility:visible!important;opacity:1!important}.header-mobile-download .spec-download-btn{display:flex!important;visibility:visible!important;opacity:1!important;padding:10px 14px!important;font-size:.875rem!important;min-height:44px!important;min-width:44px!important}.header-mobile-download .spec-download-btn .btn-label{display:none}}[data-theme=dark] .vibe-builder-header{background:var(--bg-elevated, #1f2937);border-bottom-color:var(--border-subtle, #374151)}[data-theme=dark] .header-title-section h1{background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .header-title-section .subtitle{color:var(--text-secondary, #9ca3af)}.app-preview-toggle{display:inline-flex;align-items:center;gap:var(--spacing-xs, 8px);padding:var(--spacing-xs, 8px) var(--spacing-md, 16px);background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base, .2s);box-shadow:0 2px 4px #6366f133;white-space:nowrap}.app-preview-toggle:hover{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);box-shadow:0 4px 8px #6366f14d;transform:translateY(-1px)}.app-preview-toggle:active{transform:translateY(0);box-shadow:0 2px 4px #6366f133}.app-preview-toggle svg{flex-shrink:0}.app-preview-label{display:inline-block}.feature-panel-more-button-container{margin-top:var(--spacing-md, 16px);padding-top:var(--spacing-md, 16px);border-top:1px solid var(--border-subtle, #e5e7eb)}.feature-panel-more-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 12px);padding:var(--spacing-sm, 12px) var(--spacing-md, 16px);background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);color:#fff;border:none;border-radius:var(--radius-md, 8px);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-base, .2s);box-shadow:0 2px 4px #6366f133}.feature-panel-more-button:hover{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);box-shadow:0 4px 8px #6366f14d;transform:translateY(-1px)}.feature-panel-more-button:active{transform:translateY(0);box-shadow:0 2px 4px #6366f133}.more-button-icon{font-size:1rem;display:inline-flex;align-items:center;justify-content:center;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.more-button-text{display:inline-block}[data-theme=dark] .app-preview-toggle{background:linear-gradient(135deg,var(--primary-400) 0%,var(--primary-500) 100%);box-shadow:0 2px 4px #6366f14d}[data-theme=dark] .app-preview-toggle:hover{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);box-shadow:0 4px 8px #6366f166}[data-theme=dark] .feature-panel-more-button{background:linear-gradient(135deg,var(--primary-400) 0%,var(--primary-500) 100%);box-shadow:0 2px 4px #6366f14d}[data-theme=dark] .feature-panel-more-button:hover{background:linear-gradient(135deg,var(--primary-500) 0%,var(--primary-600) 100%);box-shadow:0 4px 8px #6366f166}@media(max-width:768px){.app-preview-toggle{padding:var(--spacing-xs, 8px) var(--spacing-sm, 12px);font-size:.8125rem}.app-preview-label{display:none}.feature-panel-more-button{padding:var(--spacing-sm, 12px) var(--spacing-sm, 12px);font-size:.8125rem}.more-button-text{font-size:.8125rem}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;height:100%;overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body{height:100%;overflow-x:hidden;position:relative;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior-y:contain}@media(max-width:768px){html{font-size:14px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:rgba(99,102,241,.1)}button,a,[role=button]{min-height:44px;min-width:44px}}@media(max-width:480px){html{font-size:13px}}:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--accent-500: #06b6d4;--accent-600: #0891b2;--success-500: #22c55e;--success-600: #16a34a;--warning-500: #eab308;--warning-600: #ca8a04;--error-500: #ef4444;--error-600: #dc2626;--gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-pink: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-blue: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-orange: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-green: linear-gradient(135deg, #30cfd0 0%, #330867 100%);--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--color-primary: var(--primary-600);--color-primary-hover: var(--primary-700);--color-primary-light: var(--primary-50);--color-accent: var(--accent-500);--bg-base: #ffffff;--bg-elevated: #fafbfc;--bg-overlay: rgba(255, 255, 255, .95);--bg-subtle: #f8f9fa;--text-primary: #1a1a1a;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-inverse: #ffffff;--border-subtle: #e5e7eb;--border-default: #d1d5db;--border-strong: #9ca3af;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .04);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.68, -.55, .265, 1.55);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Monaco", "Menlo", monospace;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .18);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--gradient-accent: linear-gradient(135deg, #f093fb 0%, #f5576c 50%, #fa709a 100%);--gradient-subtle: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .05) 100%);--gradient-shimmer: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .4) 50%, transparent 100%);--glow-primary: 0 0 20px rgba(99, 102, 241, .4), 0 0 40px rgba(99, 102, 241, .2);--glow-accent: 0 0 20px rgba(245, 158, 11, .4), 0 0 40px rgba(245, 158, 11, .2);--glow-strong: 0 0 30px rgba(99, 102, 241, .6), 0 0 60px rgba(139, 92, 246, .4)}[data-theme=dark]{--color-primary: var(--primary-400);--color-primary-hover: var(--primary-300);--color-primary-light: rgba(99, 102, 241, .15);--color-accent: var(--accent-500);--bg-base: #0a0a0a;--bg-elevated: #141414;--bg-overlay: rgba(10, 10, 10, .9);--bg-subtle: #1a1a1a;--text-primary: #fafafa;--text-secondary: #a3a3a3;--text-tertiary: #737373;--text-inverse: #0a0a0a;--border-subtle: #262626;--border-default: #404040;--border-strong: #525252;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .6), 0 2px 4px -2px rgba(0, 0, 0, .6);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .7), 0 4px 6px -4px rgba(0, 0, 0, .7);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .8), 0 8px 10px -6px rgba(0, 0, 0, .8);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .9);--glass-bg: rgba(20, 20, 20, .8);--glass-border: rgba(99, 102, 241, .2);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .7), 0 0 0 1px rgba(99, 102, 241, .1);--gradient-subtle: linear-gradient(180deg, rgba(10, 10, 10, 0) 0%, rgba(99, 102, 241, .05) 100%);--glow-primary: 0 0 30px rgba(99, 102, 241, .5), 0 0 60px rgba(139, 92, 246, .3);--glow-accent: 0 0 30px rgba(245, 158, 11, .5), 0 0 60px rgba(245, 158, 11, .3);--glow-strong: 0 0 40px rgba(99, 102, 241, .7), 0 0 80px rgba(139, 92, 246, .5)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--text-primary);background:var(--bg-base);transition:background-color var(--transition-slow),color var(--transition-slow);overflow-x:hidden;position:relative;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 0% 0%,rgba(59,130,246,.03) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(139,92,246,.03) 0%,transparent 50%);pointer-events:none;z-index:0}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}code{font-family:var(--font-mono);font-size:.9em}button{font-family:inherit;font-size:inherit}input[type=radio],input[type=checkbox],label{cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-subtle);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-400) 0%,var(--primary-600) 100%);border-radius:var(--radius-full);border:2px solid var(--bg-subtle);box-shadow:inset 0 0 6px #6366f14d}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--primary-500) 0%,var(--primary-700) 100%);box-shadow:inset 0 0 8px #6366f180,0 0 12px #6366f14d}::selection{background:var(--color-primary-light);color:var(--color-primary)}body:has(.feature-details-overlay),body:has(.feature-viz-modal-overlay),body:has(.prompt-modal-overlay),body:has(.app-preview-overlay),body:has(.spec-modal-overlay),body:has(.shortcuts-overlay),body:has(.policy-modal-overlay),body:has(.quick-search-overlay),body:has(.stats-modal-overlay),body:has(.chatbot-modal-overlay){overflow:hidden!important}body:has(.feature-details-overlay) .vibe-builder-content:not(.feature-details-overlay):not(:has(.feature-details-overlay)),body:has(.feature-details-overlay) .vibe-builder-header,body:has(.feature-details-overlay) .feature-bar-container,body:has(.feature-details-overlay) .config-panel,body:has(.feature-details-overlay) .preview-panel,body:has(.feature-details-overlay) .feature-panel,body:has(.feature-details-overlay) .prompt-preview,body:has(.feature-viz-modal-overlay) .vibe-builder-content,body:has(.feature-viz-modal-overlay) .vibe-builder-header,body:has(.feature-viz-modal-overlay) .feature-bar-container,body:has(.feature-viz-modal-overlay) .config-panel,body:has(.feature-viz-modal-overlay) .preview-panel,body:has(.feature-viz-modal-overlay) .feature-panel,body:has(.feature-viz-modal-overlay) .prompt-preview,body:has(.prompt-modal-overlay) .vibe-builder-content,body:has(.prompt-modal-overlay) .vibe-builder-header,body:has(.prompt-modal-overlay) .feature-bar-container,body:has(.prompt-modal-overlay) .config-panel,body:has(.prompt-modal-overlay) .preview-panel,body:has(.prompt-modal-overlay) .feature-panel,body:has(.prompt-modal-overlay) .prompt-preview,body:has(.app-preview-overlay) .vibe-builder-content,body:has(.app-preview-overlay) .vibe-builder-header,body:has(.app-preview-overlay) .feature-bar-container,body:has(.app-preview-overlay) .config-panel,body:has(.app-preview-overlay) .preview-panel,body:has(.app-preview-overlay) .feature-panel,body:has(.app-preview-overlay) .prompt-preview,body:has(.spec-modal-overlay) .vibe-builder-content,body:has(.spec-modal-overlay) .vibe-builder-header,body:has(.spec-modal-overlay) .feature-bar-container,body:has(.spec-modal-overlay) .config-panel,body:has(.spec-modal-overlay) .preview-panel,body:has(.spec-modal-overlay) .feature-panel,body:has(.spec-modal-overlay) .prompt-preview,body:has(.shortcuts-overlay) .vibe-builder-content,body:has(.shortcuts-overlay) .vibe-builder-header,body:has(.shortcuts-overlay) .feature-bar-container,body:has(.shortcuts-overlay) .config-panel,body:has(.shortcuts-overlay) .preview-panel,body:has(.shortcuts-overlay) .feature-panel,body:has(.shortcuts-overlay) .prompt-preview,body:has(.policy-modal-overlay) .vibe-builder-content,body:has(.policy-modal-overlay) .vibe-builder-header,body:has(.policy-modal-overlay) .feature-bar-container,body:has(.policy-modal-overlay) .config-panel,body:has(.policy-modal-overlay) .preview-panel,body:has(.policy-modal-overlay) .feature-panel,body:has(.policy-modal-overlay) .prompt-preview,body:has(.quick-search-overlay) .vibe-builder-content,body:has(.quick-search-overlay) .vibe-builder-header,body:has(.quick-search-overlay) .feature-bar-container,body:has(.quick-search-overlay) .config-panel,body:has(.quick-search-overlay) .preview-panel,body:has(.quick-search-overlay) .feature-panel,body:has(.quick-search-overlay) .prompt-preview,body:has(.stats-modal-overlay) .vibe-builder-content:not(.stats-modal-overlay):not(:has(.stats-modal-overlay)),body:has(.stats-modal-overlay) .vibe-builder-header,body:has(.stats-modal-overlay) .feature-bar-container,body:has(.stats-modal-overlay) .config-panel,body:has(.stats-modal-overlay) .preview-panel,body:has(.stats-modal-overlay) .feature-panel,body:has(.stats-modal-overlay) .prompt-preview{visibility:hidden!important;opacity:0!important;pointer-events:none!important}body:has(.chatbot-modal-overlay) .chatbot-modal-overlay{visibility:visible!important;opacity:1!important;pointer-events:auto!important;display:flex!important;position:fixed!important;z-index:2147483648!important}body:has(.chatbot-modal-overlay) .chatbot-modal-overlay *{visibility:visible!important;opacity:1!important;pointer-events:auto!important}.feature-details-overlay,.feature-viz-modal-overlay,.prompt-modal-overlay,.app-preview-overlay,.spec-modal-overlay,.shortcuts-overlay,.policy-modal-overlay,.quick-search-overlay,.stats-modal-overlay,.chatbot-modal-overlay{visibility:visible!important;opacity:1!important;pointer-events:auto!important;display:flex!important}.feature-details-overlay *,.feature-viz-modal-overlay *,.prompt-modal-overlay *,.app-preview-overlay *,.spec-modal-overlay *,.shortcuts-overlay *,.policy-modal-overlay *,.quick-search-overlay *,.stats-modal-overlay *,.chatbot-modal-overlay *,.chatbot-modal-container,.chatbot-modal-container *{visibility:visible!important;opacity:1!important;pointer-events:auto!important}body:has(.chatbot-modal-overlay) .chatbot-modal-overlay,body:has(.chatbot-modal-overlay) .chatbot-modal-container{visibility:visible!important;opacity:1!important;pointer-events:auto!important;display:flex!important}body:has(.chatbot-modal-overlay) .chatbot-modal-overlay *,body:has(.chatbot-modal-overlay) .chatbot-modal-container *{visibility:visible!important;opacity:1!important;pointer-events:auto!important}