body{margin:0;padding:0;font-family:"Open Sans",sans-serif;background:#f9f9f9;color:#282828;height:100vh;display:flex;flex-direction:column}.global-nav{background:#fff;border-bottom:1px solid #ddd;padding:0 20px;font-family:"Open Sans",sans-serif;z-index:1000;position:relative}.global-nav .nav-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:60px}.global-nav .nav-logo{text-decoration:none;color:#282828;font-weight:700;font-size:1.1rem;display:flex;align-items:center}.global-nav .nav-logo:hover{color:#0cf}.global-nav .nav-links{list-style:none;margin:0;padding:0;display:flex;gap:20px}.global-nav .nav-links li a{text-decoration:none;color:#5b5b5b;font-size:.9rem;font-weight:600;transition:color .2s;position:relative}.global-nav .nav-links li a:hover,.global-nav .nav-links li a.active{color:#0cf}.global-nav .nav-links li a.active::after{content:"";position:absolute;bottom:-22px;left:0;width:100%;height:2px;background:#0cf}@media(max-width: 600px){.global-nav{height:auto;padding:10px 20px}.global-nav .nav-content{flex-direction:column;height:auto;gap:10px}.global-nav .nav-links{gap:15px;flex-wrap:wrap;justify-content:center}.global-nav .nav-links li a.active::after{display:none}.global-nav .nav-links li a.active{color:#0cf;border-bottom:2px solid #0cf}}#engine-container{display:flex;flex:1;overflow:hidden}#controls{width:300px;background:#f4f4f4;border-right:1px solid #ddd;padding:30px;box-sizing:border-box;display:flex;flex-direction:column;gap:30px;overflow-y:auto}#controls h2{margin-top:0;font-size:1.5rem;border-bottom:2px solid #0cf;padding-bottom:10px;margin-bottom:10px}#controls .control-group{display:flex;flex-direction:column}#controls .control-group label{font-weight:bold;margin-bottom:8px;font-size:.9rem;color:#5b5b5b}#controls .control-group select{padding:10px;font-size:1rem;border:1px solid #ddd;border-radius:4px;background:#fff}#controls .presets{margin-top:20px}#controls .presets h3{font-size:1rem;margin-bottom:15px;color:#ff6950}#controls .presets button{display:block;width:100%;padding:12px;margin-bottom:10px;background:rgba(0,0,0,0);border:1px solid #ff6950;color:#ff6950;border-radius:4px;cursor:pointer;font-weight:bold;transition:all .2s}#controls .presets button:hover{background:#ff6950;color:#f4f4f4}#preview{flex:1;padding:60px;overflow-y:auto;background:#fff;display:flex;justify-content:center}#preview article{max-width:700px;width:100%;line-height:1.6;color:#333}#preview article h1{font-size:3rem;margin-bottom:10px;line-height:1.2}#preview article .subtitle{font-size:1.4rem;color:#666;margin-bottom:30px;font-weight:300}#preview article h2{font-size:2rem;margin-top:40px;margin-bottom:20px}#preview article p{font-size:1.125rem;margin-bottom:20px}#preview article blockquote{font-size:1.5rem;font-style:italic;border-left:4px solid #0cf;margin:30px 0;padding-left:20px;color:#555}#preview article .highlight{background-color:rgba(0,204,255,.1);padding:0 4px}@media(max-width: 768px){#engine-container{flex-direction:column;overflow-y:auto}#controls{width:100%;height:auto;border-right:none;border-bottom:1px solid #ddd;padding:20px}#preview{padding:30px}}