:root{--primary-bg:#fff;--secondary-bg:#f8f9fa;--tertiary-bg:#e9ecef;--surface-bg:#fff;--elevated-bg:#fff;--primary-text:#1a1a1a;--secondary-text:#6c757d;--tertiary-text:#adb5bd;--border-color:#e9ecef;--border-hover:#dee2e6;--divider-color:#f1f3f4;--accent-primary:#4f46e5;--accent-hover:#4338ca;--accent-light:#4f46e51a;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"Fira Code",Monaco,"Cascadia Code","Roboto Mono",monospace}[data-theme=dark]{--primary-bg:#0d1117;--secondary-bg:#161b22;--tertiary-bg:#21262d;--surface-bg:#161b22;--elevated-bg:#1c2128;--primary-text:#f0f6fc;--secondary-text:#8b949e;--tertiary-text:#6e7681;--border-color:#30363d;--border-hover:#484f58;--divider-color:#21262d;--accent-primary:#58a6ff;--accent-hover:#79c0ff;--accent-light:#58a6ff26;--success:#3fb950;--warning:#d29922;--error:#f85149;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d}html,body,#root{font-family:var(--font-family);background-color:var(--primary-bg);color:var(--primary-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;margin:0;padding:0;overflow:hidden}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--tertiary-bg);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--secondary-text);border-radius:var(--radius-sm);border:2px solid var(--tertiary-bg)}::-webkit-scrollbar-thumb:hover{background:var(--primary-text)}::-webkit-scrollbar-corner{background:var(--tertiary-bg)}.web-button{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-bg);color:var(--primary-text);font-family:var(--font-family);cursor:pointer;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;transition:all .15s;display:inline-flex}.web-button:hover{background:var(--tertiary-bg);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.web-button:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.web-button.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.web-button.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.web-button.ghost{box-shadow:none;background:0 0;border-color:#0000}.web-button.ghost:hover{background:var(--accent-light);border-color:#0000}.web-input{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-bg);color:var(--primary-text);font-family:var(--font-family);width:100%;padding:12px 16px;font-size:14px;line-height:1.5;transition:all .15s}.web-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light);outline:none}.web-input::placeholder{color:var(--tertiary-text)}.web-card{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all .15s}.web-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.web-card.elevated{box-shadow:var(--shadow-lg)}.web-message-bubble{border-radius:var(--radius-lg);border:1px solid var(--border-color);backdrop-filter:blur(8px);transition:all .2s}.web-message-bubble.user{background:linear-gradient(135deg,var(--accent-primary),var(--accent-hover));border-color:var(--accent-primary);color:#fff}.web-message-bubble.bot{background:var(--surface-bg);border-color:var(--border-color)}.web-message-bubble:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.web-sidebar{background:var(--secondary-bg);border-right:1px solid var(--border-color);backdrop-filter:blur(20px);transition:all .3s}.web-sidebar-menu-item{border-radius:var(--radius-md);color:var(--secondary-text);cursor:pointer;align-items:center;gap:12px;margin:4px 8px;padding:12px 16px;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.web-sidebar-menu-item:hover{background:var(--accent-light);color:var(--accent-primary);transform:translate(4px)}.web-sidebar-menu-item.active{background:var(--accent-light);color:var(--accent-primary);font-weight:600}.web-sidebar-menu-item:active{transform:translate(2px)}.web-header{background:var(--surface-bg);border-bottom:1px solid var(--border-color);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm)}.web-theme-toggle{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-bg);color:var(--secondary-text);cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s;display:inline-flex}.web-theme-toggle:hover{background:var(--tertiary-bg);color:var(--primary-text);transform:rotate(15deg)}.web-code-block{background:var(--tertiary-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:var(--font-mono);box-shadow:var(--shadow-sm);overflow:hidden}.web-code-block pre{margin:0;padding:16px;font-size:13px;line-height:1.5;overflow-x:auto}.web-dropdown{background:var(--elevated-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);backdrop-filter:blur(20px);animation:.15s ease-out slideDown}.web-modal-backdrop{backdrop-filter:blur(4px);background:#0009}.web-modal{background:var(--surface-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);backdrop-filter:blur(20px)}.web-toast{background:var(--elevated-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);backdrop-filter:blur(20px)}.web-toast.success{border-color:var(--success);background:color-mix(in srgb,var(--success)10%,var(--elevated-bg))}.web-toast.error{border-color:var(--error);background:color-mix(in srgb,var(--error)10%,var(--elevated-bg))}.web-skeleton{background:linear-gradient(90deg,var(--tertiary-bg)25%,var(--border-color)50%,var(--tertiary-bg)75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (width<=768px){.web-sidebar{z-index:1000;height:100vh;position:fixed;transform:translate(-100%)}.web-sidebar.open{transform:translate(0)}.web-main-content{margin-left:0}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes messageSlideIn{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes userMessageSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes typeAnimation{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.web-bot-message{will-change:transform,opacity;animation:.3s forwards typeAnimation}.web-bot-message-content{overflow:hidden}.web-bot-message-text{letter-spacing:.3px;word-break:break-word;font-size:15px;line-height:1.6}.web-fade-in{animation:.2s ease-out fadeIn}.message-enter{animation:.2s ease-out messageSlideIn}.user-message-enter{animation:.2s ease-out userMessageSlideIn}button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background:var(--accent-light);color:var(--primary-text)}@media (prefers-contrast:high){:root{--border-color:#000;--shadow-sm:0 1px 2px 0 #000c}[data-theme=dark]{--border-color:#fff}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.stopGeneratingButtonWeb{z-index:1000;cursor:pointer;background-color:#f44;border-radius:25px;justify-content:center;align-items:center;width:50px;height:50px;animation:2s infinite pulseAnimation;position:fixed;bottom:100px;right:20px;box-shadow:0 2px 8px #0003}@keyframes pulseAnimation{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.stopGeneratingButtonWeb:hover{transition:transform .2s;transform:scale(1.05)}.stopGeneratingButtonWeb:active{transform:scale(.95)}.comprehensiveModalOverlay{background-color:#00000080;flex:1;justify-content:center;align-items:center;padding:20px}.comprehensiveModalContent{border-radius:16px;width:90%;max-width:500px;max-height:80%;box-shadow:0 10px 25px #0000004d}.comprehensiveModalHeader{border-bottom-width:1px;border-bottom-color:#0000001a;flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.comprehensiveModalTitle{font-size:20px;font-weight:600}.comprehensiveModalScroll{flex:1;padding:20px}.categoriesContainer{gap:20px}.categoryDescription{text-align:center;margin-bottom:10px;font-size:14px}.categoryCard{border-width:1px;border-radius:12px;padding:20px}.categoryHeader{flex-direction:row;align-items:center;gap:12px;margin-bottom:8px}.categoryTitle{font-size:18px;font-weight:600}.categorySubtitle{margin-bottom:12px;font-size:14px;line-height:20px}.categoryPreview{flex-direction:row;gap:16px}.previewItem{flex-direction:row;align-items:center;gap:6px}.previewText{font-size:12px}.optionsContainer{gap:16px}.backButton{flex-direction:row;align-items:center;gap:8px;margin-bottom:20px}.backText{font-size:16px;font-weight:500}.optionsTitle{margin-bottom:8px;font-size:24px;font-weight:700}.optionsDescription{margin-bottom:20px;font-size:14px;line-height:20px}.optionButton{border-width:1px;border-radius:12px;flex-direction:row;align-items:center;gap:16px;padding:16px}.optionContent{flex:1}.optionTitle{margin-bottom:4px;font-size:16px;font-weight:600}.optionDescription{font-size:13px;line-height:18px}.screenshot-crop-modal{z-index:10000!important;background:#000000e6!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;padding:20px!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.crop-instructions{color:#fff!important;text-align:center!important;max-width:600px!important;margin-bottom:20px!important;font-size:16px!important}.crop-instructions h3{color:#4f46e5!important;margin-bottom:10px!important}.crop-image-container{background:#fff!important;border:2px solid #4f46e5!important;border-radius:8px!important;max-width:90%!important;max-height:70%!important;position:relative!important;overflow:auto!important}.crop-image{cursor:crosshair!important;max-width:100%!important;height:auto!important;display:block!important}.selection-overlay{pointer-events:none!important;width:100%!important;height:100%!important;position:absolute!important;top:0!important;left:0!important}.selection-rect{pointer-events:none!important;background:#4f46e533!important;border:2px dashed #4f46e5!important;position:absolute!important}.crop-buttons{flex-wrap:wrap!important;justify-content:center!important;gap:15px!important;margin-top:20px!important;display:flex!important}.crop-button{color:#fff!important;cursor:pointer!important;background:#4f46e5!important;border:none!important;border-radius:8px!important;padding:12px 24px!important;font-size:16px!important;font-weight:600!important;transition:all .2s!important}.crop-button:hover{background:#4338ca!important;transform:translateY(-1px)!important}.crop-button:disabled{opacity:.5!important;cursor:not-allowed!important}.crop-button.cancel{background:#ef4444!important}.crop-button.cancel:hover{background:#dc2626!important}.crop-button.full-image{background:#10b981!important}.crop-button.full-image:hover{background:#059669!important}