*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5;color:#333}.editor-container{display:flex;height:100vh;width:100vw}.editor-sidebar{width:400px;min-width:300px;max-width:600px;background:#1e1e1e;display:flex;flex-direction:column;border-right:1px solid #333}.editor-header{padding:12px 16px;background:#252526;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center}.editor-header h1{font-size:14px;font-weight:500;color:#fff}.editor-actions{display:flex;gap:8px}.editor-actions button{padding:6px 12px;font-size:12px;border:none;border-radius:4px;cursor:pointer;transition:background .2s}.btn-primary{background:#0078d4;color:#fff}.btn-primary:hover{background:#006cbd}.btn-secondary{background:#3c3c3c;color:#ccc}.btn-secondary:hover{background:#4c4c4c}.editor-textarea{flex:1;padding:16px;background:#1e1e1e;overflow:auto}.editor-textarea textarea{width:100%;height:100%;background:transparent;border:none;color:#d4d4d4;font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:13px;line-height:1.5;resize:none;outline:none}.editor-preview{flex:1;background:#fff;overflow:auto;display:flex;align-items:center;justify-content:center}.editor-preview .gospelo-diagram{max-width:100%;max-height:100%}.editor-error{padding:12px 16px;background:#5a1d1d;color:#f48771;font-size:12px;font-family:monospace;border-top:1px solid #6b2c2c}.home-container{max-width:800px;margin:0 auto;padding:60px 20px}.home-container h1{font-size:48px;font-weight:700;margin-bottom:16px;color:#232f3e}.home-container p{font-size:18px;color:#666;margin-bottom:40px}.home-actions{display:flex;gap:16px}.home-actions a{padding:12px 24px;font-size:16px;text-decoration:none;border-radius:6px;transition:all .2s}.home-actions a.primary{background:#0073bb;color:#fff}.home-actions a.primary:hover{background:#005f9e}.home-actions a.secondary{background:#fff;color:#333;border:1px solid #ddd}.home-actions a.secondary:hover{border-color:#0073bb;color:#0073bb}