:root{--font-family:"Inter", "Roboto", sans-serif;--bg-color:#f8fafc;--surface-color:#fff;--surface-color-transparent:#ffffffb3;--text-color:#0f172a;--text-muted:#64748b;--primary-color:#f97316;--primary-hover:#ea580c;--primary-light:#ffedd5;--border-color:#e2e8f0;--border-glow:#f9731633;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}:root.dark{--bg-color:#0f172a;--surface-color:#1e293b;--surface-color-transparent:#1e293bb3;--text-color:#f8fafc;--text-muted:#94a3b8;--primary-color:#f97316;--primary-hover:#fb923c;--primary-light:#f973161a;--border-color:#334155;--border-glow:#f973164d;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -4px #00000080}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100vh;line-height:1.5;transition:background-color .3s,color .3s;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-color);margin-bottom:.5rem;font-weight:700;line-height:1.2}p{color:var(--text-muted)}.glass{background:var(--surface-color-transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);box-shadow:var(--shadow-md);border-radius:1rem}.app-container{flex-direction:column;flex:1;width:100%;max-width:800px;margin:0 auto;padding:2rem 1rem;display:flex}.header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.logo{color:var(--text-color);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex}.logo-icon{color:var(--primary-color)}.theme-toggle{border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.theme-toggle:hover{background:var(--surface-color);border-color:var(--primary-color);box-shadow:0 0 10px var(--border-glow)}.button{background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);cursor:pointer;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.button:hover:not(:disabled){background:var(--primary-light);border-color:var(--primary-color);transform:translateY(-1px)}.button.primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.button.primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 14px var(--border-glow)}.button:disabled{opacity:.6;cursor:not-allowed}.input,.textarea{background:var(--surface-color);width:100%;color:var(--text-color);border:1px solid var(--border-color);font-family:var(--font-family);resize:vertical;border-radius:.75rem;padding:1rem;font-size:1rem;transition:all .2s}.input:focus,.textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--border-glow);outline:none}.step-container{flex-direction:column;gap:1.5rem;display:flex}.step-title{text-align:center;margin-bottom:.5rem;font-size:2.5rem}.step-subtitle{text-align:center;margin-bottom:2rem;font-size:1.1rem}.question-item{margin-bottom:1.5rem}.question-label{color:var(--text-color);margin-bottom:.5rem;font-weight:600;display:block}.options-container{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.option-pill{background:var(--surface-color);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;font-size:.85rem;font-family:var(--font-family);border-radius:1rem;padding:.4rem .8rem;transition:all .2s}.option-pill:hover{background:var(--primary-light);border-color:var(--primary-color)}.option-pill.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.dashboard-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.dashboard-actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=600px){.dashboard-header{flex-direction:column;align-items:stretch}.dashboard-actions{justify-content:stretch}.dashboard-actions .button{flex:1;justify-content:center}}.prd-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;display:grid}.prd-card{background:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;border-radius:.5rem;flex-direction:column;gap:.75rem;min-height:120px;padding:1rem;transition:background .15s,border-color .15s;display:flex}.prd-card:hover{background:var(--primary-light);border-color:var(--primary-color)}.prd-card-header{align-items:flex-start;gap:.5rem;display:flex}.prd-card-icon{color:var(--primary-color);flex-shrink:0;margin-top:.1rem}.prd-card-title{color:var(--text-color);-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:.95rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.prd-card-footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.prd-card-date{color:var(--text-muted);margin:0;font-size:.75rem}.prd-card-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.3rem;transition:all .2s;display:flex}.prd-card-delete:hover{color:#ef4444;background:#ef44441a}.prd-result{max-height:60vh;padding:2rem;overflow-y:auto}.prd-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.prd-actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=600px){.prd-header{flex-direction:column;align-items:stretch}.prd-actions{justify-content:stretch}.prd-actions .button{flex:1;padding:.5rem;font-size:.85rem}.version-select{width:100%}}.markdown-body{color:var(--text-color)}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:1.5rem;margin-bottom:.75rem}.markdown-body ul,.markdown-body ol{margin-bottom:1rem;padding-left:1.5rem}.markdown-body p{color:var(--text-color);margin-bottom:1rem}.markdown-body code{background:var(--bg-color);border-radius:.25rem;padding:.2rem .4rem;font-family:monospace;font-size:.9em}.api-key-container{background:var(--primary-light);border:1px dashed var(--primary-color);border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.api-key-container p{color:var(--text-color);margin-bottom:1rem;font-size:.9rem}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{background:linear-gradient(var(--bg-color), var(--bg-color)) padding-box, linear-gradient(90deg, transparent, var(--primary-color), transparent) border-box;border-top:1px solid #0000;margin-top:auto;padding:0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:.8rem;display:flex}.footer-love{color:var(--text-muted);align-items:center;gap:.3rem;display:flex}.heart{font-size:1rem;animation:1.4s infinite heartbeat;display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.25)}28%{transform:scale(1)}42%{transform:scale(1.2)}70%{transform:scale(1)}}.footer-brand{color:var(--primary-color);letter-spacing:.02em;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;display:flex}.footer-dot{color:var(--text-muted);font-weight:400}.footer-powered{color:var(--text-muted);font-size:.78rem}.footer-powered strong{color:var(--text-color);font-weight:600}@media (width<=600px){.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:.25rem}}.editor-root{flex-direction:column;height:100vh;display:flex;overflow:hidden}@media (width<=1024px){.editor-root{height:auto;min-height:100vh;overflow:visible}}.editor-layout{grid-template-columns:1fr 350px;gap:1.5rem;width:100%;max-width:1600px;height:calc(100vh - 100px);margin:0 auto;padding-left:260px;display:grid;overflow:hidden}@media (width<=1024px){.editor-layout{grid-template-columns:1fr;height:auto;padding-left:0;overflow:visible}.editor-sidebar{visibility:hidden!important;pointer-events:none!important;display:none!important}}.mobile-nav-float{display:none}@media (width<=1024px){.mobile-nav-float{z-index:1000;align-items:stretch;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:50%;left:0;transform:translate(calc(34px - 100%))translateY(-50%)}.mobile-nav-float.open{transform:translate(0)translateY(-50%)}.mobile-nav-panel{background:var(--surface-color);border:1px solid var(--border-color);border-left:none;border-radius:0 1rem 1rem 0;order:1;min-width:195px;max-height:70vh;padding:1rem .75rem 1rem 1rem;overflow-y:auto;box-shadow:4px 0 24px #00000040}.mobile-nav-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.6rem;padding-left:.75rem;font-size:.7rem;font-weight:700}.mobile-nav-toggle{z-index:1;background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:0 .75rem .75rem 0;flex-shrink:0;order:2;justify-content:center;align-items:center;width:34px;min-height:52px;margin-left:0;transition:background .2s,box-shadow .2s;display:flex;position:relative;box-shadow:3px 0 14px #f9731673}.mobile-nav-toggle:hover{background:var(--primary-hover);box-shadow:3px 0 20px #f9731699}.mobile-nav-panel .toc-item{padding:.5rem .65rem;font-size:.82rem}}.editor-sidebar{z-index:100;background:var(--surface-color-transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);width:240px;max-height:calc(100vh - 120px);box-shadow:var(--shadow-lg);border-radius:1rem;flex-direction:column;padding:1.25rem .75rem;display:flex;position:fixed;top:50%;left:1rem;overflow-y:auto;transform:translateY(-50%)}.editor-sidebar h3{color:var(--text-color);letter-spacing:.01em;margin-bottom:.75rem;padding-left:.75rem;font-size:.95rem;font-weight:700}.toc-item{text-align:left;width:100%;color:var(--text-muted);font-size:.875rem;font-family:var(--font-family);cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;border-radius:0 .4rem .4rem 0;padding:.55rem .75rem;font-weight:500;line-height:1.4;transition:color .15s,border-color .15s,background .15s;display:block}.toc-item:hover{color:var(--primary-color);border-left-color:var(--primary-color);background:var(--primary-light)}.toc-item.active{color:var(--primary-color);border-left-color:var(--primary-color);background:var(--primary-light);font-weight:600}.editor-main{flex-direction:column;height:100%;padding:2rem;display:flex;overflow-y:auto}@media (width<=600px){.editor-main{padding:1rem;margin:.5rem!important}}.editor-chat{flex-direction:column;height:100%;padding:1rem;display:flex}@media (width<=600px){.editor-chat{margin:.5rem!important}}.chat-history{flex-direction:column;flex:1;gap:1rem;margin-bottom:1rem;padding-right:.5rem;display:flex;overflow-y:auto}.chat-bubble{border-radius:1rem;max-width:90%;padding:.75rem 1rem;font-size:.9rem}.chat-bubble.ai{background:var(--surface-color);border:1px solid var(--border-color);align-self:flex-start}.chat-bubble.user{background:var(--primary-color);color:#fff;align-self:flex-end}.chat-input-area{gap:.5rem;display:flex}.version-select{background:var(--surface-color);color:var(--text-color);border:1px solid var(--border-color);font-family:var(--font-family);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem}.update-marker{background:#22c55e14;border:1px solid #22c55e59;border-left:4px solid #22c55e;border-radius:.5rem;align-items:flex-start;gap:.6rem;margin:.6rem 0;padding:.6rem .9rem;animation:.4s both fadeSlideIn;display:flex}.update-badge{color:#fff;letter-spacing:.04em;white-space:nowrap;background:#22c55e;border-radius:.35rem;flex-shrink:0;margin-top:.1rem;padding:.15rem .45rem;font-size:.7rem;font-weight:700}.update-content{color:var(--text-color);font-size:.9rem;line-height:1.5}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}:root.dark .update-marker{background:#22c55e12;border-color:#22c55e4d}.chat-bubble.ai.confirmation{color:var(--text-color);background:#22c55e1f;border-color:#22c55e66;font-size:.85rem}:root.dark .chat-bubble.ai.confirmation{background:#22c55e1a;border-color:#22c55e59}.mermaid-container{background:var(--surface-color);border:1px solid var(--border-color);text-align:center;box-shadow:var(--shadow-sm);border-radius:.75rem;margin:1.25rem 0;padding:1.5rem 1rem;transition:box-shadow .2s;overflow-x:auto}.mermaid-container:hover{box-shadow:var(--shadow-md)}.mermaid-container svg{max-width:100%;height:auto;font-family:var(--font-family)!important}:root.dark .mermaid-container{background:#1e293bcc}:root.dark .mermaid-container svg text{fill:#f8fafc!important}:root.dark .mermaid-container svg .actor{fill:#1e293b!important;stroke:#475569!important}:root.dark .mermaid-container svg .messageText{fill:#cbd5e1!important}:root.dark .mermaid-container svg .labelBox{fill:#1e293b!important;stroke:#475569!important}:root.dark .mermaid-container svg .note{fill:#f9731626!important;stroke:#f97316!important}.mermaid-error{color:var(--text-muted);background:#ef44440f;border:1px solid #ef44444d;border-radius:.75rem;margin:1rem 0;padding:1rem;font-size:.85rem}.mermaid-error span{color:#ef4444;margin-bottom:.5rem;font-weight:600;display:block}.mermaid-error pre{white-space:pre-wrap;font-size:.8rem;overflow-x:auto}.mermaid-loading{color:var(--text-muted);text-align:center;padding:1rem;font-size:.85rem}