:root{--ai-primary:#1677ff;--ai-primary-light:#4096ff;--ai-primary-active:#0958d9;--ai-primary-bg:#1677ff1a;--ai-primary-bg-hover:#1677ff26;--ai-success:#52c41a;--ai-warning:#faad14;--ai-error:#ff4d4f;--ai-secondary:#13c2c2;--ai-accent:#1677ff;--ai-bg-deep:#0d0d0d;--ai-bg-dark:#141414;--ai-bg-card:#ffffff0a;--ai-bg-glass:#ffffff0a;--ai-bg-elevated:#1f1f1f;--ai-border:#ffffff1a;--ai-border-glow:#1677ff40;--ai-text:#ffffffd9;--ai-text-dim:#ffffff73;--ai-shadow-glow:none;--ai-shadow-card:0 1px 2px 0 #00000029;--ai-gradient-primary:linear-gradient(135deg, #1677ff 0%, #4096ff 100%);--ai-gradient-hero:#141414;--ai-gradient-card:none;--ai-radius:6px;--ai-radius-sm:4px;--ai-radius-lg:8px;--ai-transition:.2s cubic-bezier(.645, .045, .355, 1)}body{background:var(--ai-bg-dark);color:var(--ai-text);background-image:radial-gradient(circle,#ffffff06 1px,#0000 1px);background-size:24px 24px;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.glass-card{background:var(--ai-bg-card);border:1px solid var(--ai-border);border-radius:var(--ai-radius-lg);box-shadow:none;transition:border-color var(--ai-transition), box-shadow var(--ai-transition);position:relative;overflow:hidden}.glass-card:before{content:"";background:var(--ai-primary);opacity:0;width:3px;transition:opacity var(--ai-transition);border-radius:0 2px 2px 0;position:absolute;top:0;bottom:0;left:0}.glass-card:hover{border-color:var(--ai-border-glow);box-shadow:0 2px 8px #0000002e}.glass-card:hover:before{opacity:1}.tech-card{background:var(--ai-bg-card);border:1px solid var(--ai-border);border-radius:var(--ai-radius);transition:border-color var(--ai-transition), box-shadow var(--ai-transition), transform var(--ai-transition);cursor:pointer;position:relative;overflow:hidden}.tech-card:hover{border-color:var(--ai-border-glow);transform:translateY(-1px);box-shadow:0 2px 12px #0000003d}.tech-card .tech-card-accent{width:3px;transition:opacity var(--ai-transition);border-radius:0 2px 2px 0;position:absolute;top:0;bottom:0;left:0}.glow-text{color:var(--ai-primary);font-weight:600}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.typing-cursor:after{content:"|";color:var(--ai-primary);margin-left:2px;animation:1s infinite blink}.step-active{position:relative}.step-active:after{content:"";background:var(--ai-primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:-2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;padding:48px 24px;display:flex;position:relative}.ai-chat-panel{background:var(--ai-bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-left:1px solid var(--ai-border)}@media (width<=768px){:root{--ai-radius:6px;--ai-radius-sm:4px}.hero-section{min-height:40vh;padding:32px 16px}}.ai-dark .ant-layout{background:0 0!important}.ai-dark .ant-card{background:var(--ai-bg-card)!important;border-color:var(--ai-border)!important;color:var(--ai-text)!important}.ai-dark .ant-typography{color:var(--ai-text)}.ai-dark .ant-input,.ai-dark .ant-input-affix-wrapper{border-color:var(--ai-border)!important;color:var(--ai-text)!important;background:#ffffff0f!important}.ai-dark .ant-input::placeholder{color:var(--ai-text-dim)!important}.ai-dark .ant-btn-default{border-color:var(--ai-border);color:var(--ai-text);background:#ffffff0f}.ai-dark .ant-btn-default:hover{border-color:var(--ai-primary);color:var(--ai-primary)}.ai-dark .ant-divider{border-color:var(--ai-border)!important}.ai-dark .ant-tag{border-color:#0000}.ai-dark .ant-skeleton{--ant-skeleton-color:#ffffff0f;--ant-skeleton-color-active:#ffffff1a}.manual-layout{align-items:flex-start;gap:16px;display:flex}.manual-screenshot-panel{flex:0 0 320px;min-width:280px;max-width:320px}.manual-editor-panel{flex:1;min-width:0}@media (width<=1024px){.manual-layout{flex-direction:column}.manual-screenshot-panel{flex:none;min-width:0;max-width:100%}}.screenshot-upload-zone{border:2px dashed var(--ai-border);border-radius:var(--ai-radius-lg);text-align:center;cursor:pointer;transition:border-color var(--ai-transition), background var(--ai-transition);background:var(--ai-bg-card);margin-bottom:12px;padding:24px 16px}.screenshot-upload-zone:hover{border-color:var(--ai-primary);background:var(--ai-primary-bg)}.screenshot-upload-zone p{margin:0;font-size:13px}.screenshot-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-height:480px;padding-right:2px;display:grid;overflow-y:auto}.screenshot-card{background:var(--ai-bg-card);border:1px solid var(--ai-border);border-radius:var(--ai-radius);transition:border-color var(--ai-transition), box-shadow var(--ai-transition);overflow:hidden}.screenshot-card:hover{border-color:var(--ai-border-glow);box-shadow:0 2px 8px #0003}.screenshot-card.analyzing{border-color:var(--ai-primary);box-shadow:0 0 8px 0 var(--ai-primary-bg)}.screenshot-thumb{cursor:pointer;background:#000;width:100%;height:100px;position:relative;overflow:hidden}.screenshot-thumb img{object-fit:cover;width:100%;height:100%;transition:opacity var(--ai-transition)}.screenshot-overlay{opacity:0;transition:opacity var(--ai-transition);color:#fff;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.screenshot-thumb:hover .screenshot-overlay{opacity:1}.screenshot-thumb:hover img{opacity:.8}.screenshot-info{padding:6px 8px}.screenshot-actions{justify-content:space-between;align-items:center;margin-top:4px;display:flex}