body{margin:0;padding:0}.scene-container{display:flex;width:100%;height:100vh}.canvas-container{flex:1;height:90vh;position:relative;top:auto;left:auto}.App{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff}.app-header{padding:.8rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1)}.app-header h1{font-size:1.8rem;margin:0;background:linear-gradient(45deg,#00b4d8,#90e0ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-buttons{display:flex;gap:1rem;margin:0}.view-button{padding:.8rem 1.5rem;border:none;border-radius:8px;background:#ffffff1a;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease}.view-button:hover{background:#fff3;transform:translateY(-2px)}.view-button.active{background:#00b4d8;box-shadow:0 0 15px #00b4d880}