*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a2e;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}.top-nav{background:#16213e;border-bottom:1px solid #0f3460;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;display:flex}.top-nav .nav-brand{color:#00d2ff;font-size:1.2rem;font-weight:700;text-decoration:none}.top-nav a{color:#a0a0b0;text-decoration:none}.top-nav a:hover{color:#fff}main{flex:1;padding:1rem}footer{text-align:center;border-top:1px solid #0f3460;padding:.75rem 1.5rem;font-size:.85rem}footer a{color:#a0a0b0;text-decoration:none}footer a:hover{color:#fff}.editor-page{flex-direction:column;gap:.5rem;height:calc(100vh - 120px);display:flex}.editor-layout{flex:1;gap:.5rem;min-height:0;display:flex}.code-editor{flex-direction:column;flex:1;display:flex}.code-textarea{color:#c9d1d9;resize:none;tab-size:2;background:#0d1117;border:1px solid #30363d;border-radius:6px;outline:none;flex:1;padding:.75rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:14px;line-height:1.5}.code-textarea:focus{border-color:#00d2ff}.canvas-container{background:#0d1117;border:1px solid #30363d;border-radius:6px;flex:1;justify-content:center;align-items:center;display:flex}#turtle-canvas{background:#fff;border-radius:4px}.controls{background:#16213e;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem;display:flex}.controls button{color:#c9d1d9;cursor:pointer;background:#21262d;border:1px solid #30363d;border-radius:4px;padding:.4rem 1rem;font-size:.9rem}.controls button:hover{background:#30363d}.controls button.primary{background:#238636;border-color:#2ea043}.controls button.primary:hover{background:#2ea043}.controls button.danger{background:#da3633;border-color:#f85149}.controls button.danger:hover{background:#f85149}.controls .speed-control{align-items:center;gap:.5rem;margin-left:auto;display:flex}.controls .speed-control label{color:#a0a0b0;font-size:.85rem}.controls .speed-control input[type=range]{width:120px}.console{color:#8b949e;background:#0d1117;border:1px solid #30363d;border-radius:6px;max-height:120px;padding:.5rem .75rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;overflow-y:auto}.console .console-error{color:#f85149}.gallery-page{max-width:1000px;margin:0 auto}.gallery-page h1{margin-bottom:1.5rem}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.gallery-card{background:#16213e;border:1px solid #30363d;border-radius:8px;padding:1.25rem;transition:border-color .2s}.gallery-card:hover{border-color:#00d2ff}.gallery-card h3{color:#fff;margin-bottom:.5rem}.gallery-card p{color:#8b949e;margin-bottom:1rem;font-size:.9rem}.gallery-card .gallery-preview{color:#8b949e;background:#0d1117;border-radius:4px;max-height:4em;margin-bottom:.75rem;padding:.5rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.8rem;overflow:hidden}.gallery-card a{color:#00d2ff;font-size:.9rem;text-decoration:none}.gallery-card a:hover{text-decoration:underline}.speed-label{color:#8b949e;min-width:50px;font-size:.8rem}.share-link{font-size:.85rem}.share-link a{color:#00d2ff;text-decoration:none}.share-link a:hover{text-decoration:underline}.about-page{max-width:700px;margin:0 auto}.about-page h1{margin-bottom:1rem}.about-page p{margin-bottom:.75rem;line-height:1.6}