:root{--bg: #0a0e27;--bg-elevated: #111937;--bg-elevated-2: #1a2447;--text: #e4e8ff;--text-dim: #8b93b8;--accent: #6366f1;--accent-bright: #818cf8;--accent-glow: rgba(99, 102, 241, .4);--success: #10b981;--border: #1e2952;--radius: 16px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}.app{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.container-wide{max-width:1400px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.container,.container-wide{padding:0 1.5rem}}html{scroll-behavior:smooth}.nav{position:fixed;top:0;left:0;right:0;background:#0a0e27cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100}.nav-content{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0}.logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.logo img{height:32px;width:auto}.logo span{background:linear-gradient(135deg,var(--accent-bright),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;gap:2rem}.nav-links a{color:var(--text-dim);text-decoration:none;font-size:.95rem;transition:color .2s}.nav-links a:hover{color:var(--text)}.language-toggle{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.5rem .75rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;transition:all .2s}.language-toggle:hover{background:var(--bg-elevated);border-color:var(--accent);color:var(--accent-bright)}.language-toggle svg{width:18px;height:18px}.hero{min-height:100vh;display:flex;align-items:center;padding:8rem 0 4rem;position:relative}.hero:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:800px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);opacity:.15;pointer-events:none}.hero-content{max-width:800px;margin:0 auto;text-align:center;position:relative}.hero-title{font-size:clamp(3rem,8vw,5.5rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.03em}.gradient{background:linear-gradient(135deg,var(--accent-bright) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.35rem;color:var(--text-dim);margin-bottom:3rem;line-height:1.7}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero-actions>div:first-of-type{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--accent);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-weight:600;font-size:1.05rem;transition:all .3s;box-shadow:0 4px 20px #6366f14d}.btn-primary:hover{background:var(--accent-bright);transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;color:var(--text);text-decoration:none;border-radius:var(--radius-sm);font-weight:600;font-size:1.05rem;border:1px solid var(--border);transition:all .3s}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--accent);color:var(--accent-bright)}.install-preview{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1rem 1.5rem;display:flex;align-items:center;gap:1rem}.install-preview code{color:var(--accent-bright);font-family:SF Mono,Monaco,monospace;font-size:.95rem}.copy-btn-hero{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.5rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.copy-btn-hero:hover{background:var(--bg-elevated-2);border-color:var(--accent);color:var(--accent-bright)}.copy-btn-hero svg{width:16px;height:16px}.editor-preview{margin-top:4rem;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:0 20px 60px #0000004d}.editor-preview img{width:100%;height:auto;display:block}.overview{padding:6rem 0;background:var(--bg-elevated)}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:2.75rem;font-weight:700;margin-bottom:1rem}.section-header p{font-size:1.15rem;color:var(--text-dim)}.flow-diagram{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:600px;margin:0 auto}.flow-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;text-align:center;width:100%}.flow-item-link{text-decoration:none;color:inherit;transition:all .3s;cursor:pointer}.flow-item-link:hover{border-color:var(--accent);background:var(--bg-elevated-2);transform:translateY(-4px);box-shadow:0 8px 24px #6366f133}.flow-item-link:hover .flow-icon{color:var(--accent-bright)}.flow-icon{font-size:3rem;margin-bottom:1rem;transition:all .3s}.flow-item h3{font-size:1.5rem;margin-bottom:.5rem}.flow-item p{color:var(--text-dim)}.flow-connector{font-size:2rem;color:var(--accent);font-weight:700}.tutorial{padding:6rem 0;background:var(--bg)}.doc-header{text-align:center;margin-bottom:5rem;padding-bottom:3rem;border-bottom:1px solid var(--border)}.doc-header h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem}.doc-header p{font-size:1.25rem;color:var(--text-dim)}.doc-section{max-width:900px;margin:0 auto 5rem}.doc-section h2{font-size:2rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.step-number{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--accent);color:#fff;border-radius:50%;font-size:1.25rem;font-weight:700;flex-shrink:0}.lead{font-size:1.15rem;color:var(--text-dim);margin-bottom:2rem;line-height:1.8}.lead code{background:var(--bg-elevated);padding:.25rem .5rem;border-radius:4px;color:var(--accent-bright);font-size:.95em}.code-example{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:2rem 0}.code-header{background:var(--bg-elevated-2);padding:.75rem 1.25rem;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.file-info{display:flex;align-items:center;gap:.5rem}.file-icon{color:var(--accent-bright)}.file-name{color:var(--text-dim);font-family:SF Mono,Monaco,monospace;font-size:.85rem}.copy-button{background:transparent;border:1px solid var(--border);color:var(--text-dim);padding:.4rem .6rem;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.copy-button:hover{background:var(--bg-elevated);border-color:var(--accent);color:var(--accent-bright)}.copy-button svg{width:16px;height:16px}.code-example pre{margin:0;padding:1.5rem 1.25rem;overflow-x:auto}.code-example code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9rem;line-height:1.7;color:var(--text-dim)}.terminal{background:#0d1117;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin:1.5rem 0}.terminal-header{background:#161b22;padding:.65rem 1rem;border-bottom:1px solid #21262d;display:flex;justify-content:space-between;align-items:center}.terminal-info{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#7d8590;font-family:monospace}.terminal-info svg{width:14px;height:14px}.terminal pre{margin:0;padding:1.25rem;color:#c9d1d9;background:#0d1117}.terminal code{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9rem;color:#c9d1d9}.file-tree{margin:2rem 0}.file-tree h3{font-size:1.1rem;margin-bottom:1rem;color:var(--text)}.file-tree pre{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);padding:1.25rem;font-family:SF Mono,Monaco,monospace;font-size:.85rem;line-height:1.8;color:var(--text-dim);overflow-x:auto}.info-box,.warning-box,.success-box,.controls-box{padding:1.5rem;border-radius:var(--radius-sm);margin:2rem 0;border-left:4px solid}.info-box{background:#6366f11a;border-color:var(--accent)}.warning-box{background:#fbbf241a;border-color:#fbbf24}.success-box{background:#10b9811a;border-color:var(--success)}.controls-box{background:var(--bg-elevated);border-color:var(--border)}.info-box h4,.warning-box strong,.success-box h4,.controls-box h3{margin-bottom:1rem;display:block;font-size:1.05rem}.info-box ul,.warning-box ul,.success-box ul,.controls-box ul{list-style:none;padding:0;margin:0}.info-box li,.warning-box li,.success-box li{padding:.5rem 0 .5rem 1.5rem;position:relative}.controls-box li{padding:.5rem 0;display:flex;align-items:center;gap:.75rem}.info-box li:before{content:"→";position:absolute;left:0;color:var(--accent)}kbd{background:var(--bg-elevated-2);border:1px solid var(--border);border-radius:4px;padding:.25rem .5rem;font-family:SF Mono,Monaco,monospace;font-size:.85rem;color:var(--accent-bright)}.editor-preview,.tileset-preview{margin:2rem 0}.screenshot,.screenshot-sm{width:100%;height:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elevated);display:block}.screenshot-sm{max-width:400px}.img-caption{text-align:center;color:#fbbf24;font-size:.9rem;margin-top:1rem;font-style:italic;background:#fbbf241a;padding:.75rem;border-radius:var(--radius-sm);border:1px solid rgba(251,191,36,.3)}.api-table{width:100%;border-collapse:collapse;margin:2rem 0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.api-table thead{background:var(--bg-elevated-2)}.api-table th{padding:1rem;text-align:left;font-weight:600;border-bottom:1px solid var(--border)}.api-table td{padding:1rem;border-bottom:1px solid var(--border)}.api-table tbody tr:last-child td{border-bottom:none}.api-table code{background:var(--bg);padding:.25rem .5rem;border-radius:4px;color:var(--accent-bright);font-size:.85rem}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin:2rem 0}@media(max-width:768px){.two-columns{grid-template-columns:1fr}}.column{flex:1}.not-box,.yes-box,.do-box,.dont-box{padding:1.5rem;border-radius:var(--radius-sm);border:1px solid;height:100%}.not-box{background:#ef44440d;border-color:#ef4444}.yes-box,.do-box{background:#10b9810d;border-color:var(--success)}.dont-box{background:#ef44440d;border-color:#ef4444}.not-box h4,.yes-box h4,.do-box h4,.dont-box h4{margin-bottom:1rem;font-size:1.1rem}.not-box ul,.do-box ul,.dont-box ul{list-style:none;padding:0;margin:0}.not-box li,.do-box li,.dont-box li{padding:.5rem 0}.big-text{font-size:1.5rem;font-weight:700;text-align:center;color:var(--success);margin:2rem 0}.note{font-size:.95rem;color:var(--text-dim);font-style:italic;margin-top:1rem}.doc-summary{max-width:800px;margin:6rem auto 0;text-align:center;padding:4rem 2rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.doc-summary h2{font-size:2.5rem;margin-bottom:2rem}.summary-lead{font-size:1.35rem;margin-bottom:1.5rem;color:var(--text)}.summary-text{font-size:1.15rem;color:var(--text-dim);margin-bottom:1rem}.summary-footer{font-size:1.25rem;color:var(--accent-bright);font-weight:600;margin-top:2rem}.cta{padding:6rem 0;background:var(--bg-elevated);text-align:center}.cta-content{max-width:700px;margin:0 auto}.cta h2{font-size:2.75rem;font-weight:700;margin-bottom:1rem}.cta p{font-size:1.15rem;color:var(--text-dim);margin-bottom:2.5rem}.footer{padding:3rem 0 2rem;background:var(--bg);border-top:1px solid var(--border)}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer .logo span{background:linear-gradient(135deg,var(--accent-bright),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{color:var(--text-dim);font-size:.9rem;margin-top:.5rem}.footer .logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700}.footer .logo img{height:28px;width:auto}.footer-links{display:flex;gap:2rem}.footer-links a{color:var(--text-dim);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-links a:hover{color:var(--accent-bright)}.footer-divider{height:1px;background:var(--border);margin:2rem 0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.social-links{display:flex;gap:1rem}.social-links a{color:var(--text-dim);transition:all .2s;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border)}.social-links a:hover{color:var(--accent-bright);background:var(--bg-elevated);border-color:var(--accent)}.copyright{color:var(--text-dim);font-size:.85rem}.copyright a{color:var(--accent);text-decoration:none;transition:color .2s}.copyright a:hover{color:var(--accent-bright)}@media(max-width:768px){.footer-content{flex-direction:column;gap:2rem;text-align:center}.footer-bottom{flex-direction:column;text-align:center}}